:root {
  --guru-user-ip-box-width: 976px;
}

@font-face {
  font-family: "DIN-Medium";
  src: url(//cdn.gelonghui.com/static/font/DIN-Medium/DINPro-Medium.eot);
  src: url(//cdn.gelonghui.com/static/font/DIN-Medium/DINPro-Medium.woff2)
      format("woff2"),
    url(//cdn.gelonghui.com/static/font/DIN-Medium/DINPro-Medium.woff)
      format("woff"),
    url(//cdn.gelonghui.com/static/font/DIN-Medium/DINPro-Medium.ttf)
      format("truetype");
  font-display: swap;
}

.din-medium {
  font-family: DIN-Medium, sans-serif;
}

@font-face {
  font-family: "iconfont";
  src: url(//at.alicdn.com/t/c/font_801660_cze4rzmfn9h.woff2?t=1763962141375)
      format("woff2"),
    url(//at.alicdn.com/t/c/font_801660_cze4rzmfn9h.woff?t=1763962141375)
      format("woff"),
    url(//at.alicdn.com/t/c/font_801660_cze4rzmfn9h.ttf?t=1763962141375)
      format("truetype"),
    url(//at.alicdn.com/t/c/font_801660_cze4rzmfn9h.svg?t=1763962141375#iconfont)
      format("svg");
}

.iconfont {
  font-family: "iconfont", sans-serif !important;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

[class*=" g-icon-"],
[class^="g-icon-"] {
  display: inline-block;
  font-family: "iconfont", sans-serif !important;
  font-size: p2r(16);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "HanTi-Medium";
  src: url(https://cdn.gelonghui.com/static/hybrid/font/HanTi.ttf)
    format("truetype");
  font-display: swap;
}

.g-icon-comment:before {
  content: "\e664";
}

.g-icon-switch-common:before {
  content: "\e683";
}

.g-icon-switch:before {
  content: "\e67f";
}

.g-icon-lock:before {
  content: "\e641";
}

.g-icon-arrow-right:before {
  content: "\e66a";
}

.g-icon-arrow-left:before {
  content: "\e602";
}

.g-icon-replay:before {
  content: "\e689";
}

.g-icon-appointment:before {
  content: "\e686";
}

.g-icon-appointed:before {
  content: "\e687";
}

.g-icon-live:before {
  content: "\e688";
}

.g-icon-ban:before {
  content: "\e68a";
}

.g-icon-online-audience:before {
  content: "\e68c";
}

.g-icon-image:before {
  content: "\e636";
}

.g-icon-ellipsis:before {
  content: "\e637";
}

.g-icon-outline:before {
  content: "\e68d";
}

.g-icon-close:before {
  content: "\e73e";
}

.g-icon-clear:before {
  content: "\e6cd";
}

.g-icon-arrow-double:before {
  content: "\e68e";
}

.g-icon-subscribe:before {
  content: "\e67d";
}

.g-icon-info-small:before {
  content: "\e6d7";
}

.g-icon-error:before {
  content: "\e6cb";
}

.g-icon-link:before {
  content: "\e615";
}

.g-icon-arrow-down:before {
  content: "\e68f";
}

.g-icon-arrow-up:before {
  content: "\e690";
}

.g-icon-search:before {
  content: "\e633";
}

.g-icon-calendar:before {
  content: "\e691";
}

.g-icon-share-big:before {
  content: "\e63e";
}

.g-icon-share:before {
  content: "\e621";
}

.g-icon-success:before {
  content: "\e65b";
}

.g-icon-weixin:before {
  content: "\e625";
}

.g-icon-weibo:before {
  content: "\e626";
}

.g-icon-bind-weixin:before {
  content: "\e693";
}

.g-icon-bind-guru:before {
  content: "\e692";
}

.g-icon-bind:before {
  content: "\e694";
}

.g-icon-coupon:before {
  content: "\e695";
}

.g-icon-guru-coin:before {
  content: "\e697";
}

.g-icon-record-reading:before {
  content: "\e698";
}

.g-icon-record-paying:before {
  content: "\e696";
}

.g-icon-settings:before {
  content: "\e699";
}

.g-icon-collection:before {
  content: "\e69a";
}

.g-icon-like:before {
  content: "\e634";
}

.g-icon-commit:before {
  content: "\e632";
}

.g-icon-delete:before {
  content: "\e601";
}

.g-icon-hot:before {
  content: "\e6ac";
}

.g-icon-hot-fill:before {
  content: "\e6bf";
}

.g-icon-right:before {
  content: "\e670";
}

.g-icon-arrow-fall:before {
  content: "\e62b";
}

.g-icon-arrow-upward:before {
  content: "\e60d";
}

.g-icon-new-arrow-right:before {
  content: "\e685";
}

.g-icon-reload:before {
  content: "\e61d";
}

.g-icon-message:before {
  content: "\e632";
}

.g-icon-logo:before {
  content: "\e6bd";
}

.g-icon-unsubscribe:before {
  content: "\edf8";
}

.g-icon-close-portfolio:before {
  content: "\e6d2";
}

.g-icon-share-portfolio:before {
  content: "\e6cf";
}

.g-icon-readjust-portfolio:before {
  content: "\e6cc";
}

.g-icon-edit-portfolio:before {
  content: "\e6ce";
}

.g-icon-right-portfolio:before {
  content: "\e6ca";
}

.g-icon-allow-bottom-portfolio:before {
  content: "\e6c2";
}

.g-icon-allow-right-portfolio:before {
  content: "\e6c3";
}

.g-icon-allow-top-portfolio:before {
  content: "\e6c4";
}

.g-icon-clear-portfolio:before {
  content: "\e6c6";
}

.g-icon-platform-phone:before {
  content: "\e6d9";
}

.g-icon-circle:before {
  content: "\e6f3";
}

.g-icon-close-picture:before {
  content: "\e6f5";
}

.g-icon-view-large-picture:before {
  content: "\e6f4";
}

.g-icon-menu-down:before {
  content: "\e6f6";
}

.g-icon-menu-up:before {
  content: "\e6f7";
}

.g-icon-back-to-home:before {
  content: "\e6fd";
}

.g-icon-ling-ling-dang:before {
  content: "\e6fc";
}

.g-icon-close:before {
  content: "\e6c7";
}

.g-icon-loudspeaker:before {
  content: "\e6fa";
}

.g-icon-upload:before {
  content: "\e647";
}

.g-icon-fund-auth-pass:before {
  content: "\e6f9";
}

.g-icon-fund-auth-pending:before {
  content: "\e6f8";
}

.g-icon-circle:before {
  content: "\e701";
}

.g-icon-community:before {
  content: "\e6ff";
}

.g-icon-course:before {
  content: "\e6fe";
}

.g-icon-data:before {
  content: "\e700";
}

.g-icon-play:before {
  content: "\e702";
}

.g-icon-dashboard:before {
  content: "\e714";
}

.g-icon-live-camera:before {
  content: "\e715";
}

.g-icon-add-plus:before {
  content: "\e62e";
}

.g-icon-chat:before {
  content: "\e719";
}

.g-icon-operate:before {
  content: "\e72e";
}

.g-icon-plus-square:before {
  content: "\e71e";
}

.g-icon-invite-member:before {
  content: "\e720";
}

.g-icon-chat-message:before {
  content: "\e724";
}

.g-icon-chat-message-empty:before {
  content: "\e725";
}

.g-icon-chat-address-book:before {
  content: "\e723";
}

.g-icon-chat-address-book-empty:before {
  content: "\e726";
}

.g-icon-wechat-work:before {
  content: "\e728";
}

.g-icon-wechat-work-fill:before {
  content: "\e727";
}

.g-icon-followed:before {
  content: "\e677";
}

.g-icon-plane:before {
  content: "\e729";
}

.g-icon-message-helper:before {
  content: "\e72d";
}

.g-icon-message-helper-empty:before {
  content: "\e72c";
}

.g-icon-reload-new:before {
  content: "\e72b";
}

.g-icon-question:before {
  content: "\e72f";
}

.g-icon-mute-shield:before {
  content: "\e730";
}

.g-icon-mute-ban:before {
  content: "\e732";
}

.g-icon-delete-batch:before {
  content: "\e731";
}

.g-icon-member:before {
  content: "\e734";
}

.g-icon_switch_to_simplify:before {
  content: "\e735";
}

.g-icon_switch_to_traditional:before {
  content: "\e736";
}

* {
  padding: 0;
  margin: 0;
  background: none;
}

*,
body,
html {
  box-sizing: border-box;
}

body,
html {
  cursor: default;
  font-family: "Helvetica Neue", helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  background: #fff;
  font-weight: 400;
}

#__nuxt {
  min-width: 1200px;
}

select {
  -webkit-appearance: none;
  outline: none;
}

fieldset,
img {
  border: 0;
}

li,
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

a,
button,
input {
  outline: none;
}

button {
  border: none;
}

img,
video {
  max-width: 100% !important;
}

.gl-var {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-line-clamp: var(--gl, 1);
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

:root {
  --guru-user-ip-box-width: 976px;
}

#detail-layout > section {
  width: 1200px;
  margin: 0 auto;
}

#detail-layout > section > .layout-body-aside {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#detail-layout > section > .layout-body-aside .layout-main-body {
  width: 852px;
}

#detail-layout > section > .layout-body-aside .layout-main-aside {
  width: 328px;
}

.article-with-html img,
.article-with-html p img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.article-with-html.user-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.article-with-html b,
.article-with-html strong {
  font-weight: 600;
}

.article-with-html b span,
.article-with-html strong span {
  font-size: inherit;
}

.article-with-html p {
  font-size: 16px;
}

.article-with-html a {
  color: #386ff2;
}

.article-with-html p,
.article-with-html span {
  font-size: 15px;
}

.article-with-html div,
.article-with-html p,
.article-with-html span {
  margin-bottom: 16px;
  word-break: break-all;
  line-height: 2;
}

.article-with-html blockquote {
  display: block !important;
  border-left: 5px solid #e8e8e8 !important;
  margin: 16px 0 !important;
  padding: 0 25px !important;
  line-height: 2 !important;
}

.article-with-html h1,
.article-with-html h2,
.article-with-html h3,
.article-with-html h4,
.article-with-html h5,
.article-with-html h6 {
  font-weight: 700;
}

.article-with-html h1 {
  font-size: 34px;
}

.article-with-html h2 {
  font-size: 24px;
}

.article-with-html h3 {
  font-size: 18px;
}

.article-with-html h4 {
  font-size: 16px;
}

.article-with-html h5 {
  font-size: 13px;
}

.article-with-html h6 {
  font-size: 12px;
}

.article-with-html .org-researcher {
  color: #999;
  font-size: 16px;
}

.more-button {
  width: 200px;
  height: 32px;
  line-height: 32px;
  display: block;
  text-align: center;
  margin: 0 auto;
  background-color: #fff;
  color: #386ff2;
  font-size: 12px;
  transition: box-shadow 0.5s ease;
}

.more-button:hover {
  box-shadow: 1px 1px 4px -1px rgba(0, 0, 0, 0.49);
}

.glh-video {
  width: 100%;
  height: 400px;
}

#waterfall {
  text-align: center;
  padding: 20px 0;
  background-color: #fff;
  border-radius: 4px;
}

#waterfall span {
  cursor: pointer;
  display: block;
  transition: all 0.3s ease;
  width: 160px;
  height: 32px;
  line-height: 32px;
  margin: auto;
  border: 1px solid #386ff2;
  color: #386ff2;
  background-color: #fff;
  font-size: 14px;
  border-radius: 3px;
}

#no-more {
  text-align: center;
  padding: 20px 0;
  background-color: #fff;
  border-radius: 4px;
}

#no-more span {
  display: block;
  transition: all 0.3s ease;
  width: 160px;
  height: 32px;
  line-height: 32px;
  margin: auto;
  border: 1px solid #386ff2;
  color: #386ff2;
  background-color: #fff;
  font-size: 14px;
  border-radius: 3px;
}

.nothing {
  color: #999;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 16px;
}

.el-button {
  cursor: pointer;
}

.el-button--text {
  border-color: transparent;
  color: #409eff;
  cursor: pointer;
}

.el-button.is-plain {
  border: 1px solid #dcdfe6;
}

.el-input__inner.liveDatePicker {
  position: absolute !important;
  top: 20px;
  left: 20px;
}

.popper__arrow {
  display: none !important;
}

hl {
  color: #ff5e5e;
}

#waterfall-nomore {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 20px 0;
}

#waterfall-nomore .line {
  width: 100px;
  height: 2px;
  margin: 0 10px;
  background-color: #e8e8e8;
}

#waterfall-nomore p {
  font-size: 14px;
  color: #666;
  text-align: center;
}

.ge-return-top {
  bottom: 32px !important;
  width: 50px !important;
  height: 50px !important;
  color: #666 !important;
  border: 1px solid #f1f3f7 !important;
  border-top: none !important;
  transition: all 0.3s !important;
  box-shadow: none !important;
}

.ge-return-top:hover {
  border-color: #386ff2 !important;
  background: #386ff2 !important;
  color: #fff !important;
}

.flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.g-check-tips {
  padding: 40px 60px;
  padding-bottom: 40px !important;
}

.g-check-tips .el-message-box__header {
  text-align: center;
  padding: 0;
}

.g-check-tips .el-message-box__title {
  font-size: 24px;
  color: #333;
}

.g-check-tips .el-message-box__content {
  padding: 0;
  margin-top: 32px;
}

.g-check-tips .el-message-box__btns {
  padding: 0;
  text-align: center;
  margin-top: 30px;
}

.g-check-tips .el-message-box__btns .el-button {
  width: 138px;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
}

.g-check-tips .el-message-box__btns .el-button + .el-button {
  margin-left: 20px;
}

.member-info__equity--btn {
  cursor: pointer;
  padding: 13px 0;
  background: #386ff2;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  border-radius: 2px;
  text-align: center;
  margin: 25px 0;
}

.g-no-paste {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.g-loading {
  text-align: center;
  padding: 20px;
  color: #666;
}

.max-line-1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.max-line-1,
.max-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.max-line-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.max-line-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.max-line-3,
.max-line-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.max-line-4 {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

.max-line-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}

.rich-text a.link {
  color: #386ff2;
}

.el-tooltip__popper.show-all-content {
  max-width: 700px;
  padding: 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  line-height: 22px;
  border: none !important;
  background: hsla(0, 0%, 100%, 0.8);
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05),
    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(10px);
}

:root {
  --guru-user-ip-box-width: 976px;
}

.scrollbar::-webkit-scrollbar {
  background-color: inherit;
  height: 14px;
  width: 6px;
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: hsla(0, 0%, 80%, 0.5);
  background-clip: content-box;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.gary-background {
  background: #f7f8f9;
}

.g-box {
  min-height: 60vh;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 80px;
}

.g-box .g-container {
  display: flex;
  justify-content: space-between;
}

.g-box .g-container__left {
  width: 834px;
  height: auto;
}

.g-box .g-container__right {
  width: 316px;
  position: relative;
}

.post-menu {
  padding: 0 !important;
  min-width: 92px;
  text-align: center;
}

.post-menu,
.post-menu .el-dropdown-link {
  outline: none !important;
  box-shadow: none !important;
}

.post-menu .el-dropdown-menu__item {
  line-height: 28px;
  color: #666;
  font-size: 12px;
}

.post-menu .el-dropdown-menu__item:focus,
.post-menu .el-dropdown-menu__item:hover {
  background-color: rgba(56, 111, 242, 0.08) !important;
  color: #386ff2 !important;
}

.chatroom-block__card--carousel
  .el-carousel__container
  .el-carousel__item--card {
  width: 240px;
  height: 337px;
  margin-left: 5px;
}

.chatroom-block__card--carousel
  .el-carousel__container
  .el-carousel__item--card
  .el-carousel__mask {
  width: 240px;
  background: #3a3d61;
}

.chatroom-block__card--carousel
  .el-carousel__container
  .el-carousel__arrow--left,
.chatroom-block__card--carousel
  .el-carousel__container
  .el-carousel__arrow--right {
  position: fixed;
  font-size: 14px;
  background: none;
}

.chatroom-block__card--carousel
  .el-carousel__container
  .el-carousel__arrow--left {
  left: -40px;
}

.chatroom-block__card--carousel
  .el-carousel__container
  .el-carousel__arrow--right {
  right: -26px;
}

.chatroom-dialog__desc {
  font-size: 15px;
  color: #666;
}

.chatroom-right__title {
  width: 100%;
  overflow: hidden;
}

.chatroom-right__title img {
  width: 100%;
  height: 66px;
}

.chatroom-tips {
  cursor: default;
  width: 100%;
  margin: 0 auto;
  padding: 5px 40px 5px 20px;
  background: #fff7ed;
  color: #875730;
  font-size: 13px;
  position: relative;
  height: 28px;
}

.chatroom-tips__main {
  width: 100%;
  overflow: hidden;
}

.chatroom-tips__viewbox {
  white-space: nowrap;
}

.chatroom-tips .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  cursor: pointer;
}

.chatroom-tips__box {
  white-space: nowrap;
}

.chatroom-tips #hide {
  position: absolute;
  z-index: -999;
  top: -9999px;
  white-space: nowrap;
}

.chatroom-box {
  border: 1px solid #f1f3f7;
}

.chatroom-enter {
  padding: 160px 0;
  width: 100%;
  text-align: center;
}

.chatroom-enter__box {
  cursor: default;
  position: relative;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}

.chatroom-enter__box img {
  width: 100%;
  border: none;
}

.chatroom-enter__box p {
  position: absolute;
  bottom: 10px;
  text-align: center;
  font-size: 16px;
  color: #999;
  width: 100%;
}

.chatroom-block {
  min-height: 0;
  position: relative;
  width: 864px;
}

.chatroom-block__button {
  position: absolute;
  width: 182px;
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 47px;
  background: none;
  cursor: pointer;
}

.chatroom-block__card {
  position: absolute;
  top: 225px;
  left: 50%;
  transform: translateX(-254px);
}

.chatroom-block__card--carousel {
  width: 525px;
  height: 369px;
}

.chatroom-block__card--img {
  width: 240px;
  height: 337px;
}

.chatroom-block__info {
  width: 512px;
  top: 592px;
  font-size: 13px;
  color: #fff;
}

.chatroom-block__info,
.chatroom-block__join {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.chatroom-block__join {
  display: inline-block;
  width: 224px;
  padding: 9px;
  font-size: 14px;
  font-weight: 600;
  color: #633c2a;
  text-align: center;
  background: linear-gradient(150deg, #f6dece, #dfa082);
  box-shadow: inset -1px -1px 5px 0 #c16940;
  border-radius: 20px;
  top: 695px;
  cursor: pointer;
}

.chatroom-tabs {
  background: #f8f8fe;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}

.chatroom-tabs__online {
  cursor: default;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  padding: 4px 12px;
  border-radius: 2px;
  font-size: 14px;
  background: #fff;
  color: #666;
}

.chatroom-tabs__online i {
  font-size: 18px;
  vertical-align: middle;
}

.chatroom-tabs__item {
  cursor: pointer;
  display: inline-block;
  padding: 18px 0;
  margin: 0 20px;
  color: #666;
  font-size: 16px;
  position: relative;
  transition: color 0.5s;
}

.chatroom-tabs__item:hover {
  color: #386ff2;
}

.chatroom-tabs__item.active {
  color: #386ff2;
  font-weight: bolder;
}

.chatroom-tabs__item.active:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 16px;
  height: 3px;
  background: #386ff3;
  transform: translateX(-50%);
}

.moment-dialog.el-dialog {
  border-radius: 4px;
}

.moment-dialog.el-dialog .el-dialog__header {
  display: none;
}

.moment-dialog.el-dialog .el-dialog-content {
  padding: 0;
  overflow: unset;
}

.moment-question-tips.el-dialog {
  border-radius: 4px;
}

.moment-question-tips.el-dialog .el-dialog__header {
  padding-top: 24px;
}

.moment-question-tips.el-dialog .el-dialog__body {
  padding: 12px 32px 16px;
}

.moment-question-tips.el-dialog .el-dialog__footer {
  padding-top: 0;
  padding-bottom: 30px;
}

.item-share-moment-list__dialog.el-dialog .el-dialog__header,
.moment-question-reply.el-dialog .el-dialog__header,
.moment_question__dialog.el-dialog .el-dialog__header {
  display: none;
}

.item-share-moment-list__dialog.el-dialog .el-dialog-content,
.moment-question-reply.el-dialog .el-dialog-content,
.moment_question__dialog.el-dialog .el-dialog-content {
  padding: 0;
  overflow: unset;
}

.item-share-moment-list__dialog.el-dialog .el-dialog__body,
.moment-question-reply.el-dialog .el-dialog__body,
.moment_question__dialog.el-dialog .el-dialog__body {
  padding: 0;
}


.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==)
    format("woff");
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "\f103";
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "\f104";
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "\f105";
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "\f106";
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "\f107";
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "\f108";
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10b";
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.video-js:lang(en-AU)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: "\f10c";
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: "\f10d";
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f110";
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f114";
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "\f115";
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f11c";
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "\f11d";
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f120";
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
  content: "\f121";
}

.video-js.vjs-picture-in-picture
  .vjs-picture-in-picture-control
  .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}

.video-js.vjs-picture-in-picture
  .vjs-picture-in-picture-control
  .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: normal;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin: 0;
}

.video-js.vjs-1-1,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode),
.video-js .vjs-tech {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause
  .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), hsla(0, 0%, 100%, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em;
  font-weight: 700;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing
  .vjs-control-bar,
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}

.video-js :not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js
  .vjs-progress-control:hover
  .vjs-progress-holder:focus
  .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s,
    top 0s;
}

.video-js
  .vjs-volume-panel.vjs-hover
  .vjs-mute-control
  ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js
  .vjs-volume-panel
  .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js
  .vjs-volume-panel.vjs-hover
  .vjs-mute-control
  ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js
  .vjs-volume-panel
  .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s,
    top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s,
    top 1s 1s;
}

