@charset "UTF-8";
.btn[data-v-b4b052de] {
  cursor: pointer;
  background-color: #6aa0ff;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.vue-puzzle-vcode[data-v-b4b052de] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1999;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}
.vue-puzzle-vcode.show_[data-v-b4b052de] {
    opacity: 1;
    pointer-events: auto;
}
.vue-auth-box_[data-v-b4b052de] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 20px;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.vue-auth-box_ .auth-body_[data-v-b4b052de] {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.vue-auth-box_ .auth-body_ .loading-box_[data-v-b4b052de] {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 20;
      opacity: 1;
      -webkit-transition: opacity 200ms;
      transition: opacity 200ms;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.vue-auth-box_ .auth-body_ .loading-box_.hide_[data-v-b4b052de] {
        opacity: 0;
        pointer-events: none;
}
.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span[data-v-b4b052de] {
          -webkit-animation-play-state: paused;
                  animation-play-state: paused;
}
.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_[data-v-b4b052de] {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        height: 5px;
        line-height: 0;
}
@-webkit-keyframes load-data-v-b4b052de {
0% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}
100% {
    opacity: 0.2;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
}
}
@keyframes load-data-v-b4b052de {
0% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}
100% {
    opacity: 0.2;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
}
}
.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span[data-v-b4b052de] {
          display: inline-block;
          width: 5px;
          height: 100%;
          margin-left: 2px;
          border-radius: 50%;
          background-color: #888;
          -webkit-animation: load-data-v-b4b052de 1.04s ease infinite;
                  animation: load-data-v-b4b052de 1.04s ease infinite;
}
.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span[data-v-b4b052de]:nth-child(1) {
            margin-left: 0;
}
.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span[data-v-b4b052de]:nth-child(2) {
            -webkit-animation-delay: 0.13s;
                    animation-delay: 0.13s;
}
.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span[data-v-b4b052de]:nth-child(3) {
            -webkit-animation-delay: 0.26s;
                    animation-delay: 0.26s;
}
.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span[data-v-b4b052de]:nth-child(4) {
            -webkit-animation-delay: 0.39s;
                    animation-delay: 0.39s;
}
.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span[data-v-b4b052de]:nth-child(5) {
            -webkit-animation-delay: 0.52s;
                    animation-delay: 0.52s;
}
.vue-auth-box_ .auth-body_ .info-box_[data-v-b4b052de] {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 24px;
      line-height: 24px;
      text-align: center;
      overflow: hidden;
      font-size: 13px;
      background-color: #83ce3f;
      opacity: 0;
      -webkit-transform: translateY(24px);
              transform: translateY(24px);
      -webkit-transition: all 200ms;
      transition: all 200ms;
      color: #fff;
      z-index: 10;
}
.vue-auth-box_ .auth-body_ .info-box_.show[data-v-b4b052de] {
        opacity: 0.95;
        -webkit-transform: translateY(0);
                transform: translateY(0);
}
.vue-auth-box_ .auth-body_ .info-box_.fail[data-v-b4b052de] {
        background-color: #ce594b;
}
.vue-auth-box_ .auth-body_ .auth-canvas2_[data-v-b4b052de] {
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 100%;
      z-index: 2;
}
.vue-auth-box_ .auth-body_ .auth-canvas3_[data-v-b4b052de] {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-transition: opacity 600ms;
      transition: opacity 600ms;
      z-index: 3;
}
.vue-auth-box_ .auth-body_ .auth-canvas3_.show[data-v-b4b052de] {
        opacity: 1;
}
.vue-auth-box_ .auth-body_ .flash_[data-v-b4b052de] {
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.1);
      z-index: 3;
}
.vue-auth-box_ .auth-body_ .flash_.show[data-v-b4b052de] {
        -webkit-transition: -webkit-transform 600ms;
        transition: -webkit-transform 600ms;
        transition: transform 600ms;
        transition: transform 600ms, -webkit-transform 600ms;
}
.vue-auth-box_ .auth-body_ .reset_[data-v-b4b052de] {
      position: absolute;
      top: 2px;
      right: 2px;
      width: 35px;
      height: auto;
      z-index: 12;
      cursor: pointer;
      -webkit-transition: -webkit-transform 200ms;
      transition: -webkit-transform 200ms;
      transition: transform 200ms;
      transition: transform 200ms, -webkit-transform 200ms;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
}
.vue-auth-box_ .auth-body_ .reset_[data-v-b4b052de]:hover {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
}
.vue-auth-box_ .auth-control_ .range-box[data-v-b4b052de] {
    position: relative;
    width: 100%;
    background-color: #eef1f8;
    margin-top: 20px;
    border-radius: 3px;
    -webkit-box-shadow: inset -2px -2px 4px rgba(50, 130, 251, 0.1), inset 2px 2px 4px rgba(34, 73, 132, 0.2);
            box-shadow: inset -2px -2px 4px rgba(50, 130, 251, 0.1), inset 2px 2px 4px rgba(34, 73, 132, 0.2);
    border-radius: 43px;
    /* 兼容写法，要放在@keyframes前面 */
}
.vue-auth-box_ .auth-control_ .range-box .range-text[data-v-b4b052de] {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      font-size: 14px;
      color: #b7bcd1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center;
      width: 100%;
      /* 背景颜色线性渐变 */
      /* linear为线性渐变，也可以用下面的那种写法。left top，right top指的是渐变方向，左上到右上 */
      /* color-stop函数，第一个表示渐变的位置，0为起点，0.5为中点，1为结束点；第二个表示该点的颜色。所以本次渐变为两边灰色，中间渐白色 */
      background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(0.4, #4d4d4d), color-stop(0.5, white), color-stop(0.6, #4d4d4d), color-stop(1, #4d4d4d));
      /* 设置为text，意思是把文本内容之外的背景给裁剪掉 */
      -webkit-background-clip: text;
      /* 设置对象中的文字填充颜色 这里设置为透明 */
      -webkit-text-fill-color: transparent;
      /* 每隔2秒调用下面的CSS3动画 infinite属性为循环执行animate */
      -webkit-animation: animate-data-v-b4b052de 1.5s infinite;
}
@-webkit-keyframes animate-data-v-b4b052de {
  /* 背景从-100px的水平位置，移动到+100px的水平位置。如果要移动Y轴的，设置第二个数值 */
from {
    background-position: -100px;
}
to {
    background-position: 100px;
}
}
@keyframes animate-data-v-b4b052de {
from {
    background-position: -100px;
}
to {
    background-position: 100px;
}
}
.vue-auth-box_ .auth-control_ .range-box .range-slider[data-v-b4b052de] {
      position: absolute;
      height: 100%;
      width: 50px;
      /**background-color: rgba(106, 160, 255, 0.8);*/
      border-radius: 3px;
}
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn[data-v-b4b052de] {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        right: 0;
        width: 50px;
        height: 100%;
        background-color: #fff;
        border-radius: 3px;
        /** box-shadow: 0 0 4px #ccc;*/
        cursor: pointer;
        -webkit-box-shadow: inset 0px -2px 4px rgba(0, 36, 90, 0.2), inset 0px 2px 4px rgba(194, 219, 255, 0.8);
                box-shadow: inset 0px -2px 4px rgba(0, 36, 90, 0.2), inset 0px 2px 4px rgba(194, 219, 255, 0.8);
        border-radius: 50%;
}
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn > div[data-v-b4b052de] {
          width: 0;
          height: 40%;
          -webkit-transition: all 200ms;
          transition: all 200ms;
          border: solid 1px #6aa0ff;
}
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn > div[data-v-b4b052de]:nth-child(2) {
            margin: 0 4px;
}
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover > div[data-v-b4b052de]:first-child, .vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown > div[data-v-b4b052de]:first-child {
          border: solid 4px transparent;
          height: 0;
          border-right-color: #6aa0ff;
}
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover > div[data-v-b4b052de]:nth-child(2), .vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown > div[data-v-b4b052de]:nth-child(2) {
          border-width: 3px;
          height: 0;
          border-radius: 3px;
          margin: 0 6px;
          border-right-color: #6aa0ff;
}
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover > div[data-v-b4b052de]:nth-child(3), .vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown > div[data-v-b4b052de]:nth-child(3) {
          border: solid 4px transparent;
          height: 0;
          border-left-color: #6aa0ff;
}
.vue-puzzle-overflow[data-v-b4b052de] {
  overflow: hidden !important;
}

/* 移动端适配样式 */
@media screen and (max-width: 768px) {
.vue-auth-box_[data-v-b4b052de] {
    padding: 15px !important;
    margin: 0 15px !important;
    max-width: calc(100vw - 30px) !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}
.auth-body_[data-v-b4b052de] {
    max-width: 100% !important;
}
.range-text[data-v-b4b052de] {
    font-size: 12px !important;
    padding: 0 10px !important;
}
}
@media screen and (max-width: 480px) {
.vue-auth-box_[data-v-b4b052de] {
    padding: 10px !important;
    margin: 0 10px !important;
    max-width: calc(100vw - 20px) !important;
}
.range-text[data-v-b4b052de] {
    font-size: 11px !important;
    padding: 0 5px !important;
}
}

[data-v-27fd9475] .el-table__header-wrapper .el-checkbox {
  display: none;
}
.filter-container-content[data-v-27fd9475] .el-input__inner {
  width: 110%;
}
[data-v-27fd9475] .drag-dialog .drag-head {
  padding: 10px;
}

@supports (-webkit-mask: none) and (not (cater-color: #fff)) {
.login-container-box .el-input input {
    color: #fff;
}
.login-container-box .el-input input:-webkit-autofill, .login-container-box .el-input input textarea:-webkit-autofill, .login-container-box .el-input input select:-webkit-autofill {
      -webkit-text-fill-color: #333 !important;
      -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
      background-color: transparent;
      background-image: none;
      -webkit-transition: background-color 50000s ease-in-out 0s;
      transition: background-color 50000s ease-in-out 0s;
}
}

/* reset element-ui css */
.login-container-box .login-container-left {
  width: 312px;
  height: 416px;
}
.login-container-box .el-input {
  display: inline-block;
  height: 40px;
  width: 284px;
}
.login-container-box .el-input input {
    padding: 12px 5px 12px 15px;
    color: #333;
    height: 40px;
    line-height: 0;
}
.login-container-box .el-input input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.6) inset !important;
              box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.6) inset !important;
      -webkit-text-fill-color: #272E3B !important;
}
.login-container-box .el-form-item {
  background: transparent;
  color: #333;
}
.login-container-box .el-form-item .el-form-item__error {
    text-align: right;
    right: 0;
}