.video-js.vjs-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js
  .vjs-volume-control:hover
  .vjs-progress-holder:focus
  .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js
  .vjs-volume-vertical:hover
  .vjs-progress-holder:focus
  .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing
  video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: #fff transparent transparent;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
    vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@keyframes vjs-spinner-spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }

  20% {
    border-top-color: #73859f;
  }

  35% {
    border-top-color: #fff;
  }

  60% {
    border-top-color: #73859f;
  }

  to {
    border-top-color: #73859f;
  }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js
  .vjs-audio-button
  + .vjs-menu
  .vjs-main-desc-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js
  .vjs-audio-button
  + .vjs-menu
  .vjs-main-desc-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small
  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small
  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny
  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny
  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small
  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small
  .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small
  .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small
  .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: auto;
}

.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js :focus:not(.focus-visible),
.video-js :focus:not(.focus-visible),
.video-js :focus:not(:focus-visible) {
  outline: none;
}

.el-image__error,
.el-image__placeholder {
  background: #f5f7fa;
}

.el-image__error,
.el-image__inner,
.el-image__placeholder {
  width: 100%;
  height: 100%;
}

.el-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.el-image__inner {
  vertical-align: top;
}

.el-image__inner--center {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.el-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #c0c4cc;
  vertical-align: middle;
}

.el-image__preview {
  cursor: pointer;
}

.el-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.el-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.el-image-viewer__close {
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
}

.el-image-viewer__canvas {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-image-viewer__actions {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 282px;
  height: 44px;
  padding: 0 23px;
  background-color: #606266;
  border-color: #fff;
  border-radius: 22px;
}

.el-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.el-image-viewer__next,
.el-image-viewer__prev {
  top: 50%;
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff;
}

.el-image-viewer__prev {
  transform: translateY(-50%);
  left: 40px;
}

.el-image-viewer__next {
  transform: translateY(-50%);
  right: 40px;
  text-indent: 2px;
}

.el-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}

.viewer-fade-enter-active {
  animation: viewer-fade-in 0.3s;
}

.viewer-fade-leave-active {
  animation: viewer-fade-out 0.3s;
}

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes viewer-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}

.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}

@keyframes v-modal-out {
  to {
    opacity: 0;
  }
}

.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  position: relative;
  margin: 0 auto 50px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  width: 50%;
}

.el-dialog.is-fullscreen {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.el-dialog__header {
  padding: 20px 20px 10px;
}

.el-dialog__headerbtn {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 16px;
}

.el-dialog__headerbtn .el-dialog__close {
  color: #909399;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #386ff2;
}

.el-dialog__title {
  line-height: 24px;
  font-size: 18px;
  color: #303133;
}

.el-dialog__body {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}

.el-dialog__footer {
  padding: 10px 20px 20px;
  text-align: right;
  box-sizing: border-box;
}

.el-dialog--center {
  text-align: center;
}

.el-dialog--center .el-dialog__body {
  text-align: left;
  text-align: initial;
  padding: 25px 25px 30px;
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}

.dialog-fade-enter-active {
  animation: dialog-fade-in 0.3s;
}

.dialog-fade-leave-active {
  animation: dialog-fade-out 0.3s;
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes dialog-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 0.2s linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 0.2s linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45);
}

.collapse-transition {
  transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
}

.horizontal-collapse-transition {
  transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.3s ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter,
.el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

@font-face {
  font-family: element-icons;
  src: url(https://cdn.gelonghui.com/static/ssr/542799/fonts/element-icons.313f7da.woff)
      format("woff"),
    url(https://cdn.gelonghui.com/static/ssr/542799/fonts/element-icons.4520188.ttf)
      format("truetype");
  font-weight: 400;
  font-display: "auto";
  font-style: normal;
}

[class*=" el-icon-"],
[class^="el-icon-"] {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-ice-cream-round:before {
  content: "\e6a0";
}

.el-icon-ice-cream-square:before {
  content: "\e6a3";
}

.el-icon-lollipop:before {
  content: "\e6a4";
}

.el-icon-potato-strips:before {
  content: "\e6a5";
}

.el-icon-milk-tea:before {
  content: "\e6a6";
}

.el-icon-ice-drink:before {
  content: "\e6a7";
}

.el-icon-ice-tea:before {
  content: "\e6a9";
}

.el-icon-coffee:before {
  content: "\e6aa";
}

.el-icon-orange:before {
  content: "\e6ab";
}

.el-icon-pear:before {
  content: "\e6ac";
}

.el-icon-apple:before {
  content: "\e6ad";
}

.el-icon-cherry:before {
  content: "\e6ae";
}

.el-icon-watermelon:before {
  content: "\e6af";
}

.el-icon-grape:before {
  content: "\e6b0";
}

.el-icon-refrigerator:before {
  content: "\e6b1";
}

.el-icon-goblet-square-full:before {
  content: "\e6b2";
}

.el-icon-goblet-square:before {
  content: "\e6b3";
}

.el-icon-goblet-full:before {
  content: "\e6b4";
}

.el-icon-goblet:before {
  content: "\e6b5";
}

.el-icon-cold-drink:before {
  content: "\e6b6";
}

.el-icon-coffee-cup:before {
  content: "\e6b8";
}

.el-icon-water-cup:before {
  content: "\e6b9";
}

.el-icon-hot-water:before {
  content: "\e6ba";
}

.el-icon-ice-cream:before {
  content: "\e6bb";
}

.el-icon-dessert:before {
  content: "\e6bc";
}

.el-icon-sugar:before {
  content: "\e6bd";
}

.el-icon-tableware:before {
  content: "\e6be";
}

.el-icon-burger:before {
  content: "\e6bf";
}

.el-icon-knife-fork:before {
  content: "\e6c1";
}

.el-icon-fork-spoon:before {
  content: "\e6c2";
}

.el-icon-chicken:before {
  content: "\e6c3";
}

.el-icon-food:before {
  content: "\e6c4";
}

.el-icon-dish-1:before {
  content: "\e6c5";
}

.el-icon-dish:before {
  content: "\e6c6";
}

.el-icon-moon-night:before {
  content: "\e6ee";
}

.el-icon-moon:before {
  content: "\e6f0";
}

.el-icon-cloudy-and-sunny:before {
  content: "\e6f1";
}

.el-icon-partly-cloudy:before {
  content: "\e6f2";
}

.el-icon-cloudy:before {
  content: "\e6f3";
}

.el-icon-sunny:before {
  content: "\e6f6";
}

.el-icon-sunset:before {
  content: "\e6f7";
}

.el-icon-sunrise-1:before {
  content: "\e6f8";
}

.el-icon-sunrise:before {
  content: "\e6f9";
}

.el-icon-heavy-rain:before {
  content: "\e6fa";
}

.el-icon-lightning:before {
  content: "\e6fb";
}

.el-icon-light-rain:before {
  content: "\e6fc";
}

.el-icon-wind-power:before {
  content: "\e6fd";
}

.el-icon-baseball:before {
  content: "\e712";
}

.el-icon-soccer:before {
  content: "\e713";
}

.el-icon-football:before {
  content: "\e715";
}

.el-icon-basketball:before {
  content: "\e716";
}

.el-icon-ship:before {
  content: "\e73f";
}

.el-icon-truck:before {
  content: "\e740";
}

.el-icon-bicycle:before {
  content: "\e741";
}

.el-icon-mobile-phone:before {
  content: "\e6d3";
}

.el-icon-service:before {
  content: "\e6d4";
}

.el-icon-key:before {
  content: "\e6e2";
}

.el-icon-unlock:before {
  content: "\e6e4";
}

.el-icon-lock:before {
  content: "\e6e5";
}

.el-icon-watch:before {
  content: "\e6fe";
}

.el-icon-watch-1:before {
  content: "\e6ff";
}

.el-icon-timer:before {
  content: "\e702";
}

.el-icon-alarm-clock:before {
  content: "\e703";
}

.el-icon-map-location:before {
  content: "\e704";
}

.el-icon-delete-location:before {
  content: "\e705";
}

.el-icon-add-location:before {
  content: "\e706";
}

.el-icon-location-information:before {
  content: "\e707";
}

.el-icon-location-outline:before {
  content: "\e708";
}

.el-icon-location:before {
  content: "\e79e";
}

.el-icon-place:before {
  content: "\e709";
}

.el-icon-discover:before {
  content: "\e70a";
}

.el-icon-first-aid-kit:before {
  content: "\e70b";
}

.el-icon-trophy-1:before {
  content: "\e70c";
}

.el-icon-trophy:before {
  content: "\e70d";
}

.el-icon-medal:before {
  content: "\e70e";
}

.el-icon-medal-1:before {
  content: "\e70f";
}

.el-icon-stopwatch:before {
  content: "\e710";
}

.el-icon-mic:before {
  content: "\e711";
}

.el-icon-copy-document:before {
  content: "\e718";
}

.el-icon-full-screen:before {
  content: "\e719";
}

.el-icon-switch-button:before {
  content: "\e71b";
}

.el-icon-aim:before {
  content: "\e71c";
}

.el-icon-crop:before {
  content: "\e71d";
}

.el-icon-odometer:before {
  content: "\e71e";
}

.el-icon-time:before {
  content: "\e71f";
}

.el-icon-bangzhu:before {
  content: "\e724";
}

.el-icon-close-notification:before {
  content: "\e726";
}

.el-icon-microphone:before {
  content: "\e727";
}

.el-icon-turn-off-microphone:before {
  content: "\e728";
}

.el-icon-position:before {
  content: "\e729";
}

.el-icon-postcard:before {
  content: "\e72a";
}

.el-icon-message:before {
  content: "\e72b";
}

.el-icon-chat-line-square:before {
  content: "\e72d";
}

.el-icon-chat-dot-square:before {
  content: "\e72e";
}

.el-icon-chat-dot-round:before {
  content: "\e72f";
}

.el-icon-chat-square:before {
  content: "\e730";
}

.el-icon-chat-line-round:before {
  content: "\e731";
}

.el-icon-chat-round:before {
  content: "\e732";
}

.el-icon-set-up:before {
  content: "\e733";
}

.el-icon-turn-off:before {
  content: "\e734";
}

.el-icon-open:before {
  content: "\e735";
}

.el-icon-connection:before {
  content: "\e736";
}

.el-icon-link:before {
  content: "\e737";
}

.el-icon-cpu:before {
  content: "\e738";
}

.el-icon-thumb:before {
  content: "\e739";
}

.el-icon-female:before {
  content: "\e73a";
}

.el-icon-male:before {
  content: "\e73b";
}

.el-icon-guide:before {
  content: "\e73c";
}

.el-icon-news:before {
  content: "\e73e";
}

.el-icon-price-tag:before {
  content: "\e744";
}

.el-icon-discount:before {
  content: "\e745";
}

.el-icon-wallet:before {
  content: "\e747";
}

.el-icon-coin:before {
  content: "\e748";
}

.el-icon-money:before {
  content: "\e749";
}

.el-icon-bank-card:before {
  content: "\e74a";
}

.el-icon-box:before {
  content: "\e74b";
}

.el-icon-present:before {
  content: "\e74c";
}

.el-icon-sell:before {
  content: "\e6d5";
}

.el-icon-sold-out:before {
  content: "\e6d6";
}

.el-icon-shopping-bag-2:before {
  content: "\e74d";
}

.el-icon-shopping-bag-1:before {
  content: "\e74e";
}

.el-icon-shopping-cart-2:before {
  content: "\e74f";
}

.el-icon-shopping-cart-1:before {
  content: "\e750";
}

.el-icon-shopping-cart-full:before {
  content: "\e751";
}

.el-icon-smoking:before {
  content: "\e752";
}

.el-icon-no-smoking:before {
  content: "\e753";
}

.el-icon-house:before {
  content: "\e754";
}

.el-icon-table-lamp:before {
  content: "\e755";
}

.el-icon-school:before {
  content: "\e756";
}

.el-icon-office-building:before {
  content: "\e757";
}

.el-icon-toilet-paper:before {
  content: "\e758";
}

.el-icon-notebook-2:before {
  content: "\e759";
}

.el-icon-notebook-1:before {
  content: "\e75a";
}

.el-icon-files:before {
  content: "\e75b";
}

.el-icon-collection:before {
  content: "\e75c";
}

.el-icon-receiving:before {
  content: "\e75d";
}

.el-icon-suitcase-1:before {
  content: "\e760";
}

.el-icon-suitcase:before {
  content: "\e761";
}

.el-icon-film:before {
  content: "\e763";
}

.el-icon-collection-tag:before {
  content: "\e765";
}

.el-icon-data-analysis:before {
  content: "\e766";
}

.el-icon-pie-chart:before {
  content: "\e767";
}

.el-icon-data-board:before {
  content: "\e768";
}

.el-icon-data-line:before {
  content: "\e76d";
}

.el-icon-reading:before {
  content: "\e769";
}

.el-icon-magic-stick:before {
  content: "\e76a";
}

.el-icon-coordinate:before {
  content: "\e76b";
}

.el-icon-mouse:before {
  content: "\e76c";
}

.el-icon-brush:before {
  content: "\e76e";
}

.el-icon-headset:before {
  content: "\e76f";
}

.el-icon-umbrella:before {
  content: "\e770";
}

.el-icon-scissors:before {
  content: "\e771";
}

.el-icon-mobile:before {
  content: "\e773";
}

.el-icon-attract:before {
  content: "\e774";
}

.el-icon-monitor:before {
  content: "\e775";
}

.el-icon-search:before {
  content: "\e778";
}

.el-icon-takeaway-box:before {
  content: "\e77a";
}

.el-icon-paperclip:before {
  content: "\e77d";
}

.el-icon-printer:before {
  content: "\e77e";
}

.el-icon-document-add:before {
  content: "\e782";
}

.el-icon-document:before {
  content: "\e785";
}

.el-icon-document-checked:before {
  content: "\e786";
}

.el-icon-document-copy:before {
  content: "\e787";
}

.el-icon-document-delete:before {
  content: "\e788";
}

.el-icon-document-remove:before {
  content: "\e789";
}

.el-icon-tickets:before {
  content: "\e78b";
}

.el-icon-folder-checked:before {
  content: "\e77f";
}

.el-icon-folder-delete:before {
  content: "\e780";
}

.el-icon-folder-remove:before {
  content: "\e781";
}

.el-icon-folder-add:before {
  content: "\e783";
}

.el-icon-folder-opened:before {
  content: "\e784";
}

.el-icon-folder:before {
  content: "\e78a";
}

.el-icon-edit-outline:before {
  content: "\e764";
}

.el-icon-edit:before {
  content: "\e78c";
}

.el-icon-date:before {
  content: "\e78e";
}

.el-icon-c-scale-to-original:before {
  content: "\e7c6";
}

.el-icon-view:before {
  content: "\e6ce";
}

.el-icon-loading:before {
  content: "\e6cf";
}

.el-icon-rank:before {
  content: "\e6d1";
}

.el-icon-sort-down:before {
  content: "\e7c4";
}

.el-icon-sort-up:before {
  content: "\e7c5";
}

.el-icon-sort:before {
  content: "\e6d2";
}

.el-icon-finished:before {
  content: "\e6cd";
}

.el-icon-refresh-left:before {
  content: "\e6c7";
}

.el-icon-refresh-right:before {
  content: "\e6c8";
}

.el-icon-refresh:before {
  content: "\e6d0";
}

.el-icon-video-play:before {
  content: "\e7c0";
}

.el-icon-video-pause:before {
  content: "\e7c1";
}

.el-icon-d-arrow-right:before {
  content: "\e6dc";
}

.el-icon-d-arrow-left:before {
  content: "\e6dd";
}

.el-icon-arrow-up:before {
  content: "\e6e1";
}

.el-icon-arrow-down:before {
  content: "\e6df";
}

.el-icon-arrow-right:before {
  content: "\e6e0";
}

.el-icon-arrow-left:before {
  content: "\e6de";
}

.el-icon-top-right:before {
  content: "\e6e7";
}

.el-icon-top-left:before {
  content: "\e6e8";
}

.el-icon-top:before {
  content: "\e6e6";
}

.el-icon-bottom:before {
  content: "\e6eb";
}

.el-icon-right:before {
  content: "\e6e9";
}

.el-icon-back:before {
  content: "\e6ea";
}

.el-icon-bottom-right:before {
  content: "\e6ec";
}

.el-icon-bottom-left:before {
  content: "\e6ed";
}

.el-icon-caret-top:before {
  content: "\e78f";
}

.el-icon-caret-bottom:before {
  content: "\e790";
}

.el-icon-caret-right:before {
  content: "\e791";
}

.el-icon-caret-left:before {
  content: "\e792";
}

.el-icon-d-caret:before {
  content: "\e79a";
}

.el-icon-share:before {
  content: "\e793";
}

.el-icon-menu:before {
  content: "\e798";
}

.el-icon-s-grid:before {
  content: "\e7a6";
}

.el-icon-s-check:before {
  content: "\e7a7";
}

.el-icon-s-data:before {
  content: "\e7a8";
}

.el-icon-s-opportunity:before {
  content: "\e7aa";
}

.el-icon-s-custom:before {
  content: "\e7ab";
}

.el-icon-s-claim:before {
  content: "\e7ad";
}

.el-icon-s-finance:before {
  content: "\e7ae";
}

.el-icon-s-comment:before {
  content: "\e7af";
}

.el-icon-s-flag:before {
  content: "\e7b0";
}

.el-icon-s-marketing:before {
  content: "\e7b1";
}

.el-icon-s-shop:before {
  content: "\e7b4";
}

.el-icon-s-open:before {
  content: "\e7b5";
}

.el-icon-s-management:before {
  content: "\e7b6";
}

.el-icon-s-ticket:before {
  content: "\e7b7";
}

.el-icon-s-release:before {
  content: "\e7b8";
}

.el-icon-s-home:before {
  content: "\e7b9";
}

.el-icon-s-promotion:before {
  content: "\e7ba";
}

.el-icon-s-operation:before {
  content: "\e7bb";
}

.el-icon-s-unfold:before {
  content: "\e7bc";
}

.el-icon-s-fold:before {
  content: "\e7a9";
}

.el-icon-s-platform:before {
  content: "\e7bd";
}

.el-icon-s-order:before {
  content: "\e7be";
}

.el-icon-s-cooperation:before {
  content: "\e7bf";
}

.el-icon-bell:before {
  content: "\e725";
}

.el-icon-message-solid:before {
  content: "\e799";
}

.el-icon-video-camera:before {
  content: "\e772";
}

.el-icon-video-camera-solid:before {
  content: "\e796";
}

.el-icon-camera:before {
  content: "\e779";
}

.el-icon-camera-solid:before {
  content: "\e79b";
}

.el-icon-download:before {
  content: "\e77c";
}

.el-icon-upload2:before {
  content: "\e77b";
}

.el-icon-upload:before {
  content: "\e7c3";
}

.el-icon-picture-outline-round:before {
  content: "\e75f";
}

.el-icon-picture-outline:before {
  content: "\e75e";
}

.el-icon-picture:before {
  content: "\e79f";
}

.el-icon-close:before {
  content: "\e6db";
}

.el-icon-check:before {
  content: "\e6da";
}

.el-icon-plus:before {
  content: "\e6d9";
}

.el-icon-minus:before {
  content: "\e6d8";
}

.el-icon-help:before {
  content: "\e73d";
}

.el-icon-s-help:before {
  content: "\e7b3";
}

.el-icon-circle-close:before {
  content: "\e78d";
}

.el-icon-circle-check:before {
  content: "\e720";
}

.el-icon-circle-plus-outline:before {
  content: "\e723";
}

.el-icon-remove-outline:before {
  content: "\e722";
}

.el-icon-zoom-out:before {
  content: "\e776";
}

.el-icon-zoom-in:before {
  content: "\e777";
}

.el-icon-error:before {
  content: "\e79d";
}

.el-icon-success:before {
  content: "\e79c";
}

.el-icon-circle-plus:before {
  content: "\e7a0";
}

.el-icon-remove:before {
  content: "\e7a2";
}

.el-icon-info:before {
  content: "\e7a1";
}

.el-icon-question:before {
  content: "\e7a4";
}

.el-icon-warning-outline:before {
  content: "\e6c9";
}

.el-icon-warning:before {
  content: "\e7a3";
}

.el-icon-goods:before {
  content: "\e7c2";
}

.el-icon-s-goods:before {
  content: "\e7b2";
}

.el-icon-star-off:before {
  content: "\e717";
}

.el-icon-star-on:before {
  content: "\e797";
}

.el-icon-more-outline:before {
  content: "\e6cc";
}

.el-icon-more:before {
  content: "\e794";
}

.el-icon-phone-outline:before {
  content: "\e6cb";
}

.el-icon-phone:before {
  content: "\e795";
}

.el-icon-user:before {
  content: "\e6e3";
}

.el-icon-user-solid:before {
  content: "\e7a5";
}

.el-icon-setting:before {
  content: "\e6ca";
}

.el-icon-s-tools:before {
  content: "\e7ac";
}

.el-icon-delete:before {
  content: "\e6d7";
}

.el-icon-delete-solid:before {
  content: "\e7c9";
}

.el-icon-eleme:before {
  content: "\e7c7";
}

.el-icon-platform-eleme:before {
  content: "\e7ca";
}

.el-icon-loading {
  animation: rotating 2s linear infinite;
}

.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.el-carousel__item,
.el-carousel__mask {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.el-carousel__item {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0;
}

.el-carousel__item.is-active {
  z-index: 2;
}

.el-carousel__item--card,
.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}

.el-carousel__item--card {
  width: 50%;
}

.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1;
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  opacity: 0.12;
}

.el-carousel__item--card.is-active {
  z-index: 2;
}

.el-carousel__mask {
  width: 100%;
  background-color: #fff;
  opacity: 0.24;
  transition: 0.2s;
}

.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: 0;
  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: #fff;
  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: #fff;
  border: none;
  outline: 0;
  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;
}

.el-checkbox,
.el-checkbox-button__inner {
  font-weight: 500;
  color: #606266;
  -webkit-user-select: none;
  -ms-user-select: none;
  font-size: 14px;
}

.el-checkbox,
.el-checkbox__input {
  display: inline-block;
  position: relative;
}

.el-checkbox-button__inner,
.el-checkbox__input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  outline: 0;
}

.el-checkbox {
  cursor: pointer;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 30px;
}

.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}

.el-checkbox.is-bordered.is-checked {
  border-color: #386ff2;
}

.el-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}

.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner,
.el-checkbox__inner {
  width: 14px;
  height: 14px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}

.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}

.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  line-height: 1;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #386ff2;
  border-color: #386ff2;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
  transform: rotate(45deg) scaleY(1);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #386ff2;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #386ff2;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.el-checkbox__inner:hover {
  border-color: #386ff2;
}

.el-checkbox__inner:after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox-button,
.el-checkbox-button__inner {
  display: inline-block;
  position: relative;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button__inner {
  line-height: 1;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-left: 0;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  padding: 12px 20px;
  border-radius: 0;
}

.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}

.el-checkbox-button__inner:hover {
  color: #386ff2;
}

.el-checkbox-button__inner [class*="el-icon-"] {
  line-height: 0.9;
}

.el-checkbox-button__inner [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  background-color: #386ff2;
  border-color: #386ff2;
  box-shadow: -1px 0 0 0 #88a9f7;
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #386ff2;
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
  box-shadow: none;
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #ebeef5;
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #dcdfe6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #386ff2;
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

.el-message {
  min-width: 380px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-color: #edf2fc;
  transition: opacity 0.3s, transform 0.4s, top 0.4s;
  overflow: hidden;
  padding: 15px 15px 15px 20px;
  display: flex;
  align-items: center;
}

.el-message.is-center {
  justify-content: center;
}

.el-message.is-closable .el-message__content {
  padding-right: 16px;
}

.el-message p {
  margin: 0;
}

.el-message--info .el-message__content {
  color: #909399;
}

.el-message--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}

.el-message--success .el-message__content {
  color: #67c23a;
}

.el-message--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
}

.el-message--warning .el-message__content {
  color: #e6a23c;
}

.el-message--error {
  background-color: #fef0f0;
  border-color: #fde2e2;
}

.el-message--error .el-message__content {
  color: #f56c6c;
}

.el-message__icon {
  margin-right: 10px;
}

.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}

.el-message__content:focus {
  outline-width: 0;
}

.el-message__closeBtn {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #c0c4cc;
  font-size: 16px;
}

.el-message__closeBtn:focus {
  outline-width: 0;
}

.el-message__closeBtn:hover {
  color: #909399;
}

.el-message .el-icon-success {
  color: #67c23a;
}

.el-message .el-icon-error {
  color: #f56c6c;
}

.el-message .el-icon-info {
  color: #909399;
}

.el-message .el-icon-warning {
  color: #e6a23c;
}

.el-message-fade-enter,
.el-message-fade-leave-active {
  opacity: 0;
  transform: translate(-50%, -100%);
}

.el-message-box,
.el-popup-parent--hidden {
  overflow: hidden;
}

.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}

@keyframes v-modal-out {
  to {
    opacity: 0;
  }
}

.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}

.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}

.el-button + .el-button {
  margin-left: 10px;
}

.el-button:focus,
.el-button:hover {
  color: #386ff2;
  border-color: #c3d4fb;
  background-color: #ebf1fe;
}

.el-button:active {
  color: #3264da;
  border-color: #3264da;
  outline: 0;
}

.el-button::-moz-focus-inner {
  border: 0;
}

.el-button [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
  background: #fff;
  border-color: #386ff2;
  color: #386ff2;
}

.el-button.is-active,
.el-button.is-plain:active {
  color: #3264da;
  border-color: #3264da;
}

.el-button.is-plain:active {
  background: #fff;
  outline: 0;
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
}

.el-button.is-disabled.el-button--text {
  background-color: transparent;
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}

.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: hsla(0, 0%, 100%, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #fff;
  background-color: #386ff2;
  border-color: #386ff2;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background: #608cf5;
  border-color: #608cf5;
  color: #fff;
}

.el-button--primary.is-active,
.el-button--primary:active {
  background: #3264da;
  border-color: #3264da;
  color: #fff;
}

.el-button--primary:active {
  outline: 0;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  color: #fff;
  background-color: #9cb7f9;
  border-color: #9cb7f9;
}

.el-button--primary.is-plain {
  color: #386ff2;
  background: #ebf1fe;
  border-color: #afc5fa;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  background: #386ff2;
  border-color: #386ff2;
  color: #fff;
}

.el-button--primary.is-plain:active {
  background: #3264da;
  border-color: #3264da;
  color: #fff;
  outline: 0;
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
  color: #88a9f7;
  background-color: #ebf1fe;
  border-color: #d7e2fc;
}

.el-button--success {
  color: #fff;
  background-color: #67c23a;
  border-color: #67c23a;
}

.el-button--success:focus,
.el-button--success:hover {
  background: #85ce61;
  border-color: #85ce61;
  color: #fff;
}

.el-button--success.is-active,
.el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
}

.el-button--success:active {
  outline: 0;
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
  color: #fff;
  background-color: #b3e19d;
  border-color: #b3e19d;
}

.el-button--success.is-plain {
  color: #67c23a;
  background: #f0f9eb;
  border-color: #c2e7b0;
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
  background: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
  outline: 0;
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}

.el-button--warning {
  color: #fff;
  background-color: #e6a23c;
  border-color: #e6a23c;
}

.el-button--warning:focus,
.el-button--warning:hover {
  background: #ebb563;
  border-color: #ebb563;
  color: #fff;
}

.el-button--warning.is-active,
.el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
}

.el-button--warning:active {
  outline: 0;
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
  color: #fff;
  background-color: #f3d19e;
  border-color: #f3d19e;
}

.el-button--warning.is-plain {
  color: #e6a23c;
  background: #fdf6ec;
  border-color: #f5dab1;
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
  background: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
  outline: 0;
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}

.el-button--danger {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
}

.el-button--danger:focus,
.el-button--danger:hover {
  background: #f78989;
  border-color: #f78989;
  color: #fff;
}

.el-button--danger.is-active,
.el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
}

.el-button--danger:active {
  outline: 0;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
  color: #fff;
  background-color: #fab6b6;
  border-color: #fab6b6;
}

.el-button--danger.is-plain {
  color: #f56c6c;
  background: #fef0f0;
  border-color: #fbc4c4;
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
  outline: 0;
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}

.el-button--info {
  color: #fff;
  background-color: #909399;
  border-color: #909399;
}

.el-button--info:focus,
.el-button--info:hover {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #fff;
}

.el-button--info.is-active,
.el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
}

.el-button--info:active {
  outline: 0;
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
  color: #fff;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}

.el-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
  background: #909399;
  border-color: #909399;
  color: #fff;
}

.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
  outline: 0;
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}

.el-button--mini,
.el-button--small {
  font-size: 12px;
  border-radius: 3px;
}

.el-button--medium.is-round {
  padding: 10px 20px;
}

.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small,
.el-button--small.is-round {
  padding: 9px 15px;
}

.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini,
.el-button--mini.is-round {
  padding: 7px 15px;
}

.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #386ff2;
  background: 0 0;
  padding-left: 0;
  padding-right: 0;
}

.el-button--text:focus,
.el-button--text:hover {
  color: #608cf5;
  border-color: transparent;
  background-color: transparent;
}

.el-button--text:active {
  color: #3264da;
  background-color: transparent;
}

.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
  border-color: transparent;
}

.el-button-group .el-button--danger:last-child,
.el-button-group .el-button--danger:not(:first-child):not(:last-child),
.el-button-group .el-button--info:last-child,
.el-button-group .el-button--info:not(:first-child):not(:last-child),
.el-button-group .el-button--primary:last-child,
.el-button-group .el-button--primary:not(:first-child):not(:last-child),
.el-button-group .el-button--success:last-child,
.el-button-group .el-button--success:not(:first-child):not(:last-child),
.el-button-group .el-button--warning:last-child,
.el-button-group .el-button--warning:not(:first-child):not(:last-child),
.el-button-group > .el-dropdown > .el-button {
  border-left-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group .el-button--danger:first-child,
.el-button-group .el-button--danger:not(:first-child):not(:last-child),
.el-button-group .el-button--info:first-child,
.el-button-group .el-button--info:not(:first-child):not(:last-child),
.el-button-group .el-button--primary:first-child,
.el-button-group .el-button--primary:not(:first-child):not(:last-child),
.el-button-group .el-button--success:first-child,
.el-button-group .el-button--success:not(:first-child):not(:last-child),
.el-button-group .el-button--warning:first-child,
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-right-color: hsla(0, 0%, 100%, 0.5);
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}

.el-button-group:after,
.el-button-group:before {
  display: table;
  content: "";
}

.el-button-group:after {
  clear: both;
}

.el-button-group > .el-button {
  float: left;
  position: relative;
}

.el-button-group > .el-button + .el-button {
  margin-left: 0;
}

.el-button-group > .el-button.is-disabled {
  z-index: 1;
}

.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-button-group > .el-button:first-child:last-child,
.el-input__inner {
  border-radius: 4px;
}

.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}

.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}

.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}

.el-button-group > .el-button.is-active,
.el-button-group > .el-button:not(.is-disabled):active,
.el-button-group > .el-button:not(.is-disabled):focus,
.el-button-group > .el-button:not(.is-disabled):hover {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}

.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea__inner:hover {
  border-color: #c0c4cc;
}

.el-textarea__inner:focus {
  outline: 0;
  border-color: #386ff2;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #fff;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
  color: #f56c6c;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}

.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}

.el-input .el-input__clear {
  color: #c0c4cc;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
  color: #909399;
}

.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}

.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  line-height: normal;
  display: inline-block;
  padding: 0 5px;
}

.el-input__inner {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.el-input__prefix,
.el-input__suffix {
  position: absolute;
  -webkit-transition: all 0.3s;
  text-align: center;
  height: 100%;
  color: #c0c4cc;
  top: 0;
}

.el-input__inner::-ms-reveal {
  display: none;
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input__inner:hover {
  border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #386ff2;
  outline: 0;
}

.el-input__suffix {
  right: 5px;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  left: 5px;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}

.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}

.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}

.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}

.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
}

.el-input-group__append {
  border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-message-box {
  display: inline-block;
  width: 420px;
  padding-bottom: 10px;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  font-size: 18px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  backface-visibility: hidden;
}

.el-message-box__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.el-message-box__wrapper:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-message-box__header {
  position: relative;
  padding: 15px 15px 10px;
}

.el-message-box__title {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1;
  color: #303133;
}

.el-message-box__headerbtn {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  border: none;
  outline: 0;
  background: 0 0;
  font-size: 16px;
  cursor: pointer;
}

.el-message-box__headerbtn .el-message-box__close {
  color: #909399;
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
  color: #386ff2;
}

.el-message-box__content {
  padding: 10px 15px;
  color: #606266;
  font-size: 14px;
}

.el-message-box__container {
  position: relative;
}

.el-message-box__input {
  padding-top: 15px;
}

.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
  border-color: #f56c6c;
}

.el-message-box__status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px !important;
}

.el-message-box__status:before {
  padding-left: 1px;
}

.el-message-box__status + .el-message-box__message {
  padding-left: 36px;
  padding-right: 12px;
}

.el-message-box__status.el-icon-success {
  color: #67c23a;
}

.el-message-box__status.el-icon-info {
  color: #909399;
}

.el-message-box__status.el-icon-warning {
  color: #e6a23c;
}

.el-message-box__status.el-icon-error {
  color: #f56c6c;
}

.el-message-box__message {
  margin: 0;
}

.el-message-box__message p {
  margin: 0;
  line-height: 24px;
}

.el-message-box__errormsg {
  color: #f56c6c;
  font-size: 12px;
  min-height: 18px;
  margin-top: 2px;
}

.el-message-box__btns {
  padding: 5px 15px 0;
  text-align: right;
}

.el-message-box__btns button:nth-child(2) {
  margin-left: 10px;
}

.el-message-box__btns-reverse {
  flex-direction: row-reverse;
}

.el-message-box--center {
  padding-bottom: 30px;
}

.el-message-box--center .el-message-box__header {
  padding-top: 30px;
}

.el-message-box--center .el-message-box__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-message-box--center .el-message-box__status {
  position: relative;
  top: auto;
  padding-right: 5px;
  text-align: center;
  transform: translateY(-1px);
}

.el-message-box--center .el-message-box__message {
  margin-left: 0;
}

.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__content {
  text-align: center;
}

.el-message-box--center .el-message-box__content {
  padding-left: 27px;
  padding-right: 27px;
}

.msgbox-fade-enter-active {
  animation: msgbox-fade-in 0.3s;
}

.msgbox-fade-leave-active {
  animation: msgbox-fade-out 0.3s;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes msgbox-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}

.el-input__inner,
.el-textarea__inner {
  background-image: none;
  -webkit-box-sizing: border-box;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}

.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea__inner:hover {
  border-color: #c0c4cc;
}

.el-textarea__inner:focus {
  outline: 0;
  border-color: #386ff2;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #fff;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
  color: #f56c6c;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}

.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}

.el-input .el-input__clear {
  color: #c0c4cc;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
  color: #909399;
}

.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input,
.el-input__inner {
  font-size: inherit;
}

.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  line-height: normal;
  display: inline-block;
  padding: 0 5px;
}

.el-input__inner {
  -webkit-appearance: none;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.el-input__prefix,
.el-input__suffix {
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  text-align: center;
  height: 100%;
  color: #c0c4cc;
}

.el-input__inner::-ms-reveal {
  display: none;
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input__inner:hover {
  border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #386ff2;
  outline: 0;
}

.el-input__suffix {
  right: 5px;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  left: 5px;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}

.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}

.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}

.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}

.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}

.el-input-group__prepend {
  border-right: 0;
}

.el-input-group__append {
  border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing) {
  outline-width: 0;
}

.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}

.el-tooltip__popper .popper__arrow:after {
  content: " ";
  border-width: 5px;
}

.el-tooltip__popper[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow:after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}

.el-tooltip__popper[x-placement^="right"] {
  margin-left: 12px;
}

.el-tooltip__popper[x-placement^="right"] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}

.el-tooltip__popper[x-placement^="right"] .popper__arrow:after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}

.el-tooltip__popper[x-placement^="left"] {
  margin-right: 12px;
}

.el-tooltip__popper[x-placement^="left"] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}

.el-tooltip__popper[x-placement^="left"] .popper__arrow:after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}

.el-tooltip__popper.is-dark {
  background: #303133;
  color: #fff;
}

.el-tooltip__popper.is-light {
  background: #fff;
  border: 1px solid #303133;
}

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
  border-top-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow:after {
  border-top-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow:after {
  border-bottom-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
  border-left-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow:after {
  border-left-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
  border-right-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow:after {
  border-right-color: #fff;
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
}

.el-scrollbar:active > .el-scrollbar__bar,
.el-scrollbar:focus > .el-scrollbar__bar,
.el-scrollbar:hover > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 0.34s ease-out;
}

.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}

.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color 0.3s;
}

.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.12s ease-out;
}

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}

.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}

.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-form--inline .el-form-item,
.el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top;
}

.el-form-item:after,
.el-form-item__content:after {
  clear: both;
}

.el-form--label-left .el-form-item__label {
  text-align: left;
}

.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0 0 10px;
}

.el-form--inline .el-form-item {
  margin-right: 10px;
}

.el-form--inline .el-form-item__label {
  float: none;
  display: inline-block;
}

.el-form--inline.el-form--label-top .el-form-item__content {
  display: block;
}

.el-form-item:after,
.el-form-item:before,
.el-form-item__content:after,
.el-form-item__content:before {
  display: table;
  content: "";
}

.el-form-item {
  margin-bottom: 22px;
}

.el-form-item .el-form-item {
  margin-bottom: 0;
}

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
  margin-bottom: 18px;
}

.el-form-item .el-input__validateIcon {
  display: none;
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
  line-height: 36px;
}

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
  line-height: 32px;
}

.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
  line-height: 28px;
}

.el-form-item--mini .el-form-item__error {
  padding-top: 1px;
}

.el-form-item__label-wrap {
  float: left;
}

.el-form-item__label-wrap .el-form-item__label {
  display: inline-block;
  float: none;
}

.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

.el-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px;
}

.el-form-item__content .el-input-group {
  vertical-align: top;
}

.el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}

.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk)
  .el-form-item__label-wrap
  > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
  border-color: #f56c6c;
}

.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
  border-color: transparent;
}

.el-form-item.is-error .el-input__validateIcon {
  color: #f56c6c;
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-block;
}

.el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}

.el-select-dropdown__item.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-select-dropdown__item.is-disabled:hover {
  background-color: #fff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #f5f7fa;
}

.el-select-dropdown__item.selected {
  color: #386ff2;
  font-weight: 700;
}

.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}

.el-popper .popper__arrow:after {
  content: " ";
  border-width: 6px;
}

.el-popper[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-popper[x-placement^="top"] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}

.el-popper[x-placement^="top"] .popper__arrow:after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #fff;
  border-bottom-width: 0;
}

.el-popper[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-popper[x-placement^="bottom"] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}

.el-popper[x-placement^="bottom"] .popper__arrow:after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.el-popper[x-placement^="right"] {
  margin-left: 12px;
}

.el-popper[x-placement^="right"] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}

.el-popper[x-placement^="right"] .popper__arrow:after {
  bottom: -6px;
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0;
}

.el-popper[x-placement^="left"] {
  margin-right: 12px;
}

.el-popper[x-placement^="left"] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}

.el-popper[x-placement^="left"] .popper__arrow:after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #fff;
}

.el-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item {
  padding-right: 40px;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #386ff2;
  background-color: #fff;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #f5f7fa;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
  position: absolute;
  right: 20px;
  font-family: element-icons;
  content: "\e6da";
  font-size: 12px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}

.el-input__inner,
.el-textarea__inner {
  color: #606266;
  font-size: inherit;
  width: 100%;
  -webkit-box-sizing: border-box;
}

.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea__inner:hover {
  border-color: #c0c4cc;
}

.el-textarea__inner:focus {
  outline: 0;
  border-color: #386ff2;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #fff;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
  color: #f56c6c;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}

.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}

.el-input__inner,
.el-select-dropdown__item.is-disabled:hover {
  background-color: #fff;
}

.el-input .el-input__clear {
  color: #c0c4cc;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
  color: #909399;
}

.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}

.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  line-height: normal;
  display: inline-block;
  padding: 0 5px;
}

.el-input__inner {
  -webkit-appearance: none;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input__inner:hover,
.el-select:hover .el-input__inner {
  border-color: #c0c4cc;
}

.el-input__prefix,
.el-input__suffix {
  top: 0;
  -webkit-transition: all 0.3s;
  height: 100%;
  color: #c0c4cc;
  position: absolute;
  text-align: center;
}

.el-input__inner::-ms-reveal {
  display: none;
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #386ff2;
  outline: 0;
}

.el-input__suffix {
  right: 5px;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  left: 5px;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}

.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}

.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}

.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}

.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
}

.el-input-group__append {
  border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-tag {
  background-color: #ebf1fe;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #386ff2;
  border: 1px solid #d7e2fc;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}

.el-tag.is-hit {
  border-color: #386ff2;
}

.el-tag .el-tag__close {
  color: #386ff2;
}

.el-tag .el-tag__close:hover {
  color: #fff;
  background-color: #386ff2;
}

.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}

.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}

.el-tag.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}

.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}

.el-tag.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}

.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}

.el-tag.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}

.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}

.el-tag.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}

.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}

.el-tag .el-icon-close:before {
  display: block;
}

.el-tag--dark {
  background-color: #386ff2;
  color: #fff;
}

.el-tag--dark,
.el-tag--dark.is-hit {
  border-color: #386ff2;
}

.el-tag--dark .el-tag__close {
  color: #fff;
}

.el-tag--dark .el-tag__close:hover {
  color: #fff;
  background-color: #608cf5;
}

.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff;
}

.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #a6a9ad;
}

.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-tag--dark.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #85ce61;
}

.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-tag--dark.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #ebb563;
}

.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-tag--dark.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: #fff;
  border-color: #afc5fa;
  color: #386ff2;
}

.el-tag--plain.is-hit {
  border-color: #386ff2;
}

.el-tag--plain .el-tag__close {
  color: #386ff2;
}

.el-tag--plain .el-tag__close:hover {
  color: #fff;
  background-color: #386ff2;
}

.el-tag--plain.el-tag--info {
  background-color: #fff;
  border-color: #d3d4d6;
  color: #909399;
}

.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}

.el-tag--plain.el-tag--success {
  background-color: #fff;
  border-color: #c2e7b0;
  color: #67c23a;
}

.el-tag--plain.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}

.el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #f5dab1;
  color: #e6a23c;
}

.el-tag--plain.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}

.el-tag--plain.el-tag--danger {
  background-color: #fff;
  border-color: #fbc4c4;
  color: #f56c6c;
}

.el-tag--plain.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}

.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}

.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}

.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

.el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}

.el-select-dropdown__item.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #f5f7fa;
}

.el-select-dropdown__item.selected {
  color: #386ff2;
  font-weight: 700;
}

.el-select-group {
  margin: 0;
  padding: 0;
}

.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}

.el-select-group__wrap:not(:last-of-type):after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #e4e7ed;
}

.el-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  line-height: 30px;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
}

.el-scrollbar:active > .el-scrollbar__bar,
.el-scrollbar:focus > .el-scrollbar__bar,
.el-scrollbar:hover > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 0.34s ease-out;
}

.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}

.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color 0.3s;
}

.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.12s ease-out;
}

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}

.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}

.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
}

.el-select .el-select__tags > span {
  display: contents;
}

.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}

.el-select .el-input__inner:focus {
  border-color: #386ff2;
}

.el-select .el-input .el-select__caret {
  color: #c0c4cc;
  font-size: 14px;
  transition: transform 0.3s;
  transform: rotate(180deg);
  cursor: pointer;
}

.el-select .el-input .el-select__caret.is-reverse {
  transform: rotate(0);
}

.el-select .el-input .el-select__caret.is-show-close {
  font-size: 14px;
  text-align: center;
  transform: rotate(180deg);
  border-radius: 100%;
  color: #c0c4cc;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-select .el-input .el-select__caret.is-show-close:hover {
  color: #909399;
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}

.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #e4e7ed;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: #386ff2;
}

.el-select > .el-input {
  display: block;
}

.el-select__input {
  border: none;
  outline: 0;
  padding: 0;
  margin-left: 15px;
  color: #666;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  background-color: transparent;
}

.el-select__input.is-mini {
  height: 14px;
}

.el-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #c0c4cc;
  line-height: 18px;
  font-size: 14px;
}

.el-select__close:hover {
  color: #909399;
}

.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.el-select__tags-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-select .el-tag {
  box-sizing: border-box;
  border-color: transparent;
  margin: 2px 0 2px 6px;
  background-color: #f0f2f5;
  display: flex;
  max-width: 100%;
  align-items: center;
}