[data-v-de038bd6] .el-icon-close {
  font-size: 24px;
}
.login-container-box[data-v-de038bd6] {
  width: 680px;
  height: 416px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login-container-box .login-form[data-v-de038bd6] {
    width: 368px;
    max-width: 100%;
    padding: 28px 0px 0 35px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}
.login-container-box .login-form[data-v-de038bd6] .el-input__inner {
      background-color: rgba(255, 255, 255, 0.6) !important;
      border: 1px solid #E5E6EB;
}
.login-container-box .login-form[data-v-de038bd6] input::-webkit-input-placeholder {
      color: #272E3B;
      font-size: 15px;
}
.login-container-box .code[data-v-de038bd6] {
    right: 0px;
    top: 70%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    padding: 0px 8px;
    width: 100px;
    position: absolute;
    cursor: pointer;
}
.login-container-box .svg-container[data-v-de038bd6] {
    color: #272E3B;
    font-size: 14px;
    font-weight: 400;
}
.login-container-box .title-container[data-v-de038bd6] {
    position: relative;
}
.login-container-box .title-container .title[data-v-de038bd6] {
      font-size: 18px;
      color: #333;
      margin: 20px auto 40px auto;
      text-align: center;
      font-weight: bold;
}
.login-container-box .title-container .set-language[data-v-de038bd6] {
      color: #fff;
      position: absolute;
      top: 3px;
      font-size: 18px;
      right: 0px;
      cursor: pointer;
}
.login-container-box .strengthTip[data-v-de038bd6] {
    position: absolute;
    right: 34px;
    top: 35px;
    font-size: 12px;
}
.login-container-box .show-pwd[data-v-de038bd6] {
    position: absolute;
    right: 36px;
    top: 35px;
    font-size: 16px;
    color: #889aa4;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.login-container-box .thirdparty-button[data-v-de038bd6] {
    position: absolute;
    right: 0;
    bottom: 6px;
}
.login-container-box .submitBtn[data-v-de038bd6] {
    height: 44px;
    font-size: 14px;
}
.login-container-box .header[data-v-de038bd6] {
    position: absolute;
    position: absolute;
    top: 120px;
    left: 0;
    width: 700px;
    height: 54px;
    z-index: 10;
}
.login-container-box .header .container[data-v-de038bd6] {
      width: 90%;
      margin-left: 100px;
      overflow: hidden;
}
.login-container-box .header .container .logo[data-v-de038bd6] {
        float: left;
        padding: 7px 0;
}
.login-container-box .header .container .logo img[data-v-de038bd6] {
          height: 36px;
}
.login-container-box .header .container .logo-title[data-v-de038bd6] {
        position: absolute;
        top: 50px;
        font-size: 32px;
        line-height: 50px;
        color: white;
        padding-left: 10px;
}
.login-container-box .header .container .nav[data-v-de038bd6] {
        float: left;
        margin-left: 50px;
}
.login-container-box .header .container .nav ul[data-v-de038bd6] {
          list-style: none;
          padding: 0;
          margin: 0;
}
.login-container-box .header .container .nav ul li[data-v-de038bd6] {
            margin: 0;
            padding: 0;
            list-style: none;
            display: inline-block;
            line-height: 54px;
            padding: 0 16px;
}
.login-container-box .header .container .nav ul li a[data-v-de038bd6] {
              font-size: 14px;
              display: inline-block;
              position: relative;
              color: #333;
}
.login-container-box .header .container .nav ul li.active a[data-v-de038bd6] {
              color: #4270e0;
}
.login-container-box .header .container .nav ul li.active a[data-v-de038bd6]::after {
              content: '';
              position: absolute;
              width: 100%;
              height: 2px;
              background: #4270e0;
              bottom: 15px;
              left: 50%;
              -webkit-transform: translateX(-50%);
                      transform: translateX(-50%);
}
.login-container-box .header .container .nav ul li:hover a[data-v-de038bd6] {
              color: #4270e0;
}
.login-container-box .header .container .search[data-v-de038bd6] {
        float: right;
        overflow: hidden;
        padding: 12px 0;
        margin-right: 8%;
}
.login-container-box .header .container .search .search-panel input[data-v-de038bd6] {
          width: 160px;
          height: 30px;
          border: 2px solid #4270e0;
          font-size: 12px;
          padding: 0 12px;
          float: left;
}
.login-container-box .header .container .search .search-panel input[data-v-de038bd6]:focus {
            outline: 0;
}
.login-container-box .header .container .search .search-panel span[data-v-de038bd6] {
          width: 50px;
          height: 30px;
          color: #fff;
          font-size: 12px;
          text-align: center;
          background: #4270e0;
          line-height: 30px;
          float: left;
}
.login-container-box .header .container .login[data-v-de038bd6] {
        float: right;
        font-size: 14px;
        color: #333;
        height: 54px;
        line-height: 54px;
}
.login-container-box .header .container .login img[data-v-de038bd6] {
          width: 230px;
          margin: 6px 0;
}
.login-container-box .header .container .login a[data-v-de038bd6] {
          display: inline-block;
          padding: 0 8px;
}
.login-container-box .header .container .login a[data-v-de038bd6]:hover {
            color: #4270e0;
}
.login-bottom-text[data-v-de038bd6] {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-v-de038bd6] .el-checkbox {
  color: #272E3B;
  font-size: 14px;
}
[data-v-de038bd6] .el-dialog__wrapper {
  background: rgba(255, 255, 255, 0.6);
}
[data-v-de038bd6] .el-dialog__header {
  padding: 0;
}
[data-v-de038bd6] .el-dialog__body {
  padding: 0 !important;
}
[data-v-de038bd6] .el-input__inner::-webkit-input-placeholder {
  font-size: 10px !important;
}
[data-v-de038bd6] .el-input__inner::-moz-placeholder {
  font-size: 10px !important;
}
[data-v-de038bd6] .el-input__inner:-ms-input-placeholder {
  font-size: 10px !important;
}
[data-v-de038bd6] .el-input__inner::-ms-input-placeholder {
  font-size: 10px !important;
}
[data-v-de038bd6] .el-input__inner::placeholder {
  font-size: 10px !important;
}

/* Styles for mobile devices */
@media (max-width: 768px) {
[data-v-de038bd6] .el-dialog {
    width: 90% !important;
    /* Make dialog width responsive */
    margin-top: 10vh !important;
    /* Adjust top margin if needed */
}
.login-container-box[data-v-de038bd6] {
    width: 100% !important;
    /* Make inner container full width of dialog */
    height: auto !important;
    /* Adjust height automatically */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* Stack elements vertically if needed (optional) */
}
.login-container-left[data-v-de038bd6] {
    display: none;
    /* Hide the left image on mobile */
}
.login-form[data-v-de038bd6] {
    width: 100% !important;
    /* Make form full width */
    max-width: none;
    padding: 20px 15px !important;
    /* Adjust padding for smaller screens */
    -webkit-box-shadow: none;
            box-shadow: none;
    /* Remove shadow if desired */
    background: none;
    /* Remove background if desired */
}
.login-bottom-text[data-v-de038bd6] {
    width: 100%;
    /* Ensure bottom buttons fit */
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* Allow buttons to wrap */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
  /* Adjust input/button widths if necessary */
.el-form-item .el-input[data-v-de038bd6],
  .el-form-item .submitBtn[data-v-de038bd6] {
    width: 100% !important;
}
.show-pwd[data-v-de038bd6] {
    right: 10px;
    /* Adjust eye icon position */
}
}

@charset "UTF-8";
.active[data-v-9ee554be] {
  background: #A9AEB8;
  color: #fff !important;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  /* 添加过渡效果 */
}
@supports (-webkit-mask: none) and (not (cater-color: #fff)) {
.password-container-forget .el-input input[data-v-9ee554be] {
    color: #fff;
}
.password-container-forget .el-input input[data-v-9ee554be]:-webkit-autofill, .password-container-forget .el-input input textarea[data-v-9ee554be]:-webkit-autofill, .password-container-forget .el-input input select[data-v-9ee554be]:-webkit-autofill {
      -webkit-text-fill-color: #333 !important;
      -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
      background-color: transparent;
      background-image: none;
      -webkit-transition: background-color 50000s ease-in-out 0s;
      transition: background-color 50000s ease-in-out 0s;
}
}

/* reset element-ui css */
.password-container-forget .forget-text[data-v-9ee554be] {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #E5E6EB;
  padding-left: 32px;
  font-weight: 500;
  font-size: 16px;
  color: #272E3B;
}
.password-container-forget .login-container-left[data-v-9ee554be] {
  width: 312px;
  height: 416px;
}
.password-container-forget .el-input[data-v-9ee554be] {
  display: inline-block;
  height: 40px;
  width: 284px;
}
.password-container-forget .el-input input[data-v-9ee554be] {
    padding: 12px 5px 12px 15px;
    color: #333;
    height: 40px;
    line-height: 0;
}
.password-container-forget .el-input input[data-v-9ee554be]:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.6) inset !important;
              box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.6) inset !important;
      -webkit-text-fill-color: #272E3B !important;
}
.password-container-forget .el-form-item[data-v-9ee554be] {
  background: transparent;
  color: #333;
}
.password-container-forget .el-form-item .el-form-item__error[data-v-9ee554be] {
    text-align: right;
    right: 0;
}