.el-select .el-tag__close.el-icon-close {
  background-color: #c0c4cc;
  top: 0;
  color: #fff;
  flex-shrink: 0;
}

.el-select .el-tag__close.el-icon-close:hover {
  background-color: #909399;
}

.el-select .el-tag__close.el-icon-close:before {
  display: block;
  transform: translateY(0.5px);
}

.el-input,
.el-textarea {
  font-size: 14px;
  width: 100%;
}

.el-input__inner,
.el-textarea__inner {
  background-color: #fff;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-box-sizing: border-box;
}

.el-textarea {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}

.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea__inner:hover {
  border-color: #c0c4cc;
}

.el-textarea__inner:focus {
  outline: 0;
  border-color: #386ff2;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #fff;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
  color: #f56c6c;
}

.el-input {
  position: relative;
  display: inline-block;
}

.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}

.el-input .el-input__clear {
  color: #c0c4cc;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
  color: #909399;
}

.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input,
.el-input__inner {
  font-size: inherit;
}

.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  line-height: normal;
  display: inline-block;
  padding: 0 5px;
}

.el-input__inner {
  -webkit-appearance: none;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.el-input__prefix,
.el-input__suffix {
  top: 0;
  -webkit-transition: all 0.3s;
  height: 100%;
  color: #c0c4cc;
  position: absolute;
  text-align: center;
}

.el-input__inner::-ms-reveal {
  display: none;
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input__inner:hover {
  border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #386ff2;
  outline: 0;
}

.el-input__suffix {
  right: 5px;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  left: 5px;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}

.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}

.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}

.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}

.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}

.el-input-group__prepend {
  border-right: 0;
}

.el-input-group__append {
  border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.el-checkbox,
.el-checkbox__inner,
.el-checkbox__input,
.el-tag {
  display: inline-block;
}

.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}

.el-popper .popper__arrow:after {
  content: " ";
  border-width: 6px;
}

.el-popper[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-popper[x-placement^="top"] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}

.el-popper[x-placement^="top"] .popper__arrow:after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #fff;
  border-bottom-width: 0;
}

.el-popper[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-popper[x-placement^="bottom"] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}

.el-popper[x-placement^="bottom"] .popper__arrow:after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.el-popper[x-placement^="right"] {
  margin-left: 12px;
}

.el-popper[x-placement^="right"] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}

.el-popper[x-placement^="right"] .popper__arrow:after {
  bottom: -6px;
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0;
}

.el-popper[x-placement^="left"] {
  margin-right: 12px;
}

.el-popper[x-placement^="left"] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}

.el-popper[x-placement^="left"] .popper__arrow:after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #fff;
}

.el-tag {
  background-color: #ebf1fe;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #386ff2;
  border: 1px solid #d7e2fc;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}

.el-tag.is-hit {
  border-color: #386ff2;
}

.el-tag .el-tag__close {
  color: #386ff2;
}

.el-tag .el-tag__close:hover {
  color: #fff;
  background-color: #386ff2;
}

.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}

.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}

.el-tag.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}

.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}

.el-tag.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}

.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}

.el-tag.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}

.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}

.el-tag.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}

.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}

.el-tag .el-icon-close:before {
  display: block;
}

.el-tag--dark {
  background-color: #386ff2;
  color: #fff;
}

.el-tag--dark,
.el-tag--dark.is-hit {
  border-color: #386ff2;
}

.el-tag--dark .el-tag__close {
  color: #fff;
}

.el-tag--dark .el-tag__close:hover {
  color: #fff;
  background-color: #608cf5;
}

.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff;
}

.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #a6a9ad;
}

.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-tag--dark.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #85ce61;
}

.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-tag--dark.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #ebb563;
}

.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-tag--dark.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: #fff;
  border-color: #afc5fa;
  color: #386ff2;
}

.el-tag--plain.is-hit {
  border-color: #386ff2;
}

.el-tag--plain .el-tag__close {
  color: #386ff2;
}

.el-tag--plain .el-tag__close:hover {
  color: #fff;
  background-color: #386ff2;
}

.el-tag--plain.el-tag--info {
  background-color: #fff;
  border-color: #d3d4d6;
  color: #909399;
}

.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}

.el-tag--plain.el-tag--success {
  background-color: #fff;
  border-color: #c2e7b0;
  color: #67c23a;
}

.el-tag--plain.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}

.el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #f5dab1;
  color: #e6a23c;
}

.el-tag--plain.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}

.el-tag--plain.el-tag--danger {
  background-color: #fff;
  border-color: #fbc4c4;
  color: #f56c6c;
}

.el-tag--plain.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}

.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}

.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}

.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-right: 30px;
}

.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}

.el-checkbox.is-bordered.is-checked {
  border-color: #386ff2;
}

.el-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}

.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}

.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}

.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #386ff2;
  border-color: #386ff2;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
  transform: rotate(45deg) scaleY(1);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #386ff2;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #386ff2;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  display: none;
}

.el-checkbox__inner {
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #fff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.el-checkbox__inner:hover {
  border-color: #386ff2;
}

.el-checkbox__inner:after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox-button,
.el-checkbox-button__inner {
  display: inline-block;
  position: relative;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button__inner {
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}

.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}

.el-checkbox-button__inner:hover {
  color: #386ff2;
}

.el-checkbox-button__inner [class*="el-icon-"] {
  line-height: 0.9;
}

.el-radio,
.el-radio__input {
  line-height: 1;
  white-space: nowrap;
  outline: 0;
}

.el-checkbox-button__inner [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-radio,
.el-radio__inner,
.el-radio__input {
  position: relative;
  display: inline-block;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  background-color: #386ff2;
  border-color: #386ff2;
  box-shadow: -1px 0 0 0 #88a9f7;
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #386ff2;
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
  box-shadow: none;
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #ebeef5;
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #dcdfe6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #386ff2;
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

.el-radio {
  color: #606266;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.el-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  height: 40px;
}

.el-cascader-menu,
.el-cascader-menu__list,
.el-radio__inner {
  -webkit-box-sizing: border-box;
}

.el-radio.is-bordered.is-checked {
  border-color: #386ff2;
}

.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #ebeef5;
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
}

.el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 10px;
}

.el-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}

.el-radio--medium.is-bordered .el-radio__label {
  font-size: 14px;
}

.el-radio--mini.is-bordered .el-radio__label,
.el-radio--small.is-bordered .el-radio__label {
  font-size: 12px;
}

.el-radio--medium.is-bordered .el-radio__inner {
  height: 14px;
  width: 14px;
}

.el-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}

.el-radio--small.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}

.el-radio--mini.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}

.el-radio__input {
  cursor: pointer;
  vertical-align: middle;
}

.el-radio__input.is-disabled .el-radio__inner {
  cursor: not-allowed;
}

.el-radio__input.is-disabled .el-radio__inner:after {
  cursor: not-allowed;
  background-color: #f5f7fa;
}

.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
  background-color: #c0c4cc;
}

.el-radio__input.is-disabled + span.el-radio__label {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #386ff2;
  background: #386ff2;
}

.el-radio__input.is-checked .el-radio__inner:after {
  transform: translate(-50%, -50%) scale(1);
}

.el-radio__input.is-checked + .el-radio__label {
  color: #386ff2;
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #386ff2;
}

.el-radio__inner {
  border: 1px solid #dcdfe6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.el-radio__inner:hover {
  border-color: #386ff2;
}

.el-radio__inner:after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px #386ff2;
}

.el-radio__label {
  font-size: 14px;
  padding-left: 10px;
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
}

.el-scrollbar:active > .el-scrollbar__bar,
.el-scrollbar:focus > .el-scrollbar__bar,
.el-scrollbar:hover > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 0.34s ease-out;
}

.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}

.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color 0.3s;
}

.el-cascader-node,
.el-cascader__tags {
  display: -ms-flexbox;
}

.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.12s ease-out;
}

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}

.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}

.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-cascader-panel {
  display: flex;
  border-radius: 4px;
  font-size: 14px;
}

.el-cascader-panel.is-bordered {
  border: 1px solid #e4e7ed;
  border-radius: 4px;
}

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: #606266;
  border-right: 1px solid #e4e7ed;
}

.el-cascader-menu:last-child {
  border-right: none;
}

.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px;
}

.el-cascader-menu__wrap {
  height: 204px;
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #c0c4cc;
}

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: 0;
}

.el-cascader-node.is-selectable.in-active-path {
  color: #606266;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: #386ff2;
  font-weight: 700;
}

.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background: #f5f7fa;
}

.el-cascader-node.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-cascader-node__prefix {
  position: absolute;
  left: 10px;
}

.el-cascader-node__postfix {
  position: absolute;
  right: 10px;
}

.el-cascader-node__label {
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-cascader-node > .el-radio {
  margin-right: 0;
}

.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0;
}

.el-cascader {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 40px;
}

.el-cascader:not(.is-disabled):hover .el-input__inner {
  cursor: pointer;
  border-color: #c0c4cc;
}

.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: #386ff2;
}

.el-cascader .el-input {
  cursor: pointer;
}

.el-cascader .el-input .el-input__inner {
  text-overflow: ellipsis;
}

.el-cascader .el-input .el-icon-arrow-down {
  transition: transform 0.3s;
  font-size: 14px;
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
  transform: rotate(180deg);
}

.el-cascader .el-input .el-icon-circle-close:hover {
  color: #909399;
}

.el-cascader--medium {
  font-size: 14px;
  line-height: 36px;
}

.el-cascader--small {
  font-size: 13px;
  line-height: 32px;
}

.el-cascader--mini {
  font-size: 12px;
  line-height: 28px;
}

.el-cascader.is-disabled .el-cascader__label {
  z-index: 2;
  color: #c0c4cc;
}

.el-cascader__dropdown {
  margin: 5px 0;
  font-size: 14px;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}

.el-cascader__tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: #f0f2f5;
}

.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent;
}

.el-cascader__tags .el-tag > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-cascader__tags .el-tag .el-icon-close {
  flex: none;
  background-color: #c0c4cc;
  color: #fff;
}

.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: #909399;
}

.el-cascader__suggestion-panel {
  border-radius: 4px;
}

.el-cascader__suggestion-list {
  max-height: 204px;
  margin: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #606266;
  text-align: center;
}

.el-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  outline: 0;
  cursor: pointer;
}

.el-cascader__suggestion-item:focus,
.el-cascader__suggestion-item:hover {
  background: #f5f7fa;
}

.el-cascader__suggestion-item.is-checked {
  color: #386ff2;
  font-weight: 700;
}

.el-cascader__suggestion-item > span {
  margin-right: 10px;
}

.el-cascader__empty-text {
  margin: 10px 0;
  color: #c0c4cc;
}

.el-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin: 2px 0 2px 15px;
  padding: 0;
  color: #606266;
  border: none;
  outline: 0;
  box-sizing: border-box;
}

.el-cascader__search-input::-moz-placeholder {
  color: #c0c4cc;
}

.el-cascader__search-input::placeholder {
  color: #c0c4cc;
}

.el-radio-group {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 0;
}

.el-radio,
.el-radio--medium.is-bordered .el-radio__label {
  font-size: 14px;
}

.el-radio,
.el-radio__input {
  white-space: nowrap;
  line-height: 1;
  outline: 0;
}

.el-radio,
.el-radio__inner,
.el-radio__input {
  position: relative;
  display: inline-block;
}

.el-radio {
  color: #606266;
  font-weight: 500;
  cursor: pointer;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.el-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  height: 40px;
}

.el-radio.is-bordered.is-checked {
  border-color: #386ff2;
}

.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #ebeef5;
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
}

.el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 10px;
}

.el-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}

.el-radio--medium.is-bordered .el-radio__inner {
  height: 14px;
  width: 14px;
}

.el-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}

.el-radio--small.is-bordered .el-radio__label {
  font-size: 12px;
}

.el-radio--small.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}

.el-radio--mini.is-bordered .el-radio__label {
  font-size: 12px;
}

.el-radio--mini.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}

.el-radio__input {
  cursor: pointer;
  vertical-align: middle;
}

.el-radio__input.is-disabled .el-radio__inner {
  cursor: not-allowed;
}

.el-radio__input.is-disabled .el-radio__inner:after {
  cursor: not-allowed;
  background-color: #f5f7fa;
}

.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
  background-color: #c0c4cc;
}

.el-radio__input.is-disabled + span.el-radio__label {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #386ff2;
  background: #386ff2;
}

.el-radio__input.is-checked .el-radio__inner:after {
  transform: translate(-50%, -50%) scale(1);
}

.el-radio__input.is-checked + .el-radio__label {
  color: #386ff2;
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #386ff2;
}

.el-radio__inner {
  border: 1px solid #dcdfe6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.el-radio__inner:hover {
  border-color: #386ff2;
}

.el-radio__inner:after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px #386ff2;
}

.el-radio__label {
  font-size: 14px;
  padding-left: 10px;
}

.el-progress {
  position: relative;
  line-height: 1;
}

.el-progress__text {
  font-size: 14px;
  color: #606266;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}

.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle,
.el-progress--dashboard {
  display: inline-block;
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translateY(-50%);
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}

.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress-bar,
.el-progress-bar__inner:after,
.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: #67c23a;
}

.el-progress.is-success .el-progress__text {
  color: #67c23a;
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: #e6a23c;
}

.el-progress.is-warning .el-progress__text {
  color: #e6a23c;
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: #f56c6c;
}

.el-progress.is-exception .el-progress__text {
  color: #f56c6c;
}

.el-progress-bar {
  padding-right: 50px;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}

.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #ebeef5;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #386ff2;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}

.el-progress-bar__inner:after {
  content: "";
  height: 100%;
}

.el-progress-bar__innerText {
  color: #fff;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: 32px 0;
  }
}

.el-loading-parent--relative {
  position: relative !important;
}

.el-loading-parent--hidden {
  overflow: hidden !important;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: hsla(0, 0%, 100%, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}

.el-loading-mask.is-fullscreen {
  position: fixed;
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: -25px;
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: 50px;
  width: 50px;
}

.el-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}

.el-loading-spinner .el-loading-text {
  color: #386ff2;
  margin: 3px 0;
  font-size: 14px;
}

.el-loading-spinner .circular {
  height: 42px;
  width: 42px;
  animation: loading-rotate 2s linear infinite;
}

.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #386ff2;
  stroke-linecap: round;
}

.el-loading-spinner i {
  color: #386ff2;
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
  opacity: 0;
}

@keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}

.el-checkbox,
.el-checkbox-button__inner {
  -webkit-user-select: none;
  -ms-user-select: none;
  font-size: 14px;
}

.el-checkbox,
.el-checkbox__input {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.el-checkbox {
  color: #606266;
  font-weight: 500;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 30px;
}

.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}

.el-checkbox.is-bordered.is-checked {
  border-color: #386ff2;
}

.el-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}

.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}

.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}

.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}

.el-checkbox-button__inner,
.el-checkbox__input {
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: 0;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #386ff2;
  border-color: #386ff2;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
  transform: rotate(45deg) scaleY(1);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #386ff2;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #386ff2;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #fff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.el-checkbox__inner:hover {
  border-color: #386ff2;
}

.el-checkbox__inner:after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox-button__inner,
.el-table-filter,
.el-tag {
  -webkit-box-sizing: border-box;
}

.el-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button,
.el-checkbox-button__inner {
  position: relative;
  display: inline-block;
}

.el-checkbox-button__inner {
  font-weight: 500;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  padding: 12px 20px;
  border-radius: 0;
}

.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}

.el-checkbox-button__inner:hover {
  color: #386ff2;
}

.el-checkbox-button__inner [class*="el-icon-"] {
  line-height: 0.9;
}

.el-checkbox-button__inner [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  background-color: #386ff2;
  border-color: #386ff2;
  box-shadow: -1px 0 0 0 #88a9f7;
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #386ff2;
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
  box-shadow: none;
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #ebeef5;
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #dcdfe6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #386ff2;
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

.el-tag {
  background-color: #ebf1fe;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #386ff2;
  border: 1px solid #d7e2fc;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}

.el-tag.is-hit {
  border-color: #386ff2;
}

.el-tag .el-tag__close {
  color: #386ff2;
}

.el-tag .el-tag__close:hover {
  color: #fff;
  background-color: #386ff2;
}

.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}

.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}

.el-tag.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}

.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}

.el-tag.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}

.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}

.el-tag.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}

.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}

.el-tag.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}

.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}

.el-tag .el-icon-close:before {
  display: block;
}

.el-tag--dark {
  background-color: #386ff2;
  color: #fff;
}

.el-tag--dark,
.el-tag--dark.is-hit {
  border-color: #386ff2;
}

.el-tag--dark .el-tag__close {
  color: #fff;
}

.el-tag--dark .el-tag__close:hover {
  color: #fff;
  background-color: #608cf5;
}

.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff;
}

.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #a6a9ad;
}

.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-tag--dark.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #85ce61;
}

.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-tag--dark.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #ebb563;
}

.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-tag--dark.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: #fff;
  border-color: #afc5fa;
  color: #386ff2;
}

.el-tag--plain.is-hit {
  border-color: #386ff2;
}

.el-tag--plain .el-tag__close {
  color: #386ff2;
}

.el-tag--plain .el-tag__close:hover {
  color: #fff;
  background-color: #386ff2;
}

.el-tag--plain.el-tag--info {
  background-color: #fff;
  border-color: #d3d4d6;
  color: #909399;
}

.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}

.el-tag--plain.el-tag--success {
  background-color: #fff;
  border-color: #c2e7b0;
  color: #67c23a;
}

.el-tag--plain.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}

.el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #f5dab1;
  color: #e6a23c;
}

.el-tag--plain.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}

.el-tag--plain.el-tag--danger {
  background-color: #fff;
  border-color: #fbc4c4;
  color: #f56c6c;
}

.el-tag--plain.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}

.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}

.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}

.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}

.el-table-filter {
  border: 1px solid #ebeef5;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 2px 0;
}

.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
}

.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px;
}

.el-table-filter__list-item:hover {
  background-color: #ebf1fe;
  color: #608cf5;
}

.el-table-filter__list-item.is-active {
  background-color: #386ff2;
  color: #fff;
}

.el-table-filter__content {
  min-width: 100px;
}

.el-table-filter__bottom {
  border-top: 1px solid #ebeef5;
  padding: 8px;
}

.el-table-filter__bottom button {
  background: 0 0;
  border: none;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
  padding: 0 3px;
}

.el-table-filter__bottom button:hover {
  color: #386ff2;
}

.el-table-filter__bottom button:focus {
  outline: 0;
}

.el-table-filter__bottom button.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-table-filter__wrap {
  max-height: 280px;
}

.el-table-filter__checkbox-group {
  padding: 10px;
}

.el-table-filter__checkbox-group label.el-checkbox {
  display: block;
  margin-right: 5px;
  margin-bottom: 8px;
  margin-left: 5px;
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0;
}

.el-checkbox,
.el-checkbox-button__inner,
.el-table th.el-table__cell {
  -webkit-user-select: none;
  -ms-user-select: none;
}

.el-checkbox,
.el-checkbox__input {
  cursor: pointer;
  position: relative;
}

.el-checkbox,
.el-checkbox-button__inner,
.el-checkbox__input,
.el-tag {
  display: inline-block;
  white-space: nowrap;
}

.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 30px;
}

.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}

.el-checkbox.is-bordered.is-checked {
  border-color: #386ff2;
}

.el-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}

.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}

.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}

.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  outline: 0;
  line-height: 1;
  vertical-align: middle;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  border-color: #c0c4cc;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #386ff2;
  border-color: #386ff2;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
  transform: rotate(45deg) scaleY(1);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #386ff2;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #386ff2;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #fff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.el-checkbox__inner:hover {
  border-color: #386ff2;
}

.el-checkbox__inner:after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox-button__inner,
.el-table,
.el-tag {
  -webkit-box-sizing: border-box;
}

.el-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}

.el-checkbox-button__inner {
  line-height: 1;
  font-weight: 500;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}

.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}

.el-checkbox-button__inner:hover {
  color: #386ff2;
}

.el-checkbox-button__inner [class*="el-icon-"] {
  line-height: 0.9;
}

.el-checkbox-button__inner [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  background-color: #386ff2;
  border-color: #386ff2;
  box-shadow: -1px 0 0 0 #88a9f7;
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #386ff2;
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
  box-shadow: none;
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #ebeef5;
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #dcdfe6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #386ff2;
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}

.el-tag,
.el-tooltip__popper {
  border-radius: 4px;
  font-size: 12px;
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

.el-tag {
  background-color: #ebf1fe;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  color: #386ff2;
  border: 1px solid #d7e2fc;
  box-sizing: border-box;
}

.el-tag.is-hit {
  border-color: #386ff2;
}

.el-tag .el-tag__close {
  color: #386ff2;
}

.el-tag .el-tag__close:hover {
  color: #fff;
  background-color: #386ff2;
}

.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}

.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}

.el-tag.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}

.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}

.el-tag.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}

.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}

.el-tag.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}

.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}

.el-tag.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}

.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}

.el-tag .el-icon-close:before {
  display: block;
}

.el-tag--dark {
  background-color: #386ff2;
  color: #fff;
}

.el-tag--dark,
.el-tag--dark.is-hit {
  border-color: #386ff2;
}

.el-tag--dark .el-tag__close {
  color: #fff;
}

.el-tag--dark .el-tag__close:hover {
  color: #fff;
  background-color: #608cf5;
}

.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff;
}

.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #a6a9ad;
}

.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-tag--dark.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #85ce61;
}

.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-tag--dark.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #ebb563;
}

.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-tag--dark.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: #fff;
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: #fff;
  border-color: #afc5fa;
  color: #386ff2;
}

.el-tag--plain.is-hit {
  border-color: #386ff2;
}

.el-tag--plain .el-tag__close {
  color: #386ff2;
}

.el-tag--plain .el-tag__close:hover {
  color: #fff;
  background-color: #386ff2;
}

.el-tag--plain.el-tag--info {
  background-color: #fff;
  border-color: #d3d4d6;
  color: #909399;
}

.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}

.el-tag--plain.el-tag--success {
  background-color: #fff;
  border-color: #c2e7b0;
  color: #67c23a;
}

.el-tag--plain.el-tag--success.is-hit {
  border-color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}

.el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #f5dab1;
  color: #e6a23c;
}

.el-tag--plain.el-tag--warning.is-hit {
  border-color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}

.el-tag--plain.el-tag--danger {
  background-color: #fff;
  border-color: #fbc4c4;
  color: #f56c6c;
}

.el-tag--plain.el-tag--danger.is-hit {
  border-color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}

.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}

.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}

.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing) {
  outline-width: 0;
}

.el-tooltip__popper {
  position: absolute;
  padding: 10px;
  z-index: 2000;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}

.el-tooltip__popper .popper__arrow:after {
  content: " ";
  border-width: 5px;
}

.el-tooltip__popper[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow:after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}

.el-tooltip__popper[x-placement^="right"] {
  margin-left: 12px;
}

.el-tooltip__popper[x-placement^="right"] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}

.el-tooltip__popper[x-placement^="right"] .popper__arrow:after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}

.el-tooltip__popper[x-placement^="left"] {
  margin-right: 12px;
}

.el-tooltip__popper[x-placement^="left"] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}

.el-tooltip__popper[x-placement^="left"] .popper__arrow:after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}

.el-tooltip__popper.is-dark {
  background: #303133;
  color: #fff;
}

.el-table,
.el-table__expanded-cell {
  background-color: #fff;
}

.el-tooltip__popper.is-light {
  background: #fff;
  border: 1px solid #303133;
}

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
  border-top-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow:after {
  border-top-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow:after {
  border-bottom-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
  border-left-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow:after {
  border-left-color: #fff;
}

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
  border-right-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow:after {
  border-right-color: #fff;
}

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  color: #606266;
}

.el-table__empty-block {
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: #909399;
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
}

.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #666;
  font-size: 12px;
  transition: transform 0.2s ease-in-out;
  height: 20px;
}

.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
}

.el-table__expanded-cell[class*="cell"] {
  padding: 20px 50px;
}

.el-table__expanded-cell:hover {
  background-color: transparent !important;
}

.el-table__placeholder {
  display: inline-block;
  width: 20px;
}

.el-table__append-wrapper {
  overflow: hidden;
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}

.el-table--fit .el-table__cell.gutter {
  border-right-width: 1px;
}

.el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: auto;
}

.el-table--scrollable-y .el-table__body-wrapper {
  overflow-y: auto;
}

.el-table thead {
  color: #909399;
  font-weight: 500;
}

.el-table thead.is-group th.el-table__cell {
  background: #f5f7fa;
}

.el-table .el-table__cell {
  padding: 12px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

.el-table .el-table__cell.is-center {
  text-align: center;
}

.el-table .el-table__cell.is-right {
  text-align: right;
}

.el-table .el-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}

.el-table .el-table__cell.is-hidden > * {
  visibility: hidden;
}

.el-table--medium .el-table__cell {
  padding: 10px 0;
}

.el-table--small {
  font-size: 12px;
}

.el-table--small .el-table__cell {
  padding: 8px 0;
}

.el-table--mini {
  font-size: 12px;
}

.el-table--mini .el-table__cell {
  padding: 6px 0;
}

.el-table tr {
  background-color: #fff;
}

.el-table tr input[type="checkbox"] {
  margin: 0;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid #ebeef5;
}

.el-table th.el-table__cell.is-sortable {
  cursor: pointer;
}

.el-table th.el-table__cell {
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
}

.el-table th.el-table__cell > .cell {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

.el-table th.el-table__cell > .cell.highlight {
  color: #386ff2;
}

.el-table th.el-table__cell.required > div:before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}

.el-table td.el-table__cell div {
  box-sizing: border-box;
}

.el-table td.el-table__cell.gutter {
  width: 0;
}

.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 23px;
  padding-left: 10px;
  padding-right: 10px;
}

.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px;
}

.el-table--border,
.el-table--group {
  border: 1px solid #ebeef5;
}

.el-table--border:after,
.el-table--group:after,
.el-table:before {
  content: "";
  position: absolute;
  background-color: #ebeef5;
  z-index: 1;
}

.el-table--border:after,
.el-table--group:after {
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}

.el-table:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.el-table--border {
  border-right: none;
  border-bottom: none;
}

.el-table--border.el-loading-parent--relative {
  border-color: transparent;
}

.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid #ebeef5;
}

.el-table--border .el-table__cell:first-child .cell {
  padding-left: 10px;
}

.el-table--border th.el-table__cell,
.el-table--border th.el-table__cell.gutter:last-of-type,
.el-table__fixed-right-patch {
  border-bottom: 1px solid #ebeef5;
}

.el-table--hidden {
  visibility: hidden;
}

.el-table__fixed,
.el-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}

.el-table__fixed-right:before,
.el-table__fixed:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ebeef5;
  z-index: 4;
}

.el-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #fff;
}

.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0;
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
  left: auto;
  right: 0;
}

.el-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.el-table__fixed-footer-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}

.el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border-top: 1px solid #ebeef5;
  background-color: #f5f7fa;
  color: #606266;
}

.el-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  top: 37px;
  overflow: hidden;
  z-index: 3;
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
  width: 100%;
}

.el-table__footer-wrapper {
  margin-top: -1px;
}

.el-table__footer-wrapper td.el-table__cell {
  border-top: 1px solid #ebeef5;
}

.el-table__body,
.el-table__footer,
.el-table__header {
  table-layout: fixed;
  border-collapse: separate;
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
  overflow: hidden;
}

.el-table__footer-wrapper tbody td.el-table__cell,
.el-table__header-wrapper tbody td.el-table__cell {
  background-color: #f5f7fa;
  color: #606266;
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
}

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
  box-shadow: none;
}

.el-table__body-wrapper
  .el-table--border.is-scrolling-right
  ~ .el-table__fixed-right {
  border-left: 1px solid #ebeef5;
}

.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 34px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  overflow: initial;
  position: relative;
}

.el-table .sort-caret {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  position: absolute;
  left: 7px;
}

.el-table .sort-caret.ascending {
  border-bottom-color: #c0c4cc;
  top: 5px;
}

.el-table .sort-caret.descending {
  border-top-color: #c0c4cc;
  bottom: 7px;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #386ff2;
}

.el-table .descending .sort-caret.descending {
  border-top-color: #386ff2;
}

.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: #fafafa;
}

.el-table--striped
  .el-table__body
  tr.el-table__row--striped.current-row
  td.el-table__cell,
.el-table--striped
  .el-table__body
  tr.el-table__row--striped.selection-row
  td.el-table__cell {
  background-color: #ebf1fe;
}

.el-table__body tr.hover-row.current-row > td.el-table__cell,
.el-table__body
  tr.hover-row.el-table__row--striped.current-row
  > td.el-table__cell,
.el-table__body
  tr.hover-row.el-table__row--striped.selection-row
  > td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
.el-table__body tr.hover-row.selection-row > td.el-table__cell,
.el-table__body tr.hover-row > td.el-table__cell {
  background-color: #f5f7fa;
}

.el-table__body tr.current-row > td.el-table__cell,
.el-table__body tr.selection-row > td.el-table__cell {
  background-color: #ebf1fe;
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #ebeef5;
  z-index: 10;
}

.el-table__column-filter-trigger {
  display: inline-block;
  line-height: 34px;
  cursor: pointer;
}

.el-table__column-filter-trigger i {
  color: #909399;
  font-size: 12px;
  transform: scale(0.75);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0.25s ease;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: #f5f7fa;
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
  bottom: 0;
  overflow: hidden;
}

.el-table [class*="el-table__row--level"] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  margin-right: 3px;
}

.el-date-table,
.el-time-panel {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div,
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
  background-color: #f2f6fc;
}

.el-date-table {
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: #606266;
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.el-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.el-date-table td div {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}

.el-date-table td span {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
  color: #c0c4cc;
}

.el-date-table td.today {
  position: relative;
}

.el-date-table td.today span {
  color: #386ff2;
  font-weight: 700;
}

.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
  color: #fff;
}

.el-date-table td.available:hover {
  color: #386ff2;
}

.el-date-table td.current:not(.disabled) span {
  color: #fff;
  background-color: #386ff2;
}

.el-date-table td.end-date div,
.el-date-table td.start-date div {
  color: #fff;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: #386ff2;
}

.el-date-table td.start-date div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.el-date-table td.end-date div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.el-date-table td.disabled div {
  background-color: #f5f7fa;
  opacity: 1;
  cursor: not-allowed;
  color: #c0c4cc;
}

.el-date-table td.selected div {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #f2f6fc;
  border-radius: 15px;
}

.el-date-table td.selected div:hover {
  background-color: #f2f6fc;
}

.el-date-table td.selected span {
  background-color: #386ff2;
  color: #fff;
  border-radius: 15px;
}

.el-date-table td.week {
  font-size: 80%;
  color: #606266;
}

.el-date-table th {
  padding: 5px;
  color: #606266;
  font-weight: 400;
  border-bottom: 1px solid #ebeef5;
}

.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}

.el-month-table td {
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
}

.el-month-table td div {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}

.el-month-table td.today .cell {
  color: #386ff2;
  font-weight: 700;
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
  color: #fff;
}

.el-month-table td.disabled .cell {
  background-color: #f5f7fa;
  cursor: not-allowed;
  color: #c0c4cc;
}

.el-month-table td.disabled .cell:hover {
  color: #c0c4cc;
}

.el-month-table td .cell {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: #606266;
  margin: 0 auto;
  border-radius: 18px;
}

.el-month-table td .cell:hover {
  color: #386ff2;
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
  background-color: #f2f6fc;
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
  color: #fff;
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
  color: #fff;
  background-color: #386ff2;
}

.el-month-table td.start-date div {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.el-month-table td.end-date div {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.el-month-table td.current:not(.disabled) .cell {
  color: #386ff2;
}

.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}

.el-year-table .el-icon {
  color: #303133;
}

.el-year-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer;
}

.el-year-table td.today .cell {
  color: #386ff2;
  font-weight: 700;
}

.el-year-table td.disabled .cell {
  background-color: #f5f7fa;
  cursor: not-allowed;
  color: #c0c4cc;
}

.el-year-table td.disabled .cell:hover {
  color: #c0c4cc;
}

.el-year-table td .cell {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: #606266;
  margin: 0 auto;
}

.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
  color: #386ff2;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}

.el-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}

.el-time-spinner__wrapper
  .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}

.el-date-editor .el-range-input,
.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
  padding: 0;
  text-align: center;
}

.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}

.el-time-spinner__wrapper.is-arrow
  .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #fff;
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: #909399;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}

.el-time-spinner__arrow:hover {
  color: #386ff2;
}

.el-time-spinner__arrow.el-icon-arrow-up {
  top: 10px;
}

.el-time-spinner__arrow.el-icon-arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}

.el-time-spinner__list {
  margin: 0;
  list-style: none;
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #606266;
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #f5f7fa;
  cursor: pointer;
}

.el-time-spinner__item.active:not(.disabled) {
  color: #303133;
  font-weight: 700;
}

.el-time-spinner__item.disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 0.2s linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 0.2s linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45);
}

.collapse-transition {
  transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out,
    padding-bottom 0.3s ease-in-out;
}

.horizontal-collapse-transition {
  transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out,
    padding-right 0.3s ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter,
.el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 220px;
}

.el-date-editor--monthrange.el-input,
.el-date-editor--monthrange.el-input__inner {
  width: 300px;
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
  width: 350px;
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
  width: 400px;
}

.el-date-editor--dates .el-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
  cursor: pointer;
}

.el-date-editor .el-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #c0c4cc;
  float: left;
  line-height: 32px;
}

.el-date-editor .el-range-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: 0;
  display: inline-block;
  height: 100%;
  margin: 0;
  width: 39%;
  font-size: 14px;
  color: #606266;
}

.el-date-editor .el-range-input::-moz-placeholder {
  color: #c0c4cc;
}

.el-date-editor .el-range-input::placeholder {
  color: #c0c4cc;
}

.el-date-editor .el-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  width: 5%;
  color: #303133;
}

.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: #c0c4cc;
  width: 25px;
  display: inline-block;
  float: right;
  line-height: 32px;
}

.el-range-editor.el-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}

.el-range-editor .el-range-input {
  line-height: 1;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border-color: #386ff2;
}

.el-range-editor--medium.el-input__inner {
  height: 36px;
}

.el-range-editor--medium .el-range-separator {
  line-height: 28px;
  font-size: 14px;
}

.el-range-editor--medium .el-range-input {
  font-size: 14px;
}

.el-range-editor--medium .el-range__close-icon,
.el-range-editor--medium .el-range__icon {
  line-height: 28px;
}

.el-range-editor--small.el-input__inner {
  height: 32px;
}

.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 13px;
}

.el-range-editor--small .el-range-input {
  font-size: 13px;
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
  line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
  height: 28px;
}

.el-range-editor--mini .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}

.el-range-editor--mini .el-range-input {
  font-size: 12px;
}

.el-range-editor--mini .el-range__close-icon,
.el-range-editor--mini .el-range__icon {
  line-height: 20px;
}

.el-range-editor.is-disabled {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
  border-color: #e4e7ed;
}

.el-picker-panel,
.el-time-panel {
  border: 1px solid #e4e7ed;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-range-editor.is-disabled input {
  background-color: #f5f7fa;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-range-editor.is-disabled input::-moz-placeholder {
  color: #c0c4cc;
}

.el-range-editor.is-disabled input::placeholder {
  color: #c0c4cc;
}

.el-range-editor.is-disabled .el-range-separator {
  color: #c0c4cc;
}

.el-picker-panel {
  color: #606266;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #fff;
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: 0;
  cursor: pointer;
}

.el-picker-panel__shortcut:hover {
  color: #386ff2;
}

.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #386ff2;
}

.el-picker-panel__btn,
.el-time-panel__btn {
  background-color: transparent;
  font-size: 12px;
}

.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  outline: 0;
}

.el-picker-panel__btn[disabled] {
  color: #ccc;
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: 0 0;
  cursor: pointer;
  outline: 0;
  margin-top: 8px;
}

.el-picker-panel__icon-btn:hover {
  color: #386ff2;
}

.el-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}

.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel [slot="sidebar"],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #fff;
  overflow: auto;
}

.el-picker-panel [slot="sidebar"] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  width: 322px;
}

.el-date-picker.has-sidebar.has-time {
  width: 434px;
}

.el-date-picker.has-sidebar {
  width: 438px;
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}

.el-date-picker .el-picker-panel__content {
  width: 292px;
}

.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}

.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  margin: 12px;
  text-align: center;
}

.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebeef5;
}

.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #606266;
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
  color: #386ff2;
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

.el-date-range-picker {
  width: 646px;
}

.el-date-range-picker.has-sidebar {
  width: 756px;
}

.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}

.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}

.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}

.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}

.el-date-range-picker__header [class*="arrow-left"] {
  float: left;
}

.el-date-range-picker__header [class*="arrow-right"] {
  float: right;
}

.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}

.el-date-range-picker__content {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}

.el-date-range-picker__content.is-left {
  border-right: 1px solid #e4e4e4;
}

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}

.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: #303133;
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #fff;
}

.el-time-range-picker {
  width: 354px;
  overflow: visible;
}

.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #e4e7ed;
}

.el-time-panel {
  margin: 5px 0;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: content-box;
}

.el-input,
.el-textarea {
  width: 100%;
  font-size: 14px;
}

.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}

.el-time-panel__content:after,
.el-time-panel__content:before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -15px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
  border-top: 1px solid #e4e7ed;
  border-bottom: 1px solid #e4e7ed;
}

.el-time-panel__content:after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}

.el-time-panel__content:before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
}

.el-time-panel__content.has-seconds:after {
  left: 66.66667%;
}

.el-time-panel__content.has-seconds:before {
  padding-left: 33.33333%;
}

.el-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  outline: 0;
  color: #303133;
}

.el-time-panel__btn.confirm {
  font-weight: 800;
  color: #386ff2;
}

.el-input__inner,
.el-textarea__inner {
  -webkit-box-sizing: border-box;
  color: #606266;
}

.el-textarea {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}

.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea__inner:hover {
  border-color: #c0c4cc;
}

.el-textarea__inner:focus {
  outline: 0;
  border-color: #386ff2;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #fff;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #c0c4cc;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #f56c6c;
}

.el-textarea.is-exceed .el-input__count {
  color: #f56c6c;
}

.el-input {
  position: relative;
  display: inline-block;
}

.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}

.el-input .el-input__clear {
  color: #c0c4cc;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
  color: #909399;
}

.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input,
.el-input__inner {
  font-size: inherit;
}

.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  line-height: normal;
  display: inline-block;
  padding: 0 5px;
}

.el-input__inner {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.el-input__prefix,
.el-input__suffix {
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  text-align: center;
  height: 100%;
  color: #c0c4cc;
}

.el-input__inner::-ms-reveal {
  display: none;
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input__inner:hover {
  border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #386ff2;
  outline: 0;
}

.el-input__suffix {
  right: 5px;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  left: 5px;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}

.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}

.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}

.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}

.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}

.el-input-group__prepend {
  border-right: 0;
}

.el-input-group__append {
  border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
}

.el-scrollbar:active > .el-scrollbar__bar,
.el-scrollbar:focus > .el-scrollbar__bar,
.el-scrollbar:hover > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 0.34s ease-out;
}

.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}

.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color 0.3s;
}

.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.12s ease-out;
}

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}

.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}

.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}

.el-popper .popper__arrow:after {
  content: " ";
  border-width: 6px;
}

.el-popper[x-placement^="top"] {
  margin-bottom: 12px;
}

.el-popper[x-placement^="top"] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}

.el-popper[x-placement^="top"] .popper__arrow:after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #fff;
  border-bottom-width: 0;
}

.el-popper[x-placement^="bottom"] {
  margin-top: 12px;
}

.el-popper[x-placement^="bottom"] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}

.el-popper[x-placement^="bottom"] .popper__arrow:after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.el-popper[x-placement^="right"] {
  margin-left: 12px;
}

.el-popper[x-placement^="right"] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}

.el-popper[x-placement^="right"] .popper__arrow:after {
  bottom: -6px;
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0;
}

.el-popper[x-placement^="left"] {
  margin-right: 12px;
}

.el-popper[x-placement^="left"] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}

.el-popper[x-placement^="left"] .popper__arrow:after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #fff;
}

.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 1;
  transition: width 0.1s, opacity 0.4s;
  background-color: #386ff2;
  z-index: 999999;
}

.nuxt-progress.nuxt-progress-notransition {
  transition: none;
}

.nuxt-progress-failed {
  background-color: red;
}

:root {
  --guru-user-ip-box-width: 976px;
}

.default-box {
  background-color: #fff !important;
}

.chat-box .g-box {
  min-height: 0;
  padding-bottom: 0;
}

[data-v-a894c690]:root {
  --guru-user-ip-box-width: 976px;
}

section.box[data-v-a894c690] {
  background: #f7f8f9;
}

[data-v-629bdc02]:root {
  --guru-user-ip-box-width: 976px;
}

.pre-purchase-dialog[data-v-629bdc02] .footer-btn {
  cursor: pointer;
  margin: 10px 0 20px;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  font-size: 15px;
  color: #fff;
  line-height: 20px;
  background: #cd101a;
  border-radius: 22px;
}

.pre-purchase-dialog[data-v-629bdc02] .el-dialog {
  border-radius: 16px;
  overflow: hidden;
  height: 600px;
  display: flex;
  flex-flow: column;
}

.pre-purchase-dialog[data-v-629bdc02] .el-dialog__header {
  background: #f1f3f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  padding: 15px 20px;
  font-size: 16px;
}

.pre-purchase-dialog[data-v-629bdc02] .el-dialog__header i {
  font-weight: 700;
  cursor: pointer;
}

.pre-purchase-dialog[data-v-629bdc02] .el-dialog__body {
  padding: 0;
  flex: 1;
  overflow: hidden;
}

.pre-purchase-dialog[data-v-629bdc02] .el-dialog__body:has(.risk-match) {
  background: #f1f3f7;
}

.pre-purchase-dialog[data-v-629bdc02] .el-dialog__body:has(.risk-match) {
  background: #f1f3f7;
}

:root {
  --guru-user-ip-box-width: 976px;
}

.g-login {
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100vw !important;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
}

.g-login__box {
  cursor: default;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px 60px;
  width: 420px;
  background: #fff;
  border-radius: 4px;
}

.g-login__box .close-btn {
  font-size: 22px;
  position: absolute;
  top: 15px;
  right: 15px;
  color: #999;
  cursor: pointer;
}

.g-login__box--headercenter {
  padding: 19px 0;
  color: #333;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
}

.g-login__box--header {
  padding: 20px 0;
  font-size: 16px;
  line-height: 22px;
  color: #333;
  margin-top: 16px;
  position: relative;
}

.g-login__box--header span {
  cursor: pointer;
}

.g-login__box--header span + span {
  margin-left: 20px;
}

.g-login__box--header .active {
  font-size: 27px;
  line-height: 38px;
  font-weight: 600;
}

.g-login__box--main .form {
  padding: 30px 0;
}

.g-login__box--footer {
  text-align: center;
  color: #999;
  font-size: 13px;
  line-height: 18px;
}

.g-login__box--footer a {
  color: #386ff2;
}

[data-v-ea7af1b6]:root {
  --guru-user-ip-box-width: 976px;
}

.flex-hold[data-v-ea7af1b6] {
  display: flex;
  flex-grow: 1;
  line-height: 0;
  align-items: center;
}

.link-header[data-v-ea7af1b6] {
  min-width: 1200px;
  position: sticky;
  top: 0;
  z-index: 110;
}

.link-header .my-header[data-v-ea7af1b6] {
  width: 100%;
  height: 70px;
  background: #fff;
  border-bottom: 1px solid #f6f6f6;
}

.link-header .my-header .main[data-v-ea7af1b6] {
  width: 1200px;
  margin: auto;
  height: 70px;
  display: flex;
  align-items: center;
}

.link-header .my-header .main h1[data-v-ea7af1b6],
.link-header .my-header .main h2[data-v-ea7af1b6] {
  width: 100px;
  margin-bottom: 0 !important;
  line-height: 0;
}

.link-header .my-header .main h1 img[data-v-ea7af1b6],
.link-header .my-header .main h2 img[data-v-ea7af1b6] {
  height: 28px;
  width: 100px;
  margin: auto;
}