.forget-form[data-v-9ee554be] {
  padding: 0 24px;
}
.forget-form .password-box[data-v-9ee554be], .forget-form .password-box-box[data-v-9ee554be], .forget-form .password-box-dash[data-v-9ee554be] {
    width: 120px;
    height: 40px;
    border: 1px solid #E5E6EB;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 16px;
}
.forget-form .password-box-box[data-v-9ee554be] {
    border: none;
}
.forget-form .password-box-dash[data-v-9ee554be] {
    border: 1px dashed #E5E6EB;
}
.forget-form .password-box-item[data-v-9ee554be] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #A9AEB8;
    border-right: 1px solid #E5E6EB;
}
.forget-form .password-box-text[data-v-9ee554be] {
    font-size: 14px;
    color: #272E3B;
}
.sure-button[data-v-9ee554be] {
  border-top: 1px solid #E5E6EB;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 24px;
}
[data-v-9ee554be] .el-dialog__wrapper {
  background: rgba(255, 255, 255, 0.6);
}
[data-v-9ee554be] .el-dialog__header {
  padding: 0;
}
[data-v-9ee554be] .el-dialog__body {
  padding: 0;
}
[data-v-9ee554be] .el-input__inner::-webkit-input-placeholder {
  font-size: 10px !important;
}
[data-v-9ee554be] .el-input__inner::-moz-placeholder {
  font-size: 10px !important;
}
[data-v-9ee554be] .el-input__inner:-ms-input-placeholder {
  font-size: 10px !important;
}
[data-v-9ee554be] .el-input__inner::-ms-input-placeholder {
  font-size: 10px !important;
}
[data-v-9ee554be] .el-input__inner::placeholder {
  font-size: 10px !important;
}
[data-v-9ee554be] .el-form-item__label {
  font-size: 14px;
  color: #FF5967;
  padding: 0px;
}
[data-v-9ee554be] .el-input__inner {
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E5E6EB;
}

@supports (-webkit-mask: none) and (not (cater-color: #fff)) {
.login-container .el-input input {
    color: #fff;
}
.login-container .el-input input:-webkit-autofill, .login-container .el-input input textarea:-webkit-autofill, .login-container .el-input input select:-webkit-autofill {
      -webkit-text-fill-color: #333 !important;
      -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
      background-color: transparent;
      background-image: none;
      -webkit-transition: background-color 50000s ease-in-out 0s;
      transition: background-color 50000s ease-in-out 0s;
}
}

/* reset element-ui css */
.login-container {
  background-size: cover;
  background-repeat: no-repeat;
}
.login-container .el-input {
    display: inline-block;
    height: 40px;
    width: 284px;
}
.login-container .el-input input {
      padding: 12px 5px 12px 15px;
      color: #333;
      height: 40px;
      line-height: 0;
}
.login-container .el-input input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.6) inset !important;
                box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.6) inset !important;
        -webkit-text-fill-color: #272E3B !important;
}
.login-container .el-form-item {
    background: transparent;
    color: #333;
}
.login-container .el-form-item .el-form-item__error {
      text-align: right;
      right: 0;
}