.link-header .my-header .main > .menu[data-v-ea7af1b6] {
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.link-header .my-header .main > .menu > li[data-v-ea7af1b6] {
  color: #333;
  height: 100%;
  text-align: center;
  line-height: 1;
  padding: 0 2px;
  position: relative;
}

.link-header .my-header .main > .menu > li a[data-v-ea7af1b6] {
  outline: none;
}

.link-header .my-header .main > .menu > li .menu-text[data-v-ea7af1b6] {
  position: relative;
  display: flex;
  align-items: center;
}

.link-header .my-header .main > .menu > li .menu-text p[data-v-ea7af1b6] {
  position: absolute;
  top: 70px;
  left: -133px;
  z-index: 100;
  width: 300px;
  height: 48px;
  height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

.link-header .my-header .main > .menu > li .menu-text p a[data-v-ea7af1b6] {
  display: inline-block;
  width: 120px;
  line-height: 48px;
  position: relative;
  bottom: 10px;
  font-size: 16px;
  color: #999;
}

.link-header
  .my-header
  .main
  > .menu
  > li
  .menu-text
  p
  a.member-current[data-v-ea7af1b6] {
  color: #333;
}

.link-header .my-header .main > .menu > li .menu-text[data-v-ea7af1b6]:after {
  position: absolute;
  bottom: 1px;
  left: 0;
  content: "";
  width: 100%;
  height: 3px;
  background: #fff;
  z-index: 120;
}

.link-header
  .my-header
  .main
  > .menu
  > li
  .menu-text
  .vip-tag[data-v-ea7af1b6] {
  position: absolute;
  top: 20px;
  right: -25px;
  width: 24px;
}

.link-header
  .my-header
  .main
  > .menu
  > li
  .menu-text
  .svip-tag[data-v-ea7af1b6] {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}

.link-header
  .my-header
  .main
  > .menu
  > li
  .menu-text
  .hotpost-tag[data-v-ea7af1b6] {
  position: absolute;
  top: 10px;
  right: -20px;
  width: 30px;
  height: 20px;
}

.link-header .my-header .main > .menu > li.active[data-v-ea7af1b6] {
  color: #333;
  font-weight: 900 !important;
  font-size: 16px;
}

.link-header .my-header .main > .menu > li.active div[data-v-ea7af1b6]:after {
  background: #386ff2;
  bottom: 0;
}

.link-header .my-header .main > .menu > li.nuxt-link-active[data-v-ea7af1b6] {
  color: #333;
  font-weight: 900;
  font-size: 16px;
}

.link-header
  .my-header
  .main
  > .menu
  > li.nuxt-link-active
  div[data-v-ea7af1b6]:after {
  background: #386ff2;
  bottom: 0;
}

.link-header .my-header .main > .menu > li.member[data-v-ea7af1b6] {
  font-weight: 400 !important;
  position: static;
}

.link-header
  .my-header
  .main
  > .menu
  > li.member
  .member-hover[data-v-ea7af1b6] {
  position: absolute;
  left: 0;
  top: 69px;
  height: 0;
  width: 100vw;
  background: #fff;
  line-height: 48px;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 12px 12px -10px rgba(0, 0, 0, 0.06);
}

.link-header
  .my-header
  .main
  > .menu
  > li.member
  .menu-text.member-active[data-v-ea7af1b6] {
  font-weight: 900;
}

.link-header
  .my-header
  .main
  > .menu
  > li.member
  .menu-text.member-active[data-v-ea7af1b6]:after {
  background: #386ff2;
  bottom: 0;
}

.link-header
  .my-header
  .main
  > .menu
  > li.member:hover
  .member-hover[data-v-ea7af1b6],
.link-header .my-header .main > .menu > li.member:hover p[data-v-ea7af1b6] {
  height: 48px;
}

.link-header .my-header .main > .menu .gurudata[data-v-ea7af1b6] {
  color: #333;
}

.link-header .my-header .main > .menu .gurudata .icon-new[data-v-ea7af1b6] {
  position: absolute;
  color: #ffab00;
  font-size: 25px;
  top: -5px;
  font-weight: 400;
}

.link-header .my-header .main > .menu li[data-v-ea7af1b6] {
  float: left;
  cursor: pointer;
  font-size: 16px;
  height: 100%;
  line-height: 70px;
  min-width: 60px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

.link-header .my-header .main > .menu li[data-v-ea7af1b6]:hover {
  font-weight: 700;
}

.link-header .my-header .main > .menu li a[data-v-ea7af1b6] {
  color: #333;
}

.link-header .my-header .main > .menu .active[data-v-ea7af1b6] {
  font-weight: 900;
}

.link-header .my-header .main .search-box[data-v-ea7af1b6] {
  margin-right: 15px;
}

.link-header .my-header .main .button-set[data-v-ea7af1b6] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.link-header .my-header .main .button-set .language[data-v-ea7af1b6] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  cursor: pointer;
  color: #666;
  flex-shrink: 0;
}

.link-header .my-header .main .button-set .language i[data-v-ea7af1b6] {
  color: inherit;
  font-size: 22px;
  padding-right: 4px;
}

.link-header .my-header .main .button-set .no-login[data-v-ea7af1b6] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.link-header .my-header .main .button-set .no-login .login[data-v-ea7af1b6] {
  padding: 5px 12px !important;
  border: 1px solid #333;
  border-radius: 1px;
  cursor: pointer;
  font-size: 12px;
  color: #333;
  line-height: 1;
}

.link-header .my-header .main .button-set .no-login .register[data-v-ea7af1b6] {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.link-header .my-header .main .button-set .no-login .line[data-v-ea7af1b6] {
  margin: 0 10px;
}

.link-header .my-header .main .button-set .has-login[data-v-ea7af1b6] {
  display: flex;
  position: relative;
  align-items: center;
  flex-shrink: 0;
}

.link-header .my-header .main .button-set .has-login .icon[data-v-ea7af1b6] {
  margin: 0;
}

.link-header .my-header .main .button-set .has-login .divider[data-v-ea7af1b6] {
  width: 1px;
  height: 14px;
  background: #e8e8e8;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .edit-box[data-v-ea7af1b6] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 12px;
  color: #666;
  cursor: pointer;
  position: relative;
  height: 70px;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .edit-box:hover
  .post-btns[data-v-ea7af1b6] {
  display: block;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .edit-box
  .icon[data-v-ea7af1b6] {
  margin-right: 3px;
  font-size: 22px;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .edit-box
  .post-btns[data-v-ea7af1b6] {
  position: absolute;
  top: 50px;
  left: -30px;
  width: 120px;
  display: none;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .edit-box
  .post-btns
  p[data-v-ea7af1b6] {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #2a2a2a;
  border: 1px solid #f1f3f7;
  font-size: 15px;
  background: #fff;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .edit-box
  .post-btns
  p[data-v-ea7af1b6]:last-child {
  border-top: none;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .edit-box
  .post-btns
  p[data-v-ea7af1b6]:hover {
  background: #eee;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .icon-bell[data-v-ea7af1b6] {
  background: no-repeat 50% / contain
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAB10lEQVRIS+2VMW/TUBSFz3FUGkvpwszcsiCQilDFgsTGwC+oVImliV0GElssYGPZsICdsNQv6YLU8g8YmDp0aBEIEKiqBDsTAwxUbYoUX/RSCk2bxAEhpp7pPb9zP13d+64fMYKiR+qqUFa0VZjN3XNuruaFMc+gz6NEvQAw0wWLvPRdu7sepqHgMGmeh8g8iTkApZ+gbREsg1zyncr7QfC+4CB4UjRKew1S5gEYA4IzES59NXZqjVpt96jnGLhar5unxXwO4AoEbaE0IXiabZtbO+bnsVJhYpLgLAALRBHA2hfuXjsKPwaOEtUEUBbBp0Ihu36nuvCuX8YPHi5e6BjGMxJnALQ8x6oc9vWAdU0JeQvgu9C45NfKm8MaFNZb55hlr0Cc6nSy6eD27yR6wPdjtSiELZDHvmNX8zqvz8MkbRC8RUF617UWDmJ6wFGcfgA5JSIXfdd+MxI4TqdJvobIR8+1z/YHJ6oNYLzzrWgGwQ29zpW+QYWJtr4Ve55j6WZ21ZtxokR/9BxrpME5gER94k7AvypwUor/UIooTtdBXs6dhD8xiGwwStQ6gH8LhmzkTliUqDIA/Ss9rIrnWK2/fpr2A4VhrEKQ9v5WUt+1fIDd8R+kH9zG4OxKkUCDAAAAAElFTkSuQmCC);
  cursor: pointer;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .message-box[data-v-ea7af1b6] {
  margin-right: 20px;
  cursor: pointer;
  position: relative;
  line-height: 1;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .message-box
  .iconfont[data-v-ea7af1b6] {
  color: #666;
  font-size: 22px;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .message-box
  .message-nums[data-v-ea7af1b6] {
  position: absolute;
  top: -5px;
  left: 11px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  line-height: 12px;
  background: #fd4040;
  padding: 1px 3px 1px 4px;
  border-radius: 7px;
  border: 1px solid #fff;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .message-bar[data-v-ea7af1b6] {
  position: absolute;
  top: 54px;
  right: 0;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block[data-v-ea7af1b6] {
  position: relative;
  cursor: pointer;
  line-height: 1;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block
  .avatar[data-v-ea7af1b6] {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block
  .spring-circle[data-v-ea7af1b6] {
  position: absolute;
  bottom: -1px;
  right: -1px;
  height: 50px;
  min-width: 38px;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block
  .vip-icon[data-v-ea7af1b6] {
  position: absolute;
  bottom: 0;
  right: -4px;
  width: 14px;
  height: 14px;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block:hover
  > .user-menu[data-v-ea7af1b6] {
  display: block;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block
  .user-menu[data-v-ea7af1b6] {
  position: absolute;
  left: 50%;
  top: 100%;
  display: none;
  transform: translateX(-50%);
  padding: 4px;
  border-radius: 4px;
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.05),
    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block
  .user-menu[data-v-ea7af1b6]:hover {
  display: block;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block
  .user-menu
  .user-menu-item[data-v-ea7af1b6] {
  width: 112px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-weight: 400;
  background: #fff;
  position: relative;
  font-size: 13px;
  color: #212121;
  transition: color 0.3s ease-in;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block
  .user-menu
  .user-menu-item[data-v-ea7af1b6]:hover {
  color: #386ff2;
}

.link-header
  .my-header
  .main
  .button-set
  .has-login
  .avatar-block
  .user-menu
  .user-menu-item__new[data-v-ea7af1b6] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #ff4040;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  border-radius: 2px;
  padding: 2px;
  font-size: 10px;
}

.link-header .index-header[data-v-ea7af1b6] {
  border-color: hsla(0, 0%, 96.5%, 0.2);
  border-bottom: 0;
}

.link-header .index-header .main > .menu .gurudata[data-v-ea7af1b6],
.link-header .index-header .menu-text[data-v-ea7af1b6] {
  color: #fff;
}

.link-header
  .index-header
  .main
  > .menu
  > li
  .menu-text[data-v-ea7af1b6]:after {
  background: none;
}

.link-header
  .index-header
  .main
  > .menu
  > li.nuxt-link-active
  div[data-v-ea7af1b6]:after {
  background: #fff;
}

.link-header
  .index-header
  .main
  > .menu
  > li.member
  .member-hover[data-v-ea7af1b6] {
  background: #ad112a;
}

.link-header .index-header .main > .menu > li .menu-text p a[data-v-ea7af1b6] {
  color: #fff;
}

.link-header
  .index-header
  .main
  > .menu
  > li.active
  div[data-v-ea7af1b6]:after {
  background: #fff;
}

.link-header
  .index-header
  .main
  .button-set
  .has-login
  .avatar-block
  .user-menu
  .user-menu-item[data-v-ea7af1b6],
.link-header
  .index-header
  .main
  .button-set
  .has-login
  .edit-box[data-v-ea7af1b6],
.link-header
  .index-header
  .main
  .button-set
  .has-login
  .message-box
  .iconfont[data-v-ea7af1b6],
.link-header .index-header .main .button-set .language i[data-v-ea7af1b6],
.link-header .index-header .main .button-set .language span[data-v-ea7af1b6] {
  color: #fff;
}

.link-header
  .index-header
  .main
  .button-set
  .has-login
  .avatar-block
  .user-menu
  .user-menu-item[data-v-ea7af1b6]:hover {
  font-weight: 700;
}

.link-header .index-header .main .button-set .no-login .login[data-v-ea7af1b6] {
  border-color: #fff;
  color: #fff;
}

.activity-img[data-v-ea7af1b6] {
  width: 72px;
  height: 46px;
  margin: 0 15px 0 20px;
  border: none;
}

[data-v-3ec2931a]:root {
  --guru-user-ip-box-width: 976px;
}

.top-link[data-v-3ec2931a] {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.top-link ul[data-v-3ec2931a] {
  display: flex;
  min-width: 750px;
  justify-content: center;
}

.top-link ul li[data-v-3ec2931a] {
  text-align: right;
  margin-left: 30px;
  height: 100%;
}

.top-link ul li a[data-v-3ec2931a] {
  font-size: 12px;
  color: #fff;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #878787;
}

.top-link ul li a .logo-name[data-v-3ec2931a] {
  position: absolute;
  padding: 20px;
  text-align: center;
  background: #fff;
  top: 22px;
  left: -50px;
  right: 0;
  margin: auto;
  display: none;
  z-index: 999;
  width: 160px;
  height: 172px;
  color: #333;
  font-size: 14px;
  box-shadow: 0 0 10px rgba(31, 62, 178, 0.18);
}

.top-link ul li a .logo-name img[data-v-3ec2931a] {
  width: 120px;
  display: block;
}

.top-link ul li:hover .logo-name[data-v-3ec2931a] {
  display: block;
}

@media screen and (min-width: 2000px) {
  .top-link ul[data-v-3ec2931a] {
    min-width: 1140px;
  }
}

@media screen and (min-width: 1513px) and (max-width: 2000px) {
  .top-link ul[data-v-3ec2931a] {
    min-width: 900px;
  }
}

:root {
  --guru-user-ip-box-width: 976px;
}

.search-box .search-result .li-live__disp {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 10px 0 9px;
}

.search-box .search-result .li-title__disp {
  margin: 9px 0 8px;
}

.search-box .search-result .li-title__disp .title {
  color: #424242;
  line-height: 20px;
}

.search-box .search-result .li-title__disp .summary {
  display: block;
  color: #a3a3a3;
  line-height: 18px;
}

.search-box .search-result .li-title__disp .summary,
.search-box .search-result .li-title__disp .title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search-box .search-result::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.search-box .search-result::-webkit-scrollbar-track {
  background: hsla(0, 0%, 66.7%, 0);
  border-radius: 5px;
}

.search-box .search-result::-webkit-scrollbar-thumb {
  background: #e8e8e8;
  border-radius: 5px;
}

.search-box .search-result:hover::-webkit-scrollbar-thumb {
  background: #b1b1b1;
}

.search-box hl {
  color: #386ff2;
}

[data-v-41b54b8e]:root {
  --guru-user-ip-box-width: 976px;
}

.search-box[data-v-41b54b8e] {
  position: relative;
  display: inline-block;
  width: 168px;
  height: 36px;
  border-radius: 18px;
  box-sizing: border-box;
  background: #f7f8f9;
  border: none;
  transition: width 0.5s;
}

.search-box .search-swiper[data-v-41b54b8e] {
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  margin-top: 10px;
  margin-right: 50px;
  z-index: 1;
  white-space: nowrap;
}

.search-box .search-swiper__text[data-v-41b54b8e] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.search-box .search-btn[data-v-41b54b8e] {
  width: 50px;
  height: 36px;
  text-align: center;
  bottom: 0;
  right: 0;
  font-size: 18px;
  line-height: 36px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  cursor: pointer;
  color: #666;
}

.search-box .search-btn[data-v-41b54b8e],
.search-box .search-input[data-v-41b54b8e] {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  z-index: 10;
}

.search-box .search-input[data-v-41b54b8e] {
  display: inline-block;
  font-size: 14px;
  border: none;
  width: calc(100% - 40px);
  height: 100%;
  padding: 12px 0 13px 20px;
  border-radius: 20px;
  background-color: transparent;
  outline: none;
  left: 0;
}

.search-box .search-input:focus.search-result[data-v-41b54b8e] {
  display: block;
}

.search-box .search-input[data-v-41b54b8e]::-webkit-input-placeholder {
  color: #bbb;
}

.search-box .search-input[data-v-41b54b8e]:-moz-placeholder,
.search-box .search-input[data-v-41b54b8e]::-moz-placeholder {
  color: #bbb;
}

.search-box .search-input[data-v-41b54b8e]:-ms-input-placeholder {
  color: #bbb;
}

.search-box .search-input[data-v-41b54b8e]::-ms-clear {
  display: none;
}

.search-box .search-popup[data-v-41b54b8e] {
  position: absolute;
  top: 36px;
  left: 0;
  width: 330px;
  margin-top: 5px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);
}

.search-box .search-popup .search-result[data-v-41b54b8e] {
  width: 100%;
  max-height: 471px;
  overflow-y: auto;
  overflow-x: hidden;
}

.search-box .search-popup .search-result .circle-li[data-v-41b54b8e] {
  width: 384px;
  height: 40px;
  background: #f7f8f9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 8px;
  gap: 8px;
  padding: 0 8px;
  margin-bottom: 8px;
}

.search-box .search-popup .search-result .circle-li img[data-v-41b54b8e] {
  width: 24px;
  height: 24px;
}

.search-box
  .search-popup
  .search-result
  .circle-li
  .circle-name[data-v-41b54b8e] {
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  color: #1677d9;
}

.search-box .search-popup .search-result li[data-v-41b54b8e] {
  width: 100%;
  min-height: 35px;
  padding: 0 18px;
}

.search-box .search-popup .search-result li a[data-v-41b54b8e] {
  width: 100%;
  color: #333;
  min-height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f2f3f4;
  font-size: 13px;
}

.search-box .search-popup .search-result li a .stock-name[data-v-41b54b8e] {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
}

.search-box .search-popup .search-result li a .stock-info[data-v-41b54b8e] {
  line-height: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 85px;
}

.search-box
  .search-popup
  .search-result
  li
  a
  .stock-info
  span[data-v-41b54b8e] {
  margin-left: 8px;
}

.search-box .search-popup .search-result .li-title[data-v-41b54b8e] {
  line-height: 1.4;
}

.search-box .search-popup .search-result .li-live[data-v-41b54b8e] {
  line-height: 20px;
}

.search-box .search-popup .search-result .li-all span[data-v-41b54b8e] {
  line-height: 20px;
  padding: 10px 0;
  margin: 7px 0 8px;
}

.search-box .search-popup .search-result .li-more[data-v-41b54b8e] {
  display: block;
  width: 100%;
  height: 39px;
  text-align: center;
  line-height: 39px;
}

.search-box .search-popup .search-result .li-more a[data-v-41b54b8e] {
  border-bottom: none;
}

.search-box .search-popup .search-result .li-more .title[data-v-41b54b8e] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.search-box .search-popup .search-result .li-more .more[data-v-41b54b8e] {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #999;
  line-height: 16px;
}

.search-box .search-popup .search-result .li-more .more i[data-v-41b54b8e] {
  font-size: 16px;
}

.search-box .search-popup .search-all[data-v-41b54b8e] {
  width: 100%;
  height: 52px;
  line-height: 52px;
  padding: 0 18px;
}

.search-box .search-popup .search-all a[data-v-41b54b8e] {
  width: 100%;
  color: #333;
  font-size: 13px;
}

.search-box .search-popup .search-all a span[data-v-41b54b8e] {
  padding: 10px 0;
  margin: 7px 0 8px;
}

.search-box .search-popup .shadow[data-v-41b54b8e] {
  box-shadow: 0 -10px 20px -10px rgba(0, 0, 0, 0.1);
}

.search-box .search-popup .search-none[data-v-41b54b8e] {
  padding-bottom: 16px;
}

.search-box .search-popup .search-none li[data-v-41b54b8e] {
  width: 100%;
  min-height: 36px;
  padding-left: 8px;
  word-break: keep-all;
}

.search-box .search-popup .search-none .li-title[data-v-41b54b8e] {
  display: flex;
  justify-content: space-between;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  padding: 0 18px;
  clear: both;
}

.search-box .search-popup .search-none .li-title .clear[data-v-41b54b8e] {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  cursor: pointer;
}

.search-box .search-popup .search-none .li-hotstock a[data-v-41b54b8e] {
  min-width: 123px;
  font-size: 13px;
  color: #333;
  line-height: 28px;
  padding: 0 10px;
  margin-right: 4px;
  float: left;
}

.search-box
  .search-popup
  .search-none
  .li-hotstock
  a[data-v-41b54b8e]:last-child {
  padding-bottom: 10px;
}

.search-box .search-popup .search-none .li-history[data-v-41b54b8e] {
  max-height: 114px;
  overflow: hidden;
  padding-left: 18px;
}

.search-box .search-popup .search-none .li-history .history[data-v-41b54b8e] {
  display: flex;
  max-width: 294px;
  font-size: 13px;
  color: #666;
  padding: 6px 6px 6px 12px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 14px;
  background: #f7f7f7;
  float: left;
  white-space: nowrap;
  cursor: pointer;
}

.search-box
  .search-popup
  .search-none
  .li-history
  .history
  span[data-v-41b54b8e] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-box .search-popup .search-none .li-history .history i[data-v-41b54b8e] {
  font-size: 16px;
  margin-left: 4px;
}

.search-box .red[data-v-41b54b8e] {
  color: #fd4040;
}

.search-box .blue[data-v-41b54b8e] {
  color: #386ff2;
}

.search-box .green[data-v-41b54b8e] {
  color: #1eb955;
}

.focus[data-v-41b54b8e] {
  width: 280px;
  border: 1px solid #1677d9;
  outline: 2px;
  background-color: #fff;
}

:root {
  --guru-user-ip-box-width: 976px;
}

.message-dialog {
  border-radius: 4px;
  box-shadow: none;
}

.message-dialog .el-dialog__header {
  padding-top: 24px;
  padding-bottom: 0;
}

.message-dialog .el-dialog__body {
  padding-top: 20px;
  padding-bottom: 24px;
}

.message-dialog .el-dialog__footer {
  padding: 0;
}

.message-dialog__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.message-dialog__content {
  display: flex;
  justify-content: center;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.message-dialog__comfirm {
  width: 100%;
  color: #386ff2;
  font-size: 20px;
  line-height: 28px;
  padding: 16px 0;
  background: #fff;
  border-top: 1px solid #f6f6f6;
  border-radius: 4px;
  cursor: pointer;
}

:root {
  --guru-user-ip-box-width: 976px;
}

.container {
  min-height: 100vh;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 80px;
  display: flex;
  justify-content: space-between;
}

.container .index-left {
  width: 834px;
  height: auto;
  position: relative;
}

.container .index-right {
  width: 316px;
  position: relative;
}

.container .index-right .nav-top-ad {
  margin-bottom: 15px;
  margin-top: 30px;
}

.container .index-right .nav-bottom-ad {
  margin-bottom: 20px;
  margin-top: 20px;
}

.container .index-right .hot-theme {
  margin-top: 4px;
  position: sticky !important;
  top: 110px;
}

[data-v-50fe14ac]:root {
  --guru-user-ip-box-width: 976px;
}

.index-top[data-v-50fe14ac] {
  height: 80px;
  width: 100%;
  background: #ad112a;
}

.index-top__img[data-v-50fe14ac] {
  width: 1200px;
  margin: 0 auto;
  height: 80px;
  background: url(https://cdn.gelonghui.com/static/web/image_newyear_banner%402x.png)
    0 0 no-repeat;
  background-size: 100% 100%;
}

[data-v-54390c3e]:root {
  --guru-user-ip-box-width: 976px;
}

.homepage-top-ad[data-v-54390c3e] {
  width: 100%;
  margin-top: 12px;
  height: 80px;
}

.homepage-top-ad .ad-link[data-v-54390c3e] {
  width: 1200px;
  display: block;
  margin: 0 auto;
  height: 100%;
  position: relative;
}

.homepage-top-ad .ad-link[data-v-54390c3e]:after {
  content: "广告";
  display: block;
  position: absolute;
  bottom: 0;
  right: 10px;
  background-color: rgba(77, 77, 77, 0.616);
  color: #fff;
  font-size: 12px;
  padding: 2px 2px 0;
}

.homepage-top-ad .ad-link .iconfont[data-v-54390c3e] {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px;
  background-color: rgba(48, 48, 48, 0.541);
}

.homepage-top-ad .ad-link .ad-img[data-v-54390c3e] {
  width: 1200px;
  height: 80px;
}

[data-v-02ef323e]:root {
  --guru-user-ip-box-width: 976px;
}

.data-contant[data-v-02ef323e] {
  width: 1200px;
  margin: 16px auto;
}

.data-contant ul[data-v-02ef323e] {
  width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.data-contant ul li[data-v-02ef323e] {
  flex: 1;
  overflow: hidden;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.data-contant ul li[data-v-02ef323e]:first-child {
  padding-left: 0;
}

.data-contant ul li[data-v-02ef323e]:last-child {
  padding-right: 0;
}

.data-contant ul li[data-v-02ef323e]:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}

.data-contant ul li div[data-v-02ef323e] {
  width: 100%;
}

.data-contant ul li div .name-value[data-v-02ef323e] {
  display: flex;
  justify-content: space-between;
}

.data-contant ul li div .name-value .name[data-v-02ef323e] {
  color: #484957;
  font-size: 14px;
  font-weight: bolder;
}

.data-contant ul li div .name-value .value[data-v-02ef323e] {
  font-size: 14px;
  font-weight: 700;
}

.data-contant ul li div .change-netChange[data-v-02ef323e] {
  margin-top: 8px;
  text-align: right;
  font-size: 12px;
}

.data-contant ul li div .change-netChange .change[data-v-02ef323e] {
  margin-right: 10px;
}

.data-contant ul li div .name-sh[data-v-02ef323e] {
  display: flex;
  justify-content: space-between;
}

.data-contant ul li div .name-sh .name[data-v-02ef323e] {
  color: #484957;
  font-size: 14px;
  font-weight: bolder;
}

.data-contant ul li div .name-sh .sh[data-v-02ef323e] {
  font-size: 14px;
}

.data-contant ul li div .name-sz[data-v-02ef323e] {
  text-align: right;
  margin-top: 8px;
  font-size: 14px;
}

.data-contant ul li .data-up[data-v-02ef323e] {
  color: #fd4040;
}

.data-contant ul li .data-down[data-v-02ef323e] {
  color: #1eb955;
}

.data-contant .data-section[data-v-02ef323e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}

.data-contant .data-section .name[data-v-02ef323e] {
  font-weight: 600;
  color: #484957;
}

:root {
  --guru-user-ip-box-width: 976px;
}

.g-carousel__indicators {
  left: 10px;
  transform: none;
}

:root {
  --guru-user-ip-box-width: 976px;
}

.recommend-article {
  width: 864px;
  height: 338px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.recommend-article .carousel-item {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.recommend-article .carousel-item img {
  width: 100%;
  height: 338px;
}

.recommend-article .carousel-item__background {
  position: absolute;
  width: 100%;
  height: 242px;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent, rgba(9, 9, 14, 0.43));
  padding: 48px 28px;
}

.recommend-article .carousel-item__background h2 {
  color: #fff;
  font-size: 26px;
  line-height: 32px;
  max-height: 64px;
  overflow: hidden;
  word-break: auto-phrase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: absolute;
  bottom: 48px;
  width: 552px;
}

.recommend-article .article-left {
  width: 600px;
  height: 338px;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}

.recommend-article .article-left:hover .change-button {
  opacity: 1;
}

.recommend-article .article-left .change-button {
  width: 40px;
  height: 40px;
  display: block;
  color: #fff;
  position: absolute;
  top: 41%;
  transform: translateY(-40%);
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.recommend-article .article-left .left {
  z-index: 20;
}

.recommend-article .article-left .right {
  right: 0;
}

.recommend-article .article-left .slide-ul {
  width: 100%;
  height: 100%;
  display: flex;
}

.recommend-article .article-left .slide-ul li {
  position: absolute;
  width: 100%;
  height: 335px;
}

.recommend-article .article-left .slide-ul li:hover p a img {
  height: 105%;
  width: 105%;
}

.recommend-article .article-left .slide-ul li a {
  display: block;
  width: 100%;
  height: 266px;
  overflow: hidden;
}

.recommend-article .article-left .slide-ul li a img {
  transition: all 0.4s ease;
  width: 100%;
  height: 266px;
  display: inline-block;
  position: relative;
}

.recommend-article .article-left .slide-ul li a:hover img {
  transform: scale(1.1);
}

.recommend-article .article-left .slide-ul li a:after {
  content: "";
  position: absolute;
  bottom: 62px;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0),
    rgba(19, 19, 31, 0.3)
  );
}

.recommend-article .article-left .slide-ul li .title {
  display: block;
  width: 532px;
  height: 69px;
  line-height: 69px;
  background: #13131f;
  cursor: pointer;
}

.recommend-article .article-left .slide-ul li .title h2 {
  text-align: center;
}

.recommend-article .article-left .slide-ul li .title p {
  width: 100%;
  display: inline-block;
  -moz-text-align-last: left;
  text-align-last: left;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
}

.recommend-article .article-left .carousel-items {
  position: absolute;
  z-index: 10;
  bottom: 76px;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
}

.recommend-article .article-left .carousel-items span {
  display: inline-block;
  height: 4px;
  width: 10px;
  border-radius: 2px;
  margin: 0 3px;
  background-color: hsla(0, 0%, 100%, 0.6);
  cursor: pointer;
}

.recommend-article .article-left .carousel-items .active {
  width: 20px;
  background-color: #fff;
}

.recommend-article .article-left .list-enter-active {
  transition: all 0.5s ease;
  transform: translateX(0);
}

.recommend-article .article-left .list-leave-active {
  transition: all 0.5s ease;
  transform: translateX(-110%);
}

.recommend-article .article-left .list-enter {
  transform: translateX(100%);
}

.recommend-article .article-left .list-leave {
  transform: translateX(0);
}

.recommend-article .article-right {
  width: 256px;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: space-between;
}

.recommend-article .article-right .article-right-left {
  position: relative;
}

.recommend-article .article-right .article-right-left .right-img-title {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  text-align: justify;
  padding: 0 15px;
  margin: 20px 0;
  max-height: 88px;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  transition: all 0.5s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  z-index: 3;
}

.recommend-article .article-right .article-right-left a {
  width: 256px;
  height: 165px;
  display: block;
  position: relative;
  overflow: hidden;
  color: #fff;
  border-radius: 2px;
  margin-bottom: 8px;
}

.recommend-article .article-right .article-right-left a:last-child {
  margin-bottom: 0;
}

.recommend-article .article-right .article-right-left a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, rgba(5, 5, 9, 0.45));
  z-index: 2;
}

.recommend-article .article-right .article-right-left a:hover img {
  transform: scale(1.1);
}

.recommend-article .article-right .article-right-left a:hover .right-img-title {
  top: 50%;
  transform: translateY(-50%);
  max-height: 100%;
  bottom: auto;
  display: block;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: inherit;
}

.recommend-article .article-right .article-right-left a:hover:before {
  background: #000;
  opacity: 0.5;
}

.recommend-article .article-right .article-right-left a img {
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.4s ease;
}

.recommend-article .article-right .article-right-left a p {
  display: inline-block;
  -moz-text-align-last: left;
  text-align-last: left;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  line-height: 1.4;
  max-height: 46px;
  overflow: hidden;
}

[data-v-e9e97374]:root {
  --guru-user-ip-box-width: 976px;
}

.g-carousel__indicators[data-v-e9e97374] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 2;
}

.g-carousel__indicators.left[data-v-e9e97374] {
  left: 20px;
  transform: none;
}

.g-carousel__indicators.left li[data-v-e9e97374] {
  padding: 20px 10px;
}

.g-carousel__indicators li[data-v-e9e97374] {
  display: inline-block;
  padding: 25px 10px;
  width: 28px;
  position: relative;
}

.g-carousel__indicators li span[data-v-e9e97374] {
  cursor: pointer;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.4;
}

.g-carousel__indicators li div[data-v-e9e97374] {
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
}

.el-carousel__arrow[data-v-e9e97374] {
  height: 42px;
  width: 42px;
  background-color: rgba(42, 42, 42, 0.2);
}

.el-carousel__arrow[data-v-e9e97374]:hover {
  background-color: rgba(42, 42, 42, 0.4);
}

.el-carousel__arrow i[data-v-e9e97374] {
  font-size: 20px;
  font-weight: 700;
}

.el-carousel__arrow--left[data-v-e9e97374] {
  left: 20px;
}

.el-carousel__arrow--right[data-v-e9e97374] {
  right: 20px;
}

[data-v-75a4d3cc]:root {
  --guru-user-ip-box-width: 976px;
}

.tags-article[data-v-75a4d3cc] {
  border-bottom: 1px solid #f1f3f7;
  margin-top: 18px;
}

.tags-article .tags-content ul[data-v-75a4d3cc] {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.tags-article .tags-content ul li.normal-tags[data-v-75a4d3cc] {
  padding-bottom: 16px;
  text-align: center;
  cursor: pointer;
  position: relative;
  margin: 0 18px;
}

.tags-article .tags-content ul li.normal-tags .font-member i[data-v-75a4d3cc] {
  color: #999;
}

.tags-article .tags-content ul li.normal-tags[data-v-75a4d3cc]:first-child {
  margin-left: 0;
}

.tags-article .tags-content ul li.normal-tags[data-v-75a4d3cc]:last-child {
  margin-right: 0;
}

.tags-article .tags-content ul li.normal-tags.active[data-v-75a4d3cc] {
  font-weight: 600;
}

.tags-article .tags-content ul li.normal-tags.active[data-v-75a4d3cc]:after {
  content: "";
  display: block;
  width: 100%;
  background-color: #386ff2;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.tags-article .tags-content ul li.normal-tags a[data-v-75a4d3cc] {
  font-size: 18px;
  line-height: 25px;
  cursor: pointer;
  color: #333;
  transition: all 0.3s;
}

.tags-article
  .tags-content
  ul
  li.normal-tags
  .member-tags-content[data-v-75a4d3cc] {
  background: #fff;
  width: 110px;
  position: absolute;
  top: 46px;
  left: -15px;
  z-index: 999;
  display: none;
  box-shadow: 0 2px 8px 0 rgba(13, 27, 74, 0.12);
}

.tags-article
  .tags-content
  ul
  li.normal-tags
  .member-tags-content[data-v-75a4d3cc]:before {
  content: "";
  border: 8px solid transparent;
  border-bottom-color: rgba(13, 27, 74, 0.12);
  position: absolute;
  left: 45px;
  top: 0;
  margin-top: -16px;
}

.tags-article
  .tags-content
  ul
  li.normal-tags
  .member-tags-content[data-v-75a4d3cc]:after {
  content: "";
  border: 8px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: 0;
  left: 45px;
  margin-top: -15px;
}

.tags-article
  .tags-content
  ul
  li.normal-tags
  .member-tags-content
  span[data-v-75a4d3cc] {
  display: block;
  width: 100%;
  line-height: 36px;
  text-align: center;
  color: #666;
  height: 36px;
  font-size: 14px;
  cursor: pointer;
}

.tags-article
  .tags-content
  ul
  li.normal-tags
  .member-tags-content
  span.active[data-v-75a4d3cc] {
  font-weight: bolder;
  color: #333;
  background: #f6f6f6;
}

.tags-article
  .tags-content
  ul
  li.normal-tags
  .member-tags-content
  span[data-v-75a4d3cc]:hover {
  color: #333;
  font-weight: 600;
  background: #f6f6f6;
}

.tags-article .tags-content ul li.normal-tags:hover a[data-v-75a4d3cc] {
  font-weight: 700;
}

.tags-article
  .tags-content
  ul
  li.normal-tags:hover
  .member-tags-content[data-v-75a4d3cc] {
  display: block;
}

[data-v-6495977c]:root {
  --guru-user-ip-box-width: 976px;
}

.article-contentainer__footer[data-v-6495977c] {
  margin-top: 100px;
  text-align: center;
  margin-bottom: 34px;
}

.article-contentainer .member-tags-content[data-v-6495977c] {
  background: #fff;
  width: 100%;
  height: 36px;
  padding-left: 22px;
}

.article-contentainer .member-tags-content span[data-v-6495977c] {
  display: flex;
  align-items: center;
  color: #666;
  height: 36px;
  background: #f6f6f6;
  font-size: 14px;
  float: left;
  cursor: pointer;
}

.article-contentainer .member-tags-content span.active[data-v-6495977c] {
  font-weight: bolder;
  color: #333;
}

.article-contentainer .member-tags-content span[data-v-6495977c]:after {
  content: "";
  display: inline-block;
  border-right: 1px solid #e8e8e8;
  width: 0;
  height: 14px;
  margin: 0 27px;
}

.article-contentainer .member-tags-content span[data-v-6495977c]:first-child {
  padding-left: 26px;
}

.article-contentainer .member-tags-content span[data-v-6495977c]:last-child {
  padding-right: 26px;
}

.article-contentainer
  .member-tags-content
  span[data-v-6495977c]:last-child:after {
  content: "";
  display: none;
}

[data-v-f144bf8e]:root {
  --guru-user-ip-box-width: 976px;
}

.tags-article[data-v-f144bf8e] {
  border-bottom: 1px solid #f1f3f7;
}

.tags-article .article-hotspot[data-v-f144bf8e] {
  border-top: 3px solid #4a5069;
  margin: 20px 0;
}

.tags-article .article-hotspot__header[data-v-f144bf8e] {
  display: flex;
  justify-content: space-between;
  cursor: default;
  padding: 13px 0;
}

.tags-article .article-hotspot__header .title[data-v-f144bf8e] {
  line-height: 25px;
  font-size: 18px;
  font-weight: 700;
  color: #333;
}

.tags-article .article-hotspot__header .title .lox[data-v-f144bf8e] {
  width: 112px;
  height: 22px;
}

.tags-article .article-hotspot__header .btn[data-v-f144bf8e] {
  cursor: pointer;
  line-height: 25px;
  font-size: 12px;
  color: #999;
}

.tags-article .article-hotspot__ul[data-v-f144bf8e] {
  display: flex;
  justify-content: space-between;
}

.tags-article .article-content[data-v-f144bf8e],
.tags-article .article-content .article-ul[data-v-f144bf8e] {
  width: 100%;
}

.tags-article .article-content .article-ul .article-li[data-v-f144bf8e] {
  margin: 0 -20px;
  padding: 0 20px;
  transition: background 0.5s;
}

.tags-article .article-content .article-ul .article-li__main[data-v-f144bf8e] {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #f1f3f7;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-left[data-v-f144bf8e] {
  width: 185px;
  height: 125px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-left
  .tagname[data-v-f144bf8e] {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 11px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 2px 0 2px 0;
  z-index: 1;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-left
  .article-img[data-v-f144bf8e] {
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.4s ease;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-left:hover
  .article-img[data-v-f144bf8e] {
  transform: scale(1.1);
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-left.organizationLeft[data-v-f144bf8e] {
  width: 127px;
  height: 127px;
  border: 1px solid #f3f3f3;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right[data-v-f144bf8e] {
  flex: 1;
  margin-left: 20px;
  position: relative;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right.organizationRight[data-v-f144bf8e] {
  width: 632px;
  height: 144px;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  a
  h2[data-v-f144bf8e] {
  margin-bottom: 3px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.6;
  font-weight: 600;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  max-height: 56px;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  a
  h2[data-v-f144bf8e]:hover {
  color: #386ff2;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  a
  summary[data-v-f144bf8e] {
  max-height: 44px;
  font-size: 14px;
  line-height: 1.6;
  overflow: hidden;
  color: #999;
  cursor: pointer;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  a
  summary[data-v-f144bf8e]:hover {
  color: #386ff2;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .source-time[data-v-f144bf8e] {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .source-time
  .source[data-v-f144bf8e] {
  color: #999;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .source-time
  .source[data-v-f144bf8e]:hover {
  color: #386ff2;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .source-time
  .circle-dot[data-v-f144bf8e] {
  width: 1px;
  height: 10px;
  background-color: #999;
  display: inline-block;
  margin: 0 8px;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .author-title[data-v-f144bf8e] {
  width: 100%;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  left: 0;
  bottom: 0;
  position: absolute;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .author-title
  .author[data-v-f144bf8e] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  float: left;
  cursor: pointer;
  color: #000;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .author-title
  .author
  img[data-v-f144bf8e] {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  border: 1px solid #ccc;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .author-title
  .author[data-v-f144bf8e]:hover {
  color: #386ff2;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .author-title
  .title[data-v-f144bf8e] {
  font-size: 12px;
  color: #949ca5;
  height: 26px;
  line-height: 26px;
  float: right;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .author-title
  .title
  .iconfont[data-v-f144bf8e] {
  font-size: 12px;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .time-stock[data-v-f144bf8e] {
  width: 100%;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  left: 0;
  bottom: 20px;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .time-stock
  .time
  .iconfont[data-v-f144bf8e] {
  font-size: 12px;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .time-stock
  .stock[data-v-f144bf8e] {
  background: #edf3fa;
  font-size: 12px;
  padding: 0 14px;
  margin-left: 10px;
  height: 30px;
  line-height: 30px;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .time-stock
  .stock
  a[data-v-f144bf8e] {
  color: #386ff2;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .time-button[data-v-f144bf8e] {
  width: 100%;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  left: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .time-button
  button[data-v-f144bf8e] {
  width: 90px;
  height: 28px;
  border: none;
  outline: none;
  background: #f93;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .stock[data-v-f144bf8e] {
  font-size: 12px;
  margin-left: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.tags-article
  .article-content
  .article-ul
  .article-li__main
  .detail-right
  .stock
  a[data-v-f144bf8e] {
  color: #386ff2;
  margin-left: 10px;
}

.tags-article
  .article-content
  .article-ul
  .article-li[data-v-f144bf8e]:last-child {
  border-bottom: none;
}

.tags-article .article-content .article-ul .article-li[data-v-f144bf8e]:hover {
  background: #f7f7f7;
}

.tags-article .article-content #waterfall-nomore[data-v-f144bf8e] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tags-article .article-content #waterfall-nomore .line[data-v-f144bf8e] {
  width: 100px;
  height: 2px;
  margin: 0 10px;
  background-color: #e8e8e8;
}

.tags-article .article-content #waterfall-nomore p[data-v-f144bf8e] {
  font-size: 14px;
  color: #666;
  text-align: center;
}

[data-v-31a28023]:root {
  --guru-user-ip-box-width: 976px;
}

.topic-item[data-v-31a28023] {
  width: 282px;
  height: 308px;
  background: #f7f7f7;
  border-radius: 2px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 16px;
}

.topic-item .cover[data-v-31a28023] {
  width: 100%;
  height: 130px;
  background: rgba(0, 0, 0, 0.05);
  display: block;
}

.topic-item .desc[data-v-31a28023] {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666;
  height: 36px;
  line-height: 1.4;
  padding: 0 16px 2px;
  cursor: pointer;
}

.topic-item .stocks[data-v-31a28023] {
  height: 20px;
  padding: 0 16px;
  margin: 10px 0;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
}

.topic-item .stocks .stock-item[data-v-31a28023] {
  background: rgba(0, 0, 0, 0.05);
  font-size: 12px;
  padding: 4px;
  display: flex;
  align-items: center;
  border-radius: 2px;
  color: #333;
  word-break: keep-all;
  overflow: hidden;
  cursor: pointer;
}

.topic-item .stocks .stock-item .name[data-v-31a28023] {
  max-width: 100px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topic-item .time-count[data-v-31a28023] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  color: #999;
  font-size: 12px;
  height: 16px;
}

.topic-item .time-count .count-desc[data-v-31a28023] {
  display: flex;
  grid-gap: 4px;
  gap: 4px;
  align-items: center;
}

[data-v-1a9d1f3e]:root {
  --guru-user-ip-box-width: 976px;
}

.title[data-v-1a9d1f3e] {
  position: relative;
  font-size: 18px;
  height: 48px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #222;
  line-height: 1.4;
  cursor: pointer;
  margin: 12px 16px 2px;
}

.title.isVoting[data-v-1a9d1f3e] {
  text-indent: 48px;
}

.title .voting[data-v-1a9d1f3e] {
  position: absolute;
  left: 0;
  top: 4px;
  width: 42px;
  height: 18px;
  text-indent: 0;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  font-style: normal;
  background: #ff4040 linear-gradient(225deg, #ff9640, rgba(255, 59, 5, 0));
}

[data-v-7c52bb1f]:root {
  --guru-user-ip-box-width: 976px;
}

.logo-btn[data-v-7c52bb1f] {
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  padding: 10px 43px;
  color: #111a37;
  font-size: 14px;
  line-height: 22px;
  background: #f6f6f6;
  border-radius: 24px;
  margin: 0 auto;
}

.logo-btn .icon[data-v-7c52bb1f] {
  height: 22px;
  width: 22px;
  vertical-align: top;
}

:root {
  --guru-user-ip-box-width: 976px;
}

.chatroom-container {
  cursor: pointer;
}

.chatroom-container .content .link {
  color: #386ff2;
}

[data-v-b195bafa]:root {
  --guru-user-ip-box-width: 976px;
}

.chatroom-container[data-v-b195bafa] {
  width: 316px;
  height: 248px;
  position: relative;
  border: 1px solid #f1f3f7;
  overflow: hidden;
  background: #fff0e1;
}

.chatroom-container .banner[data-v-b195bafa] {
  width: 100%;
}

.chatroom-container .chatroom-content[data-v-b195bafa] {
  width: 284px;
  height: 176px;
  margin-left: 15px;
  margin-bottom: 16px;
  background: #fff0e1;
}

.chatroom-container .chatroom-content .entrance_lock[data-v-b195bafa] {
  width: 100%;
  height: 100%;
}

.chatroom-container .list[data-v-b195bafa] {
  padding: 15px 11px;
  height: 176px;
  overflow: hidden;
  background: #fff;
}

.chatroom-container .list ul li[data-v-b195bafa] {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  padding-bottom: 16px;
  padding-left: 12px;
}

.chatroom-container .list ul li .diamond[data-v-b195bafa] {
  position: absolute;
  top: 13px;
  transform: translate(-50%, -50%);
  width: 6px;
  left: 5px;
  text-align: center;
  color: #a3c3ff;
  height: 6px;
  display: inline-block;
  z-index: 10;
}

.chatroom-container .list ul li .diamond[data-v-b195bafa]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(146deg, #ffe9d1, #e1ac83);
  z-index: -1;
  transform: rotate(45deg);
}

.chatroom-container .list ul li div[data-v-b195bafa] {
  padding: 0 5px;
  width: 100%;
}

.chatroom-container .list ul li div[data-v-b195bafa]:before {
  content: "";
  position: absolute;
  width: 0;
  height: calc(100% - 10px);
  left: 5px;
  top: 15px;
  display: block;
  border-left: 1px dashed #e8e8e8;
  z-index: 1;
}

.chatroom-container .list ul li div .content[data-v-b195bafa] {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 24px;
  word-break: break-all;
  max-height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin-left: 0;
}

.chatroom-container .list ul li div time[data-v-b195bafa] {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px;
}

.chatroom-container .host-detail[data-v-b195bafa] {
  position: absolute;
  width: 100%;
  height: 66px;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 16px;
  box-shadow: 0 0 8px 0 rgba(46, 67, 94, 0.08);
  background: #fff;
  z-index: 10;
}

.chatroom-container .host-detail .avatar[data-v-b195bafa] {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
}

.chatroom-container .host-detail .nick[data-v-b195bafa] {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin: 0 3px 0 5px;
}

.chatroom-container .host-detail .number[data-v-b195bafa] {
  color: #999;
  font-size: 13px;
  display: flex;
  align-items: center;
  position: absolute;
  right: 13px;
}

.chatroom-container .host-detail .number .iconfont[data-v-b195bafa] {
  font-size: 16px;
}

[data-v-573a82d5]:root {
  --guru-user-ip-box-width: 976px;
}

.g-terms-list[data-v-573a82d5] {
  margin-top: 10px;
}

.g-terms-list[data-v-573a82d5]:first-child {
  margin-top: 0;
}

.g-terms-list .important[data-v-573a82d5] {
  font-weight: 700;
  color: #333;
}

.g-terms-list li[data-v-573a82d5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 6px;
  color: #666;
  border-bottom: 1px solid #f1f3f7;
}

.g-terms-list li a[data-v-573a82d5] {
  font-size: 14px;
}

.g-terms-list li i[data-v-573a82d5] {
  font-size: 9px;
}

[data-v-f4dd228e]:root {
  --guru-user-ip-box-width: 976px;
}

#infinite-dtb[data-v-f4dd228e] {
  height: 570px;
  position: relative;
  overflow: hidden;
  border: 1px solid #f1f3f7;
  border-top: none;
  margin-top: 16px;
}

#infinite-dtb[data-v-f4dd228e]:first-child {
  margin-top: 0;
}

#infinite-dtb .title[data-v-f4dd228e] {
  border-top: 3px solid #4a5069;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  border-bottom: 1px solid #f1f3f7;
}

#infinite-dtb .title .more[data-v-f4dd228e] {
  font-size: 12px;
  font-weight: 400;
  color: #999;
}

#infinite-dtb .title .dtb-title[data-v-f4dd228e] {
  font-size: 14px;
  clear: both;
  height: 19px;
  font-weight: bolder;
  display: flex;
  align-items: center;
}

#infinite-dtb .title .dtb-title .iconfont[data-v-f4dd228e] {
  color: #386ff2;
  font-weight: 100;
  font-size: 20px;
}

#infinite-dtb .title .dtb-title a[data-v-f4dd228e] {
  line-height: 24px;
  color: #333;
  font-size: 18px;
}

#infinite-dtb .title .dtb-title .dtbGif[data-v-f4dd228e] {
  margin-left: 10px;
  width: 40px;
  height: 40px;
  display: inline-block;
}

#infinite-dtb .InfoDetail[data-v-f4dd228e] {
  position: absolute;
  top: 110%;
  left: 0;
  background-color: #fff;
}

#infinite-dtb #infinite-overfolow-box[data-v-f4dd228e] {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 495px;
  background-color: #fff;
  padding: 0 16px;
}

#infinite-dtb #infinite-overfolow-box[data-v-f4dd228e]::-webkit-scrollbar {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 4px;
  height: 4px;
}

#infinite-dtb
  #infinite-overfolow-box[data-v-f4dd228e]::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 66.7%, 0);
  border-radius: 5px;
  -webkit-transition: all 4s ease;
  transition: all 4s ease;
}

#infinite-dtb
  #infinite-overfolow-box[data-v-f4dd228e]:hover::-webkit-scrollbar-thumb {
  background: #b1b1b1;
}

#infinite-dtb
  #infinite-overfolow-box[data-v-f4dd228e]::-webkit-scrollbar-corner {
  background: #f6f6f6;
}

#infinite-dtb #infinite-overfolow-box .time[data-v-f4dd228e],
#infinite-dtb #infinite-overfolow-box .time-line[data-v-f4dd228e] {
  line-height: 39px;
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

#infinite-dtb #infinite-overfolow-box .time-line[data-v-f4dd228e] {
  position: relative;
  width: 324px;
  top: 12px;
}

#infinite-dtb #infinite-overfolow-box .clock[data-v-f4dd228e] {
  color: #bbb;
  margin-right: 2px;
  font-size: 14px;
}

#infinite-dtb #infinite-overfolow-box .dtb[data-v-f4dd228e] {
  border-bottom: 1px dashed #f1f3f7;
  position: relative;
}

#infinite-dtb #infinite-overfolow-box .dtb .dtb.newDay[data-v-f4dd228e],
#infinite-dtb #infinite-overfolow-box .dtb[data-v-f4dd228e]:nth-child(2) {
  border-top: none;
}

#infinite-dtb #infinite-overfolow-box .content-box[data-v-f4dd228e] {
  display: flex;
  padding: 16px 0;
}

#infinite-dtb #infinite-overfolow-box .content-box span[data-v-f4dd228e] {
  font-size: 14px;
  font-weight: 400;
  position: relative;
  top: 4px;
}

#infinite-dtb #infinite-overfolow-box .content-box a[data-v-f4dd228e] {
  line-height: 1.7em;
  display: block;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  text-align: left;
  padding-left: 10px;
  max-height: 48px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#infinite-dtb #infinite-overfolow-box .content-box.level-1[data-v-f4dd228e],
#infinite-dtb #infinite-overfolow-box .content-box.level-1 a[data-v-f4dd228e] {
  color: red;
}

[data-v-75081261]:root {
  --guru-user-ip-box-width: 976px;
}

.nav-top-ad-box[data-v-75081261] {
  width: 316px;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.nav-top-ad-box .ad-link[data-v-75081261] {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.nav-top-ad-box .ad-link[data-v-75081261]:after {
  content: "广告";
  display: block;
  height: 18px;
  width: 32px;
  text-align: center;
  line-height: 18px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 2px;
  background-color: rgba(48, 48, 48, 0.45);
  color: #fff;
  font-size: 12px;
}

.nav-top-ad-box .ad-link .ad-img[data-v-75081261] {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

[data-v-6f99b34a]:root {
  --guru-user-ip-box-width: 976px;
}

.index-news-container[data-v-6f99b34a] {
  margin-top: 40px;
  border: 1px solid #f1f3f7;
  border-top: none;
}

.index-news-container .liveMiddle[data-v-6f99b34a] {
  border-top: 3px solid #4a5069;
  padding: 0 16px;
  line-height: 60px;
  height: 60px;
  clear: both;
  font-weight: bolder;
  display: flex;
  align-items: center;
}

.index-news-container .liveMiddle .iconfont[data-v-6f99b34a] {
  color: #386ff2;
  font-size: 25px;
  font-weight: 100;
}

.index-news-container .liveMiddle a[data-v-6f99b34a] {
  line-height: 1.7em;
  color: #000;
  font-size: 18px;
}

.index-news-container .liveMiddle .flex-grow[data-v-6f99b34a] {
  flex-grow: 1;
}

.index-news-container .liveMiddle a.more[data-v-6f99b34a] {
  font-size: 12px;
  color: #999;
}

.index-news-container .index-news-list-container[data-v-6f99b34a] {
  margin: 0 16px;
  padding-bottom: 20px;
  border-top: 1px solid #f1f3f7;
}

.index-news-container
  .index-news-list-container
  .index-news-list[data-v-6f99b34a] {
  padding: 15px 0 20px;
  border-bottom: 1px dashed #f1f3f7;
}

.index-news-container
  .index-news-list-container
  .index-news-list[data-v-6f99b34a]:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.index-news-container
  .index-news-list-container
  .index-news-list-time[data-v-6f99b34a] {
  font-size: 12px;
}

.index-news-container
  .index-news-list-container
  .index-news-list-time
  .index-news-list-title
  h2[data-v-6f99b34a] {
  font-weight: 400;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}

.index-news-container
  .index-news-list-container
  .index-news-list-time
  .index-news-list-title
  h2[data-v-6f99b34a]:hover {
  color: #386ff2;
}

.index-news-container
  .index-news-list-container
  .index-news-list-time
  .end-line[data-v-6f99b34a] {
  margin-top: 8px;
}

.index-news-container
  .index-news-list-container
  .index-news-list-time
  .end-line
  .news-time[data-v-6f99b34a] {
  float: right;
  color: #999;
  line-height: 24px;
}

.index-news-container
  .index-news-list-container
  .index-news-list-time
  .end-line
  .type-all[data-v-6f99b34a] {
  display: inline-block;
  color: #386ff2;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  padding: 0 12px 0 23px;
  background: rgba(56, 111, 242, 0.05);
  position: relative;
}

.index-news-container
  .index-news-list-container
  .index-news-list-time
  .end-line
  .type-all
  img[data-v-6f99b34a] {
  width: 16px;
  position: absolute;
  top: 4px;
  left: 4px;
}

:root {
  --guru-user-ip-box-width: 976px;
}

.official-poper {
  border: none !important;
  background: #fff !important;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.12) !important;
  border-radius: 0 !important;
  padding: 20px !important;
  transition: none !important;
  margin-bottom: 23px;
}

.official-poper .popper__arrow {
  display: block !important;
}

[data-v-723601dd]:root {
  --guru-user-ip-box-width: 976px;
}

#official-accounts[data-v-723601dd] {
  margin-top: 40px;
  border: 1px solid #f1f3f7;
  border-top: none;
}

#official-accounts .title[data-v-723601dd] {
  padding: 0 16px;
  line-height: 60px;
  border-top: 3px solid #4a5069;
  display: flex;
  justify-content: space-between;
}

#official-accounts .title h2[data-v-723601dd] {
  font-size: 18px;
  font-weight: 700;
  color: #333;
}

#official-accounts .title .more[data-v-723601dd] {
  font-size: 12px;
  font-weight: 400;
  color: #999;
}

#official-accounts ul[data-v-723601dd] {
  display: flex;
  background: #fff;
  flex-wrap: wrap;
  padding: 0 16px;
}

#official-accounts ul li[data-v-723601dd] {
  padding: 16px 0 6px;
  width: 88px;
  height: 104px;
  text-align: center;
  margin: 4px;
}

#official-accounts ul li[data-v-723601dd]:nth-child(3n + 1) {
  margin-left: 0;
}

#official-accounts ul li[data-v-723601dd]:nth-child(3n) {
  margin-right: 0;
}

#official-accounts ul li img[data-v-723601dd] {
  cursor: pointer;
  height: 48px;
  width: 48px;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px solid #f6f6f6;
}

#official-accounts ul li p[data-v-723601dd] {
  margin-top: 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#official-accounts ul li p a[data-v-723601dd] {
  cursor: pointer;
  color: #666;
  line-height: 18px;
  font-size: 13px;
}

.official-box[data-v-723601dd] {
  cursor: default;
}

.official-box p[data-v-723601dd] {
  text-align: center;
  font-size: 18px;
  color: #333;
  line-height: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 600;
  margin-bottom: 12px;
}

.official-box__main[data-v-723601dd] {
  padding-left: 91px;
  position: relative;
  height: 80px;
}

.official-box__main img[data-v-723601dd] {
  width: 72px;
  height: 72px;
  left: 0;
}

.official-box__main img[data-v-723601dd],
.official-box__main p[data-v-723601dd] {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

.official-box__main p[data-v-723601dd] {
  font-size: 12px;
  color: #666;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 80px;
  border-bottom: none;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 170px;
  right: 0;
}

[data-v-3af9de4d]:root {
  --guru-user-ip-box-width: 976px;
}

.nav-bottom-ad[data-v-3af9de4d] {
  width: 316px;
  height: 203px;
}

.nav-bottom-ad .ad-link[data-v-3af9de4d] {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.nav-bottom-ad .ad-link[data-v-3af9de4d]:after {
  content: "广告";
  display: block;
  height: 18px;
  width: 32px;
  text-align: center;
  line-height: 18px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 2px;
  background-color: rgba(48, 48, 48, 0.45);
  color: #fff;
  font-size: 12px;
}

.nav-bottom-ad .ad-link .ad-img[data-v-3af9de4d] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

[data-v-0f620592]:root {
  --guru-user-ip-box-width: 976px;
}

#hot-column[data-v-0f620592] {
  margin-top: 20px;
  position: relative;
  border: 1px solid #f1f3f7;
  border-top: none;
}

#hot-column .title[data-v-0f620592] {
  border-top: 3px solid #4a5069;
  padding: 0 16px;
  line-height: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#hot-column .title .iconfont[data-v-0f620592] {
  color: #386ff2;
  font-size: 28px;
  line-height: 28px;
  font-weight: 100;
}

#hot-column .title h3[data-v-0f620592] {
  display: inline-block;
  font-size: 16px;
  color: #333;
  line-height: 28px;
}

#hot-column .title h3 img[data-v-0f620592] {
  vertical-align: middle;
  margin-right: 10px;
}

#hot-column .title .use-homepage[data-v-0f620592] {
  line-height: 24px;
  font-weight: 700;
  font-size: 18px;
  color: #333;
}

#hot-column .title .more[data-v-0f620592] {
  font-size: 12px;
  color: #999;
}

#hot-column ul[data-v-0f620592] {
  background-color: #fff;
  margin: 0 16px;
  border-top: 1px solid #f1f3f7;
}

#hot-column ul li[data-v-0f620592] {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 0 13px;
  border-bottom: 1px dashed #f1f3f7;
}

#hot-column ul li[data-v-0f620592]:last-child {
  border-bottom: none;
  margin: 0;
}

#hot-column ul li .user-info[data-v-0f620592] {
  display: flex;
  align-items: center;
}

#hot-column ul li .user-info a[data-v-0f620592] {
  display: block;
}

#hot-column ul li .user-info .avatar[data-v-0f620592] {
  height: 48px;
  width: 48px;
  border-radius: 6px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
}

#hot-column ul li .user-info .avatar img[data-v-0f620592] {
  width: 100%;
}

#hot-column ul li .user-info__right[data-v-0f620592] {
  margin-left: 12px;
}

#hot-column ul li .user-info__right .user-nick a[data-v-0f620592] {
  font-size: 16px;
  line-height: 22px;
  color: #333;
  transition: color 0.3s;
  font-weight: 600;
}

#hot-column ul li .user-info__right .user-nick a[data-v-0f620592]:hover {
  color: #386ff2;
}

#hot-column ul li .user-info__right .user-brief[data-v-0f620592] {
  font-size: 14px;
  color: #666;
  line-height: 23px;
  margin-top: 5px;
  max-height: 46px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

[data-v-2c36410c]:root {
  --guru-user-ip-box-width: 976px;
}

#hot-article[data-v-2c36410c] {
  margin-top: 40px;
  border: 1px solid #f1f3f7;
  border-top: none;
  position: sticky !important;
  top: 110px;
}

#hot-article .article-box[data-v-2c36410c] {
  border-top: 3px solid #4a5069;
  padding: 18px 16px;
  display: flex;
  justify-content: space-between;
}

#hot-article .article-box .iconfont[data-v-2c36410c] {
  color: #386ff2;
  font-weight: 100;
  font-size: 20px;
}

#hot-article .article-box h2[data-v-2c36410c] {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  line-height: 25px;
}

#hot-article .article-box div[data-v-2c36410c] {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  line-height: 26px;
}