@charset "UTF-8";
.login-container[data-v-0b471a12] {
  height: 686px;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  /* Hover styles */
}
.login-container .login-form[data-v-0b471a12] {
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 394px;
    max-width: 100%;
    padding: 60px 40px 0 40px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}
.login-container .login-form[data-v-0b471a12] .el-input__inner {
      background-color: rgba(255, 255, 255, 0.6) !important;
      border: 1px solid #A9AEB8;
}
.login-container .login-form[data-v-0b471a12] input::-webkit-input-placeholder {
      color: #272E3B;
      font-size: 15px;
}
.login-container .code[data-v-0b471a12] {
    right: 0px;
    top: 70%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    padding: 0px 8px;
    width: 100px;
    position: absolute;
    cursor: pointer;
}
.login-container .svg-container[data-v-0b471a12] {
    padding: 0px 2px 0px 0px;
    color: #272E4A;
    vertical-align: middle;
    width: 52px;
    text-align: justify;
    -moz-text-align-last: justify;
         text-align-last: justify;
    font-size: 16px;
    font-weight: 500;
}
.login-container .title-container[data-v-0b471a12] {
    position: relative;
}
.login-container .title-container .title[data-v-0b471a12] {
      font-size: 18px;
      color: #333;
      margin: 20px auto 40px auto;
      text-align: center;
      font-weight: bold;
}
.login-container .title-container .set-language[data-v-0b471a12] {
      color: #fff;
      position: absolute;
      top: 3px;
      font-size: 18px;
      right: 0px;
      cursor: pointer;
}
.login-container .strengthTip[data-v-0b471a12] {
    position: absolute;
    right: 34px;
    top: 35px;
    font-size: 12px;
}
.login-container .show-pwd[data-v-0b471a12] {
    position: absolute;
    right: 10px;
    top: 35px;
    font-size: 16px;
    color: #889aa4;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.login-container .thirdparty-button[data-v-0b471a12] {
    position: absolute;
    right: 0;
    bottom: 6px;
}
.login-container .submitBtn[data-v-0b471a12] {
    height: 44px;
    font-size: 14px;
}
.login-container .header[data-v-0b471a12] {
    position: absolute;
    position: absolute;
    top: 120px;
    left: 0;
    width: 700px;
    height: 54px;
    z-index: 10;
}
.login-container .header .container[data-v-0b471a12] {
      width: 90%;
      margin-left: 100px;
      overflow: hidden;
}
.login-container .header .container .logo[data-v-0b471a12] {
        float: left;
        padding: 7px 0;
}
.login-container .header .container .logo img[data-v-0b471a12] {
          height: 36px;
}
.login-container .header .container .logo-title[data-v-0b471a12] {
        position: absolute;
        top: 50px;
        font-size: 32px;
        line-height: 50px;
        color: white;
        padding-left: 10px;
}
.login-container .header .container .nav[data-v-0b471a12] {
        float: left;
        margin-left: 50px;
}
.login-container .header .container .nav ul[data-v-0b471a12] {
          list-style: none;
          padding: 0;
          margin: 0;
}
.login-container .header .container .nav ul li[data-v-0b471a12] {
            margin: 0;
            padding: 0;
            list-style: none;
            display: inline-block;
            line-height: 54px;
            padding: 0 16px;
}
.login-container .header .container .nav ul li a[data-v-0b471a12] {
              font-size: 14px;
              display: inline-block;
              position: relative;
              color: #333;
}
.login-container .header .container .nav ul li.active a[data-v-0b471a12] {
              color: #4270e0;
}
.login-container .header .container .nav ul li.active a[data-v-0b471a12]::after {
              content: '';
              position: absolute;
              width: 100%;
              height: 2px;
              background: #4270e0;
              bottom: 15px;
              left: 50%;
              -webkit-transform: translateX(-50%);
                      transform: translateX(-50%);
}
.login-container .header .container .nav ul li:hover a[data-v-0b471a12] {
              color: #4270e0;
}
.login-container .header .container .search[data-v-0b471a12] {
        float: right;
        overflow: hidden;
        padding: 12px 0;
        margin-right: 8%;
}
.login-container .header .container .search .search-panel input[data-v-0b471a12] {
          width: 160px;
          height: 30px;
          border: 2px solid #4270e0;
          font-size: 12px;
          padding: 0 12px;
          float: left;
}
.login-container .header .container .search .search-panel input[data-v-0b471a12]:focus {
            outline: 0;
}
.login-container .header .container .search .search-panel span[data-v-0b471a12] {
          width: 50px;
          height: 30px;
          color: #fff;
          font-size: 12px;
          text-align: center;
          background: #4270e0;
          line-height: 30px;
          float: left;
}
.login-container .header .container .login[data-v-0b471a12] {
        float: right;
        font-size: 14px;
        color: #333;
        height: 54px;
        line-height: 54px;
}
.login-container .header .container .login img[data-v-0b471a12] {
          width: 230px;
          margin: 6px 0;
}
.login-container .header .container .login a[data-v-0b471a12] {
          display: inline-block;
          padding: 0 8px;
}
.login-container .header .container .login a[data-v-0b471a12]:hover {
            color: #4270e0;
}
.login-container .footer[data-v-0b471a12] {
    padding-right: 30px;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(255, 255, 255, 0.6);
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    color: #272E4A;
    z-index: 10;
}
.login-container .header-nav[data-v-0b471a12] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 64px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 109, 163, 0.6)), to(rgba(0, 109, 163, 0)));
    background: linear-gradient(to bottom, rgba(0, 109, 163, 0.6) 0%, rgba(0, 109, 163, 0) 100%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* 添加过渡效果 */
}
.login-container .header-nav .logo[data-v-0b471a12] {
      margin: 0 24px;
      width: 160px;
      height: 48px;
      background-image: url(data:image/png;base64,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);
      -webkit-transition: all 1s ease;
      transition: all 1s ease;
      /* 添加过渡效果 */
}
.login-container .header-nav .container-box[data-v-0b471a12] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition: all 1s ease;
      transition: all 1s ease;
      /* 添加过渡效果 */
}
.login-container .header-nav .container-box .container-box-item[data-v-0b471a12] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 20px;
}
.login-container .header-nav .container-box .container-box-text[data-v-0b471a12] {
        font-family: MiSans, MiSans;
        font-size: 20px;
        color: #FFFFFF;
        font-style: normal;
        text-transform: none;
}
.login-container .header-nav .container-box .el-icon-caret-bottom[data-v-0b471a12] {
        color: #fff;
        font-size: 18px;
        margin-top: 2px;
}
.login-container .header-nav .header-nav-right[data-v-0b471a12] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 14px;
      color: #FFFFFF;
      position: absolute;
      right: 24px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      white-space: nowrap;
      /* 防止文字换行 */
}
.login-container .header-nav .header-nav-right img[data-v-0b471a12] {
        width: 18px;
}
.login-container .header-nav .header-nav-right .header-nav-right-border[data-v-0b471a12] {
        width: 1px;
        height: 20px;
        background: #E5E6EB;
        margin: 0 10px;
}
.login-container .header-nav .header-nav-right .el-avatar--icon[data-v-0b471a12] {
        font-size: 16px;
}
.login-container .header-nav .header-nav-right .el-avatar[data-v-0b471a12] {
        color: #C0C4CC;
        background: #FFFFFF;
        width: 24px;
        height: 24px;
        line-height: 24px;
}
.login-container .sticky[data-v-0b471a12] {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
}
.login-container .sticky[data-v-0b471a12], .login-container .header-nav[data-v-0b471a12]:hover {
    background: #FFF;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    /* 添加过渡效果 */
    -webkit-box-shadow: 2px 0px 0px 0px rgba(17, 20, 26, 0.102), 0px 2px 6px 0px rgba(29, 33, 41, 0.1);
            box-shadow: 2px 0px 0px 0px rgba(17, 20, 26, 0.102), 0px 2px 6px 0px rgba(29, 33, 41, 0.1);
}
.login-container .sticky .logo[data-v-0b471a12] {
    background-image: url(static/img/ic_logo_lanse.png);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    /* 添加过渡效果 */
}
.login-container .header-nav:hover .logo[data-v-0b471a12] {
    background-image: url(static/img/ic_logo_lanse.png);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    /* 添加过渡效果 */
}
.login-container .header-nav:hover .container-box-item[data-v-0b471a12],
  .login-container .header-nav:hover .container-box-text[data-v-0b471a12],
  .login-container .header-nav:hover .el-icon-caret-bottom[data-v-0b471a12] {
    color: #272E3B;
    /* Change color on hover */
}
.login-container .header-nav:hover .header-nav-right[data-v-0b471a12] {
    color: #272E3B;
    /* Change color on hover */
}
.login-container .header-nav-right .header-nav-right-border[data-v-0b471a12] {
    background: #272E3B;
    /* Change border color on hover */
}
.login-container .header-nav:hover .header-nav-right .header-nav-right-border[data-v-0b471a12] {
    background: #272E3B;
    /* Change border color on hover */
}
.login-container .header-nav:hover .header-nav-right .el-avatar[data-v-0b471a12] {
    border-color: #272E3B !important;
    /* Change avatar border color on hover */
}
.login-container .sticky .header-nav-right[data-v-0b471a12] {
    color: #272E3B !important;
}
.login-container .sticky .header-nav-right .header-nav-right-border[data-v-0b471a12] {
    background: #272E3B !important;
}
.login-container .sticky .header-nav-right .el-avatar[data-v-0b471a12] {
    border-color: #272E3B !important;
}
.login-container .sticky .container-box-item[data-v-0b471a12],
  .login-container .sticky .container-box-text[data-v-0b471a12],
  .login-container .sticky .el-icon-caret-bottom[data-v-0b471a12] {
    color: #272E3B !important;
    /* Change color on hover */
}
.container-list-tab[data-v-0b471a12] {
  display: none;
  width: 840px;
  font-weight: 500;
  font-size: 15px;
  color: #272E3B;
  background: #FFF;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: fixed;
  top: 72px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-box-shadow: 0 4px 12px 0 rgba(29, 33, 41, 0.15);
          box-shadow: 0 4px 12px 0 rgba(29, 33, 41, 0.15);
}
.container-list-tab .container-list-item[data-v-0b471a12] {
    width: 280px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #E5E6EB;
    border-right: 1px solid #E5E6EB;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    cursor: pointer;
    position: relative;
}
.container-list-tab .container-list-item[data-v-0b471a12]:hover {
    background: #F2F3F5;
}
.container-list-tab .container-list-item[data-v-0b471a12]:active {
    background: #e8fbff !important;
}
.container-list-tab .is-active[data-v-0b471a12] {
    background: #e8fbff !important;
}
.container-list-tab .el-icon-tickets[data-v-0b471a12] {
    padding-left: 32px;
    color: #A9AEB8;
    font-size: 24px;
    margin-right: 6px;
}
.container-list-tab .el-icon-lock[data-v-0b471a12], .container-list-tab .iconneishenyuanguanli[data-v-0b471a12] {
    color: #A9AEB8;
    font-size: 18px;
}
.container-list-tab .el-icon-lock[data-v-0b471a12] {
    font-size: 20px !important;
    color: #A9AEB8;
}
.container-list-tab .icon-position[data-v-0b471a12] {
    position: absolute;
    right: 8px;
    bottom: 8px;
}
.header-footer-box[data-v-0b471a12] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-footer-box .header-footer[data-v-0b471a12] {
    width: 90%;
    margin: auto;
    height: 100%;
}
.header-footer-box-title[data-v-0b471a12] {
  margin-top: 20px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-footer-box-title .header-footer-title[data-v-0b471a12] {
    color: #1899cd;
    font-size: 27px;
}
.header-footer-box-title .header-footer-title-middle[data-v-0b471a12] {
    margin-top: 19px;
    font-size: 17px;
    width: 66%;
    text-align: center;
    line-height: 1.5;
    word-spacing: 2px;
}
.header-footer-box-title .header-footer-title-bottom[data-v-0b471a12] {
    margin-top: 28px;
    font-size: 18px;
    width: 47%;
    text-align: center;
    line-height: 1.5;
    word-spacing: 2px;
}
.bottom-footer[data-v-0b471a12] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 280px;
  background: #004173;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottom-footer .bottom-footer-left[data-v-0b471a12] {
    margin: 64px 0 0 220px;
}
.bottom-footer .bottom-footer-top[data-v-0b471a12] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
}
.bottom-footer .bottom-footer-bottom[data-v-0b471a12] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    position: relative;
}
.bottom-footer .linkClass[data-v-0b471a12] {
    opacity: 0.7;
}
.bottom-footer .linkClass[data-v-0b471a12]:hover {
    text-decoration: underline;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.bottom-footer .bottom-code[data-v-0b471a12] {
    margin: 40px 0 0 288px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bottom-footer .bottom-code .bottom-code-box[data-v-0b471a12] {
      margin-right: 40px;
      text-align: center;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
}
.bottom-footer .bottom-code img[data-v-0b471a12] {
      width: 128px;
      height: 128px;
}
.bottom-footer .bottom-text-box[data-v-0b471a12] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.bottom-footer .bottom-text-box .bottom-left-text[data-v-0b471a12] {
      margin: 0 50px;
      width: 1px;
      height: 14px;
      background: rgba(255, 255, 255, 0.4);
      /* Additional styling here */
}
.container-card[data-v-0b471a12] {
  position: absolute;
  top: 206px;
  right: 106px;
  border-radius: 8px;
  background: #fff;
}
.container-card .border-card[data-v-0b471a12] {
    padding: 10px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 400;
    font-size: 14px;
    color: #272E3B;
    border-bottom: 1px solid #E5E6EB;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    /* 添加过渡效果 */
}
.container-card .border-card[data-v-0b471a12]:nth-child(1) {
    border-radius: 8px 0px 0px 0px;
}
.container-card .border-card[data-v-0b471a12]:nth-child(3) {
    border-radius: 0px 8px 0px 0px;
}
.container-card .border-card[data-v-0b471a12]:nth-child(2) {
    border-right: 1px solid #E5E6EB;
    border-left: 1px solid #E5E6EB;
}
.container-card .active[data-v-0b471a12] {
    background: #0099e5;
    color: #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    /* 添加过渡效果 */
}
.container-card .vesselSearch[data-v-0b471a12] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #E5E6EB;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #6B7785;
    padding-left: 16px;
}
.container-card .vesselSearch[data-v-0b471a12] .el-icon-search:before {
      display: none;
}
.container-card .vesselSearch .vesselSearch-border-border[data-v-0b471a12] {
      width: 2px;
      height: 16px;
      background-color: #A9AEB8;
      margin-left: 10px;
      -webkit-transform: scaleX(0.6);
              transform: scaleX(0.6);
}
.container-card .vesselSearch .vesselSearch-border[data-v-0b471a12] {
      position: relative;
}
.container-card .vesselSearch .vesselSearch-border-vessel[data-v-0b471a12], .container-card .vesselSearch .vesselSearch-border-last[data-v-0b471a12] {
      position: relative;
}
.container-card .vesselSearch[data-v-0b471a12] .el-input__inner {
      border: none;
}
.container-card .vesselSearch[data-v-0b471a12] .el-input {
      width: 260px;
}
.container-card .vesselSearch-border-select[data-v-0b471a12] {
    width: 1px;
    height: 16px;
    background-color: #A9AEB8;
    margin-left: 10px;
    margin-top: 12px;
}
.container-card .vessel-box[data-v-0b471a12] .el-input {
    width: 200px;
}
.container-card .vessel-box-last[data-v-0b471a12] .el-input {
    width: 250px;
}
.container-box-item:hover .container-box-text[data-v-0b471a12],
.container-box-item:hover .el-icon-caret-bottom[data-v-0b471a12] {
  color: #0099E5 !important;
  cursor: pointer;
  font-size: 20px !important;
  font-weight: 500 !important;
}
.activeTop[data-v-0b471a12] {
  margin: 0px 8px !important;
}
[data-v-0b471a12] .el-select {
  width: auto !important;
}
.select-box[data-v-0b471a12] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E5E6EB;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #6B7785;
}
.select-box[data-v-0b471a12] .el-select {
    width: 85px !important;
}
.select-box[data-v-0b471a12] .el-col-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.select-box[data-v-0b471a12] .el-select > .el-input {
    width: 100%;
}
.select-box[data-v-0b471a12] .el-popper {
    min-width: 30%;
}
.select-box[data-v-0b471a12] .el-input__suffix {
    top: 7px;
}
.select-box[data-v-0b471a12] .el-input .el-input__inner {
    border: none;
    font-weight: 400;
    font-size: 14px;
    color: #6B7785;
}
.ourTitle[data-v-0b471a12] {
  font-size: 26px;
  color: #272E3B;
  font-weight: 600;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ourTitle .ourTitle-box[data-v-0b471a12] {
    margin: 30px auto;
}
.class_uaername[data-v-0b471a12] {
  width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.myCode[data-v-0b471a12] .el-dialog {
  border-radius: 5px;
  background-color: #eeeeee;
  max-height: 100vh;
  /* 你可以根据需要设置合适的高度 */
}
.myCode[data-v-0b471a12] .el-dialog .el-dialog__header {
    font-size: 18px;
    padding: 10px 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(skyblue), to(#158ed7));
    background: linear-gradient(to bottom, skyblue, #158ed7);
    border-radius: 5px;
    margin: 5px;
}
.myCode[data-v-0b471a12] .el-dialog .el-dialog__header .el-dialog__title {
      font-weight: 700;
}
.myCode[data-v-0b471a12] .el-dialog .el-dialog__body {
    max-height: 90vh;
    /* 你可以根据需要设置合适的高度 */
    overflow-y: auto;
    /* 垂直方向超出时显示滚动条 */
}
.myCode[data-v-0b471a12] .el-dialog__headerbtn .el-dialog__close {
  font-size: 20px;
  position: absolute;
  right: -6px;
  top: -4px;
}
.myCode .codeImage[data-v-0b471a12] {
  width: 150px;
  height: 150px;
  border: 3px solid;
  -o-border-image: linear-gradient(to right, red, yellow) 1;
     border-image: -webkit-gradient(linear, left top, right top, from(red), to(yellow)) 1;
     border-image: linear-gradient(to right, red, yellow) 1;
}

/* 移动端响应式样式 - 解决导航条和登录区域重叠问题 */
/* 默认情况下隐藏移动端菜单按钮和导航菜单 */
.mobile-menu-toggle[data-v-0b471a12] {
  display: none;
}
.mobile-nav-menu[data-v-0b471a12] {
  display: none;
}

/* 移动端横向滚动解决方案 - 强制保持PC端完整布局 */
@media screen and (max-width: 768px) {
  /* 全局设置：强制页面保持PC端宽度，禁用缩放 */
html[data-v-0b471a12] {
    width: 100% !important;
    overflow-x: auto !important;
}
body[data-v-0b471a12] {
    width: 1400px !important;
    /* 设置固定宽度，确保足够宽 */
    min-width: 1400px !important;
    overflow-x: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
  /* 设置固定宽度，完全保持PC端布局 */
.login-container[data-v-0b471a12] {
    width: 1400px !important;
    /* 设置固定宽度 */
    min-width: 1400px !important;
    max-width: none !important;
    overflow-x: visible !important;
}
  /* 移动端导航条特殊布局 - 增加高度避免重叠 */
.header-nav[data-v-0b471a12] {
    width: 1400px !important;
    /* 设置固定宽度 */
    min-width: 1400px !important;
    max-width: none !important;
    height: auto !important;
    /* 允许高度自适应 */
    min-height: 80px !important;
    /* 增加最小高度 */
    padding: 12px 24px !important;
    /* 增加内边距 */
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    /* 允许换行 */
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    /* 顶部对齐 */
    /* logo样式调整 */
    /* 导航菜单样式调整 */
    /* 右侧登录区域 - 允许换行显示 */
}
.header-nav .logo[data-v-0b471a12] {
      margin: 8px 24px 8px 0 !important;
      -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
      -webkit-box-ordinal-group: 2 !important;
          -ms-flex-order: 1 !important;
              order: 1 !important;
      /* 确保logo在第一位 */
}
.header-nav .container-box[data-v-0b471a12] {
      -webkit-box-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important;
      margin: 8px 20px 8px 0 !important;
      -webkit-box-ordinal-group: 3 !important;
          -ms-flex-order: 2 !important;
              order: 2 !important;
      /* 导航菜单在第二位 */
}
.header-nav .header-nav-right[data-v-0b471a12] {
      position: relative !important;
      /* 改为相对定位 */
      right: auto !important;
      width: 100% !important;
      /* 占满一行 */
      margin: 8px 0 !important;
      padding: 0 !important;
      -webkit-box-ordinal-group: 4 !important;
          -ms-flex-order: 3 !important;
              order: 3 !important;
      /* 登录区域在第三位，单独一行 */
      -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
      white-space: nowrap !important;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: end !important;
          -ms-flex-pack: end !important;
              justify-content: flex-end !important;
      /* 右对齐 */
      -webkit-box-align: center !important;
          -ms-flex-align: center !important;
              align-items: center !important;
}
  /* sticky状态下的调整 */
.sticky[data-v-0b471a12] {
    min-height: 80px !important;
}
  /* 下拉菜单位置调整 */
.container-list-tab[data-v-0b471a12] {
    top: 80px !important;
    /* 适配新的导航条高度 */
}
  /* 搜索卡片位置调整 */
.container-card[data-v-0b471a12] {
    top: 250px !important;
    /* 适配新的导航条高度 */
}
  /* 确保底部footer也保持完整宽度 */
.bottom-footer[data-v-0b471a12] {
    width: 1400px !important;
    min-width: 1400px !important;
}
  /* 确保其他主要容器保持完整宽度 */
.header-footer-box[data-v-0b471a12] {
    width: 1400px !important;
    min-width: 1400px !important;
}
.header-footer-box-title[data-v-0b471a12] {
    width: 1400px !important;
    min-width: 1400px !important;
}
.ourTitle[data-v-0b471a12] {
    width: 1400px !important;
    min-width: 1400px !important;
}
  /* 确保banner图片不被压缩 */
.header-footer[data-v-0b471a12] {
    width: 90% !important;
    min-width: 1260px !important;
    /* 90% of 1400px */
}
}

/* 超小屏幕设备使用相同策略 */
@media screen and (max-width: 480px) {
html[data-v-0b471a12] {
    width: 100% !important;
    overflow-x: auto !important;
}
body[data-v-0b471a12] {
    width: 1400px !important;
    min-width: 1400px !important;
    overflow-x: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
.login-container[data-v-0b471a12] {
    width: 1400px !important;
    min-width: 1400px !important;
    max-width: none !important;
    overflow-x: visible !important;
}
.header-nav[data-v-0b471a12] {
    width: 1400px !important;
    min-width: 1400px !important;
    max-width: none !important;
}
  /* 确保所有主要容器保持完整宽度 */
.bottom-footer[data-v-0b471a12],
  .header-footer-box[data-v-0b471a12],
  .header-footer-box-title[data-v-0b471a12],
  .ourTitle[data-v-0b471a12] {
    width: 1400px !important;
    min-width: 1400px !important;
}
.header-footer[data-v-0b471a12] {
    min-width: 1260px !important;
}
}

.descriTion[data-v-3077c2d6] .el-dialog__body {
  max-height: 80vh;
  padding: 20px !important;
  overflow: auto;
}
body[data-v-3077c2d6] {
  background: #F7F8FA;
}
.register-box[data-v-3077c2d6] {
  width: 90%;
  height: 400px;
  background: #fff;
  margin: 16px auto;
}
.register-top[data-v-3077c2d6] {
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e8e8e8;
  border-top: 4px solid #e8e8e8;
  font-weight: 400;
  font-size: 14px;
  color: #272E3B;
  padding-left: 56px;
  background: #fff;
}
.register-box-text[data-v-3077c2d6] {
  padding: 20px 0 24px 24px;
  font-size: 16px;
  font-weight: 500;
  color: #272E3B;
}
[data-v-3077c2d6] .el-form-item__label {
  font-size: 14px;
  color: #FF5967;
  line-height: 40px;
}
[data-v-3077c2d6] .el-input__inner {
  height: 40px;
  line-height: 40px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E5E6EB;
  width: 91%;
}
[data-v-3077c2d6] .el-checkbox__label {
  font-weight: 500;
  font-size: 16px;
  color: #272E3B !important;
}
.register-radio-box[data-v-3077c2d6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.register-radio-box[data-v-3077c2d6] :hover {
  color: #0099E5;
}
.register-buttom[data-v-3077c2d6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 288px;
  height: 48px;
  background: #0099E5;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px 4px 4px 4px;
  margin: 24px auto 0;
}
[data-v-3077c2d6] .el-icon-view {
  position: absolute;
  right: 145px;
  top: 8px;
  font-size: 20px;
}
[data-v-3077c2d6] .el-icon-close-eye {
  position: absolute;
  right: 145px;
  top: 8px;
  font-size: 20px;
}

.wscn-http404-container[data-v-6c6a4a57] {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.wscn-http404[data-v-6c6a4a57] {
  position: relative;
  width: 1200px;
  padding: 0 50px;
  overflow: hidden;
}
.wscn-http404 .pic-404[data-v-6c6a4a57] {
    position: relative;
    float: left;
    width: 600px;
    overflow: hidden;
}
.wscn-http404 .pic-404__parent[data-v-6c6a4a57] {
      width: 100%;
}
.wscn-http404 .pic-404__child[data-v-6c6a4a57] {
      position: absolute;
}
.wscn-http404 .pic-404__child.left[data-v-6c6a4a57] {
        width: 80px;
        top: 17px;
        left: 220px;
        opacity: 0;
        -webkit-animation-name: cloudLeft-data-v-6c6a4a57;
                animation-name: cloudLeft-data-v-6c6a4a57;
        -webkit-animation-duration: 2s;
                animation-duration: 2s;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-delay: 1s;
                animation-delay: 1s;
}
.wscn-http404 .pic-404__child.mid[data-v-6c6a4a57] {
        width: 46px;
        top: 10px;
        left: 420px;
        opacity: 0;
        -webkit-animation-name: cloudMid-data-v-6c6a4a57;
                animation-name: cloudMid-data-v-6c6a4a57;
        -webkit-animation-duration: 2s;
                animation-duration: 2s;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-delay: 1.2s;
                animation-delay: 1.2s;
}
.wscn-http404 .pic-404__child.right[data-v-6c6a4a57] {
        width: 62px;
        top: 100px;
        left: 500px;
        opacity: 0;
        -webkit-animation-name: cloudRight-data-v-6c6a4a57;
                animation-name: cloudRight-data-v-6c6a4a57;
        -webkit-animation-duration: 2s;
                animation-duration: 2s;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-delay: 1s;
                animation-delay: 1s;
}
@-webkit-keyframes cloudLeft-data-v-6c6a4a57 {
0% {
    top: 17px;
    left: 220px;
    opacity: 0;
}
20% {
    top: 33px;
    left: 188px;
    opacity: 1;
}
80% {
    top: 81px;
    left: 92px;
    opacity: 1;
}
100% {
    top: 97px;
    left: 60px;
    opacity: 0;
}
}
@keyframes cloudLeft-data-v-6c6a4a57 {
0% {
    top: 17px;
    left: 220px;
    opacity: 0;
}
20% {
    top: 33px;
    left: 188px;
    opacity: 1;
}
80% {
    top: 81px;
    left: 92px;
    opacity: 1;
}
100% {
    top: 97px;
    left: 60px;
    opacity: 0;
}
}
@-webkit-keyframes cloudMid-data-v-6c6a4a57 {
0% {
    top: 10px;
    left: 420px;
    opacity: 0;
}
20% {
    top: 40px;
    left: 360px;
    opacity: 1;
}
70% {
    top: 130px;
    left: 180px;
    opacity: 1;
}
100% {
    top: 160px;
    left: 120px;
    opacity: 0;
}
}
@keyframes cloudMid-data-v-6c6a4a57 {
0% {
    top: 10px;
    left: 420px;
    opacity: 0;
}
20% {
    top: 40px;
    left: 360px;
    opacity: 1;
}
70% {
    top: 130px;
    left: 180px;
    opacity: 1;
}
100% {
    top: 160px;
    left: 120px;
    opacity: 0;
}
}
@-webkit-keyframes cloudRight-data-v-6c6a4a57 {
0% {
    top: 100px;
    left: 500px;
    opacity: 0;
}
20% {
    top: 120px;
    left: 460px;
    opacity: 1;
}
80% {
    top: 180px;
    left: 340px;
    opacity: 1;
}
100% {
    top: 200px;
    left: 300px;
    opacity: 0;
}
}
@keyframes cloudRight-data-v-6c6a4a57 {
0% {
    top: 100px;
    left: 500px;
    opacity: 0;
}
20% {
    top: 120px;
    left: 460px;
    opacity: 1;
}
80% {
    top: 180px;
    left: 340px;
    opacity: 1;
}
100% {
    top: 200px;
    left: 300px;
    opacity: 0;
}
}
.wscn-http404 .bullshit[data-v-6c6a4a57] {
    position: relative;
    float: left;
    width: 300px;
    padding: 30px 0;
    overflow: hidden;
}
.wscn-http404 .bullshit__oops[data-v-6c6a4a57] {
      font-size: 32px;
      font-weight: bold;
      line-height: 40px;
      color: #1482f0;
      opacity: 0;
      margin-bottom: 20px;
      -webkit-animation-name: slideUp-data-v-6c6a4a57;
              animation-name: slideUp-data-v-6c6a4a57;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
}
.wscn-http404 .bullshit__headline[data-v-6c6a4a57] {
      font-size: 20px;
      line-height: 24px;
      color: #222;
      font-weight: bold;
      opacity: 0;
      margin-bottom: 10px;
      -webkit-animation-name: slideUp-data-v-6c6a4a57;
              animation-name: slideUp-data-v-6c6a4a57;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      -webkit-animation-delay: 0.1s;
              animation-delay: 0.1s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
}
.wscn-http404 .bullshit__info[data-v-6c6a4a57] {
      font-size: 13px;
      line-height: 21px;
      color: grey;
      opacity: 0;
      margin-bottom: 30px;
      -webkit-animation-name: slideUp-data-v-6c6a4a57;
              animation-name: slideUp-data-v-6c6a4a57;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      -webkit-animation-delay: 0.2s;
              animation-delay: 0.2s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
}
.wscn-http404 .bullshit__return-home[data-v-6c6a4a57] {
      display: block;
      float: left;
      width: 110px;
      height: 36px;
      background: #1482f0;
      border-radius: 100px;
      text-align: center;
      color: #ffffff;
      opacity: 0;
      font-size: 14px;
      line-height: 36px;
      cursor: pointer;
      -webkit-animation-name: slideUp-data-v-6c6a4a57;
              animation-name: slideUp-data-v-6c6a4a57;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
}
@-webkit-keyframes slideUp-data-v-6c6a4a57 {
0% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
@keyframes slideUp-data-v-6c6a4a57 {
0% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}

.errPage-container[data-v-6c4003d4] {
  width: 800px;
  max-width: 100%;
  margin: 100px auto;
}
.errPage-container .pan-back-btn[data-v-6c4003d4] {
    background: #008489;
    color: #fff;
    border: none !important;
}
.errPage-container .pan-gif[data-v-6c4003d4] {
    margin: 0 auto;
    display: block;
}
.errPage-container .pan-img[data-v-6c4003d4] {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.errPage-container .text-jumbo[data-v-6c4003d4] {
    font-size: 60px;
    font-weight: 700;
    color: #484848;
}
.errPage-container .list-unstyled[data-v-6c4003d4] {
    font-size: 14px;
}
.errPage-container .list-unstyled li[data-v-6c4003d4] {
      padding-bottom: 5px;
}
.errPage-container .list-unstyled a[data-v-6c4003d4] {
      color: #008489;
      text-decoration: none;
}
.errPage-container .list-unstyled a[data-v-6c4003d4]:hover {
        text-decoration: underline;
}

> > > .el-input.is-disabled .el-input__inner[data-v-738e4ca8] {
  color: #606266;
}
.more-input[data-v-738e4ca8] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.more-input li[data-v-738e4ca8] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.el-select[data-v-738e4ca8] {
  width: 100%;
}
.user-info[data-v-738e4ca8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.save-btn[data-v-738e4ca8] {
  margin-right: 30px;
}

@charset "UTF-8";
.center[data-v-6eb696c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.el-icon-circle-plus-outline[data-v-6eb696c4] {
  font-size: 24px;
  color: #91cbff;
}
.el-icon-delete[data-v-6eb696c4] {
  font-size: 24px;
}
.box[data-v-6eb696c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-v-6eb696c4] .gl-new-dialogPop .new-h-opt {
  padding: 10px 4px 0 4px;
  background: #fff;
  border-radius: 10px;
  margin: 6px auto 0 auto;
}
[data-v-6eb696c4] .left-aligned-input .el-input__inner {
  text-align: left;
  /* 设置输入框内文本左对齐 */
}
[data-v-6eb696c4] .el-input-number--mini {
  width: 100%;
}

@charset "UTF-8";
.center[data-v-3ad4348f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.el-icon-circle-plus-outline[data-v-3ad4348f] {
  font-size: 24px;
  color: #91cbff;
}
.el-icon-delete[data-v-3ad4348f] {
  font-size: 24px;
}
.box[data-v-3ad4348f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-v-3ad4348f] .gl-new-dialogPop .new-h-opt {
  padding: 10px 4px 0 4px;
  background: #fff;
  border-radius: 10px;
}
[data-v-3ad4348f] .left-aligned-input .el-input__inner {
  text-align: left;
  /* 设置输入框内文本左对齐 */
}
[data-v-3ad4348f] .el-input-number--mini {
  width: 100%;
}
.term-title[data-v-3ad4348f] {
  margin: 10px 0;
}
.no-resize[data-v-3ad4348f] {
  resize: none;
}

@charset "UTF-8";
.header-nav[data-v-0b2f4b9c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 64px;
  background: #FFF;
}
.header-nav .logo[data-v-0b2f4b9c] {
    margin: 0 24px;
    width: 160px;
    height: 48px;
    background-image: url(static/img/ic_logo_lanse.png);
}
.header-nav .container-box[data-v-0b2f4b9c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    /* 添加过渡效果 */
}
.header-nav .container-box .container-box-item[data-v-0b2f4b9c] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 40px;
}
.header-nav .container-box .container-box-text[data-v-0b2f4b9c] {
      font-family: MiSans, MiSans;
      font-size: 18px;
      color: #272E3B;
      font-style: normal;
      text-transform: none;
}
.header-nav .container-box .el-icon-caret-bottom[data-v-0b2f4b9c] {
      color: #272E3B;
      font-size: 18px;
      margin-top: 2px;
}
.header-nav .header-nav-right[data-v-0b2f4b9c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    color: #272E3B;
    position: absolute;
    right: 11px;
}
.header-nav .header-nav-right img[data-v-0b2f4b9c] {
      width: 18px;
}
.header-nav .header-nav-right .header-nav-right-border[data-v-0b2f4b9c] {
      width: 1px;
      height: 20px;
      background: #E5E6EB;
      margin: 0 10px;
}
.header-nav .header-nav-right .el-avatar--icon[data-v-0b2f4b9c] {
      font-size: 16px;
}
.header-nav .header-nav-right .el-avatar[data-v-0b2f4b9c] {
      color: #C0C4CC;
      background: #FFFFFF;
      width: 24px;
      height: 24px;
      line-height: 24px;
}
.container-list-tab[data-v-0b2f4b9c] {
  display: none;
  width: 840px;
  font-weight: 500;
  font-size: 15px;
  color: #272E3B;
  background: #F2F3F5;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  top: 72px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.container-list-tab .container-list-item[data-v-0b2f4b9c] {
    width: 280px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #E5E6EB;
    border-right: 1px solid #E5E6EB;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    cursor: pointer;
}
.container-list-tab .el-icon-tickets[data-v-0b2f4b9c] {
    padding-left: 32px;
    color: #A9AEB8;
    font-size: 24px;
    margin-right: 6px;
}
.container-box-item:hover .container-box-text[data-v-0b2f4b9c],
.container-box-item:hover .el-icon-caret-bottom[data-v-0b2f4b9c] {
  color: #0099E5 !important;
  cursor: pointer;
  font-size: 20px !important;
  font-weight: 500 !important;
}


/*# sourceMappingURL=chunk-views-common.e2fb35c6d3593dbd1134.css.map*/