#hot-article .article-box div span[data-v-2c36410c] {
  padding: 0 10px;
  cursor: pointer;
  color: #666;
}

#hot-article .article-box div .week[data-v-2c36410c] {
  padding-right: 0;
}

#hot-article .article-box div .active[data-v-2c36410c] {
  color: #333;
  border: none;
  margin: 0;
}

#hot-article ul[data-v-2c36410c] {
  display: none;
}

#hot-article ul li[data-v-2c36410c] {
  display: flex;
  padding: 16px 0 16px 28px;
  position: relative;
  border-bottom: 1px dashed #f1f3f7;
}

#hot-article ul li:nth-child(-n + 3) a[data-v-2c36410c] {
  font-weight: 700;
}

#hot-article ul li[data-v-2c36410c]:last-child {
  border-bottom: none;
}

#hot-article ul li .number[data-v-2c36410c] {
  cursor: default;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  background: #bbb;
  position: absolute;
  top: 20px;
  left: 0;
  border-radius: 2px;
}

#hot-article ul li .number.num1[data-v-2c36410c] {
  background: #fd4040;
}

#hot-article ul li .number.num2[data-v-2c36410c] {
  background: #ffa940;
}

#hot-article ul li .number.num3[data-v-2c36410c] {
  background: #ffd325;
}

#hot-article ul li p a[data-v-2c36410c] {
  font-size: 15px;
  color: #333;
  line-height: 24px;
}

#hot-article ul li p a[data-v-2c36410c]:hover {
  color: #386ff2;
}

#hot-article .active[data-v-2c36410c] {
  display: block;
  margin: 0 16px;
  border-top: 1px solid #f1f3f7;
}

[data-v-9355461c]:root {
  --guru-user-ip-box-width: 976px;
}

#glh-footer[data-v-9355461c] {
  background-color: #1c1c1c;
  color: #fff;
  padding: 64px 0;
  z-index: 99;
}

#glh-footer .footer-icon[data-v-9355461c] {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding: 45px 50px;
  border: 1px solid #333;
}

#glh-footer .footer-icon p[data-v-9355461c] {
  font-size: 16px;
  line-height: 22px;
  margin-top: 12px;
}

#glh-footer .footer-icon img[data-v-9355461c] {
  width: 125px;
}

#glh-footer .footer-top[data-v-9355461c] {
  border-bottom: 1px solid #333;
  padding-bottom: 25px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

#glh-footer .footer-box[data-v-9355461c] {
  cursor: default;
  position: relative;
  width: 1200px;
  box-sizing: border-box;
  padding-left: 347px;
  margin: 0 auto;
  overflow: hidden;
}

#glh-footer .footer-box .left[data-v-9355461c] {
  width: 240px;
}

#glh-footer .footer-box .left ul li[data-v-9355461c] {
  float: left;
  width: 50%;
  line-height: 20px;
  font-size: 13px;
  padding: 3px 0;
}

#glh-footer .footer-box .left ul li a[data-v-9355461c] {
  color: #bbb;
}

#glh-footer .footer-box .right[data-v-9355461c] {
  width: 600px;
}

#glh-footer .footer-box .right ul li[data-v-9355461c] {
  float: left;
  width: 20%;
  line-height: 20px;
  font-size: 13px;
  padding: 3px 0;
}

#glh-footer .footer-box .right ul li a[data-v-9355461c] {
  color: #bbb;
}

#glh-footer .footer-box h4[data-v-9355461c] {
  color: #ddd;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

#glh-footer .footer-layout[data-v-9355461c] {
  margin-right: -50px;
}

#glh-footer .footer-bottom[data-v-9355461c] {
  padding-top: 24px;
  padding-bottom: 9px;
}

#glh-footer .footer-bottom h3[data-v-9355461c] {
  padding: 4px 0;
  font-size: 14px;
  line-height: 20px;
}

#glh-footer .footer-bottom p[data-v-9355461c] {
  color: #999;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 6px;
}

#glh-footer .footer-bottom p .title[data-v-9355461c] {
  font-size: 14px;
  color: #ddd;
  font-weight: 400;
  margin-right: 8px;
}

#glh-footer .footer-bottom span a[data-v-9355461c] {
  font-size: 13px;
  line-height: 18px;
  color: #999;
}

#glh-footer .footer-bottom span img[data-v-9355461c] {
  width: 18px;
  height: 18px;
  vertical-align: bottom;
}