._message .success {
  background-color: #efffe5;
  border: 1px solid #e1f3d8;
  color: #67c23a;
}
._message .success svg {
  fill: #67c23a;
}
._message .warning {
  background-color: #fdf6ec;
  border: 1px solid #faecd8;
  color: #e6a23c;
}
._message .warning svg {
  fill: #e6a23c;
}
._message .error {
  background-color: #fef0f0;
  border: 1px solid #fde2e2;
  color: #f56c6c;
}
._message .error svg {
  fill: #f56c6c;
}
._message .info {
  background-color: #edf2fc;
  border: 1px solid #ebeef5;
  color: #909399;
}
._message .info svg {
  fill: #909399;
}
._message .phone {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
@keyframes messageFadeInDown {
0% {
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
}
100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
}
._message .messageFadeInDown {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: messageFadeInDown;
  animation-name: messageFadeInDown;
}
@keyframes messageFadeOutUp {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
}
}
._message .messageFadeOutUp {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: messageFadeOutUp;
  animation-name: messageFadeOutUp;
}
.hideScrol {
  height: 100vh;
  overflow: hidden;
}
.dialog-leave-active {
  transition: all 0.2s;
}
.dialog-leave-active .dialog__content {
  top: 0;
  left: 0;
  transition: all 0.2s;
}
.dialog-enter .dialog__content,
.dialog-leave-to .dialog__content {
  transform: scale3d(0.1, 0.1, 0.1);
}
.dialog-enter,
.dialog-leave-to {
  opacity: 0;
}
._date .w-272 {
  width: 272px;
}
._date .w-274 {
  width: 274px;
}
._date .noscoll {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: scroll;
}
._date .noscoll::-webkit-scrollbar {
  display: none;
}
._date .noscoll div:hover {
  background-color: #f6f6f6;
}
._date .inputover {
  background-color: var(--v61a5e264);
}
._date .fc-over {
  background-color: #eaf5ff;
}
._date .h-280 {
  height: 280px;
}
._date .w-280 {
  width: 280px;
}
._date .yearHover:hover {
  background-color: #f5f5f5;
}
._date .sLeft {
  border-radius: 18px 0 0 18px;
}
._date .sRight {
  border-radius: 0 18px 18px 0;
}
._date .slide-shadow-enter-active,
._date .slide-shadow-leave-active {
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
._date .slide-shadow-enter-from,
._date .slide-shadow-leave-to {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
._date .slide-shadow-enter-to,
._date .slide-shadow-leave-from {
  opacity: 1;
  transform: translateY(0) scale(1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.allowed svg {
  fill: #ccc !important;
}
.is_dis {
  color: #c0c4cc;
  cursor: not-allowed;
}
.scollrel {
  position: relative;
}
.__scroll .scrollbar-contaniner {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: scroll;
}
.__scroll .scrollbar-contaniner::-webkit-scrollbar {
  display: none;
}
.__scroll .scrollbar__thumb {
  transition: background-color 0.3s;
}
.__scroll .scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.__scroll .scrollbar-fade-enter-active {
  transition: opacity 0.34s ease-out;
}
.__scroll .scrollbar-fade-leave-active {
  transition: opacity 0.12s ease-out;
}
.__scroll .scrollbar-fade-enter-from,
.__scroll .scrollbar-fade-leave-active {
  opacity: 0;
}
.loading {
  animation: myfirst2 1.5s infinite linear;
}
@keyframes myfirst2 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.yuyue__carder ._dropdown {
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(109, 109, 109, 0.2);
}
.yuyue__carder.select {
  border: #409eff 1px solid !important;
}
.yuyue__carder .arrow {
  transform: rotate(-180deg);
}
.yuyue__carder .iconfix:hover {
  fill: #409eff !important;
}
.yuyue__carder .cascader-item:hover {
  background-color: #f5f7fa;
}
.yuyue__carder .cascader-item .cascader-arrow {
  width: 8px;
  height: 8px;
  border-top: 1.4px solid #999;
  border-right: 1.4px solid #999;
  -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
  transform: translate3d(0, -50%, 0) rotate(45deg);
}
.yuyue__carder .is-check:hover .cascader-arrow {
  display: none;
}
.yuyue__carder .is-check:hover .checks {
  display: inline-block;
}
.yuyue__carder .is-check:hover .checks:hover {
  border: #409eff 1.5px solid !important;
}
.yuyue__carder .select-item .cascader-arrow {
  border-top-color: #409eff !important;
  border-right-color: #409eff !important;
}
.yuyue__carder .select-item .cascader-titles {
  color: #409eff !important;
}
.yuyue__carder .bounce-enter-active {
  animation: bounce-in 0.5s;
}
.yuyue__carder .bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}
@keyframes bounce-in {
0% {
    transform: scale(0);
    opacity: 0;
}
50% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
.hideScrol {
  height: 100vh;
  overflow: hidden;
}
.drawer {
  /* 遮罩 */
  /* 滑块 */
  /* 某个元素内部显示 */
  /* 其他样式 */
}
.drawer .mask-show {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  transition: opacity 0.2s;
  z-index: 8888;
}
.drawer .mask-hide {
  opacity: 0;
  transition: opacity 0.2s;
}
.drawer .main {
  position: fixed;
  z-index: 8889;
  top: 0;
  height: 100%;
  transition: all 0.2s;
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px;
}
.drawer .main-show {
  opacity: 1;
}
.drawer .main-hide {
  opacity: 0.8;
}
.drawer .inner {
  position: absolute;
}
.drawer .drawer-head {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.drawer .drawer-head .close-btn {
  display: inline-block;
  cursor: pointer;
  height: 100%;
  padding-left: 20px;
}
.dropdown-wrapper[data-v-df3dc214] {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.dropdown-popper[data-v-df3dc214] {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 4px 0;
  /* ✅ 关键修复：改为 fixed，与 getBoundingClientRect 坐标系统一致 */
  position: fixed;
}
.dropdown-item[data-v-df3dc214] {
  user-select: none;
  transition: background-color 0.2s;
}
.dropdown-item[data-v-df3dc214]:hover {
  background-color: #f5f7fa;
  color: #409eff;
}
.dropdown-item.is_dis[data-v-df3dc214] {
  color: #c0c4cc;
  cursor: not-allowed;
}
.dropdown-item.is_dis[data-v-df3dc214]:hover {
  background-color: transparent;
}
.dropdown-item._is_select[data-v-df3dc214] {
  color: #409eff;
  font-weight: 500;
}
/* 过渡动画 */
.dropdown-slide-enter-active[data-v-df3dc214],
.dropdown-slide-leave-active[data-v-df3dc214] {
  transition: all 0.2s ease;
}
.dropdown-slide-enter-from[data-v-df3dc214],
.dropdown-slide-leave-to[data-v-df3dc214] {
  opacity: 0;
  transform: translateY(-8px);
}
.sIcon svg {
  fill: #00afee !important;
}
.hoverTable {
  border: 2px dashed #00afee !important;
  position: relative;
  z-index: 10;
}
.hoverTable tr:last-child td:last-child {
  position: relative;
}
.hoverTable tr:last-child td:last-child:after {
  display: inline-block;
  position: absolute;
  bottom: -1px;
  right: -1px;
  content: " ";
  width: 0;
  height: 0;
  border-width: 15px 15px 0 0;
  border-style: solid;
  border-color: transparent #00afee transparent transparent;
}
.hoverImage {
  border: 3px dashed #00afee !important;
  position: relative;
  z-index: 10;
}
.hoverImage:after {
  z-index: 50;
  display: inline-block;
  position: absolute;
  bottom: -1px;
  right: -1px;
  content: " ";
  width: 0;
  height: 0;
  border-width: 15px 15px 0 0;
  border-style: solid;
  border-color: transparent #00afee transparent transparent;
}
.number-1 {
  border: 1px solid #ddd;
}
.number-1 input {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.number-2 i {
  border: 1px solid #ddd;
}
.number-2 input {
  border: 1px solid #ddd;
}
.number-3 {
  border: 1px solid #ddd;
}
._input .iconfix:hover {
  fill: #409eff !important;
}
._input.select {
  border: #409eff 1px solid !important;
}
._input input::placeholder {
  color: #c0c4cc;
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
._input .iconLoad {
  animation: spin 0.75s steps(8) infinite;
}
._input ._select_hover:hover {
  background-color: #f5f7fa;
  color: #409eff;
}
._input .is_dis {
  color: #c0c4cc;
  cursor: not-allowed;
}
._input ._is_select {
  color: #409eff;
}
._input ._selects_dropdown {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(109, 109, 109, 0.2);
}
._input .selecttop-enter-active,
._input .selecttop-leave-active {
  transition: all 0.4s;
  opacity: 1;
  transform: scaleY(1);
}
._input .selecttop-enter,
._input .selecttop-leave-to {
  opacity: 0;
  transform: scaleY(0.5);
  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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
._input .selectbottom-enter-active,
._input .selectbottom-leave-active {
  transition: all 0.4s;
  opacity: 1;
  transform: scaleY(1);
}
._input .selectbottom-enter,
._input .selectbottom-leave-to {
  opacity: 0;
  transform: scaleY(0.5);
  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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.max-height {
  max-height: 238px;
}
.h-238 {
  height: 238px;
}
.select-input {
  box-sizing: content-box;
}
input::input-placeholder {
  color: #ccc;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
::-moz-placeholder {
  /* Mozilla Firefox 19  */
  color: #ccc;
}
:-ms-input-placeholder {
  /* Internet Explorer 10  */
  color: #ccc;
}
.loading {
  animation: myfirst2 1.5s infinite linear;
}
@keyframes myfirst2 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.iconload {
  animation: spin 0.75s steps(8) infinite;
}
.__carder ._dropdown {
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(109, 109, 109, 0.2);
}
.__carder.select {
  border: #409eff 1px solid !important;
}
.__carder .arrow {
  transform: rotate(-180deg);
}
.__carder .moreactive:hover .close {
  background-color: #f5f7fa;
}
.__carder .moreactive:hover svg {
  fill: #409eff !important;
}
.__carder .iconfix:hover {
  fill: #409eff !important;
}
.__carder ._select_hover:hover {
  background-color: #f5f7fa;
  color: #409eff;
}
.__carder .is_dis {
  color: #c0c4cc;
  cursor: not-allowed;
}
.__carder ._is_select {
  color: #409eff;
}
.__carder .selectHide {
  display: none;
}
.__carder .more .moreright {
  display: block !important;
  fill: #409eff;
}
.__carder ._selects_dropdown {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(109, 109, 109, 0.2);
}
.__carder .slide-down-enter-active,
.__carder .slide-down-leave-active {
  transition: all 0.1s ease;
  overflow: hidden;
}
.__carder .slide-down-enter-from,
.__carder .slide-down-leave-to {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.__carder .slide-down-enter-to,
.__carder .slide-down-leave-from {
  opacity: 1;
  transform: translateY(0);
  max-height: 240px;
}
.wypress {
  position: relative;
  line-height: 1;
}
.wypress__text {
  font-size: 14px;
  color: #606266;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}
.wypress__text i {
  vertical-align: middle;
  display: block;
}
.wypress--circle,
.wypress--dashboard {
  display: inline-block;
}
.wypress--circle .wypress__text,
.wypress--dashboard .wypress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translateY(-50%);
}
.wypress--circle .wypress__text i,
.wypress--dashboard .wypress__text i {
  vertical-align: middle;
  display: inline-block;
}
.wypress--without-text .wypress__text {
  display: none;
}
.wypress--without-text .wypress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}
.wypress--text-inside .wypress-bar {
  padding-right: 0;
  margin-right: 0;
}
.wypress.is-success .wypress-bar__inner {
  background-color: #67c23a;
}
.wypress.is-success .wypress__text {
  color: #67c23a;
}
.wypress.is-warning .wypress-bar__inner {
  background-color: #e6a23c;
}
.wypress.is-warning .wypress__text {
  color: #e6a23c;
}
.wypress.is-exception .wypress-bar__inner {
  background-color: #f56c6c;
}
.wypress.is-exception .wypress__text {
  color: #f56c6c;
}
.wypress-bar {
  padding-right: 50px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}
.wypress-bar__outer {
  height: 6px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.wypress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #409eff;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.wypress-bar__inner:after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.wypress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
  margin: 0 5px;
}
@keyframes progress {
0% {
    background-position: 0 0;
}
to {
    background-position: 32px 0;
}
}
._switch {
  transition: all 0.21s ease;
}
._switch svg {
  transition: all 0.21s ease;
}
.switch-true svg {
  right: 0;
}
.switch-false svg {
  left: 0;
}
.tipsha {
  box-shadow: 0 2px 12px 0 var(--v9349ba9c);
  position: fixed;
  padding: 7px 10px;
  border-radius: 4px;
  z-index: 3000;
  max-width: var(--v0d221512);
  width: max-content;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.tparrow {
  width: 8px;
  height: 8px;
  position: absolute;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.fade-enter-from {
  opacity: 0;
  transform: translateY(-10px);
}
.fade-leave-to {
  opacity: 0;
  transform: translateY(10px);
}
.arrow {
  transform: rotate(0deg);
  transition: transform 0.1s ease-in-out;
}
.arrow.isOpen {
  transform: rotate(90deg);
}
.tree-item:hover {
  background-color: #f7f7f7;
}
._upfile .upfile-upload {
  border: 1px dashed #ddd;
}
._upfile .upfile-upload:hover {
  border-color: #409eff;
}
._upfile .upfile-upload:hover svg {
  fill: #409eff !important;
}
._upfile .upfile-upload:hover .tip {
  color: #409eff !important;
}
._upfile .tis-value .boxs {
  display: none;
}
._upfile .tis-value:hover .boxs {
  display: flex;
}
._date .abs-r50 {
  right: -50%;
}
._date .iconfix:hover {
  fill: #409eff !important;
}
._date .hovers {
  border: 1px solid #409eff;
}
._date .isTime {
  border: 1px solid #409eff;
  color: #409eff;
}
._date .date-left {
  position: relative;
  z-index: 110;
}
._date .date-left:after {
  position: absolute;
  content: ' ';
  top: 0;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #761414;
}
._date .dishover {
  border: 1px solid #ddd;
}
._date .hovertag:hover {
  color: #409eff !important;
}
._date .hovertime:hover {
  border-color: #409eff;
  color: #409eff;
}
.arrow-right {
  border-width: 1.5px 1.5px 0 0;
  border-color: #ddd;
  border-style: solid;
  transform: rotate(45deg);
}
.bodyover {
  height: 100vh;
  overflow: hidden;
}
input::input-placeholder {
  color: #ccc;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
::-moz-placeholder {
  /* Mozilla Firefox 19  */
  color: #ccc;
}
:-ms-input-placeholder {
  /* Internet Explorer 10  */
  color: #ccc;
}
.loading {
  animation: myfirst2 1.5s infinite linear;
}
@keyframes myfirst2 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.__carder ._dropdown {
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(109, 109, 109, 0.2);
}
.__carder.select {
  border: #409eff 1px solid !important;
}
.__carder .arrow {
  transform: rotate(-180deg);
}
.__carder .moreactive:hover .close {
  background-color: #f5f7fa;
}
.__carder .moreactive:hover svg {
  fill: #409eff !important;
}
.__carder .iconfix:hover {
  fill: #409eff !important;
}
.__carder ._select_hover:hover {
  background-color: #f5f7fa;
  color: #409eff;
}
.__carder .is_dis {
  color: #c0c4cc;
  cursor: not-allowed;
}
.__carder ._is_select {
  color: #409eff;
}
.__carder .more .moreright {
  display: block !important;
  fill: #409eff;
}
.__carder ._selects_dropdown {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(109, 109, 109, 0.2);
}
.__carder .selecttop-enter-active,
.__carder .selecttop-leave-active {
  transition: all 0.4s;
  opacity: 1;
  transform: scaleY(1);
}
.__carder .selecttop-enter,
.__carder .selecttop-leave-to {
  opacity: 0;
  transform: scaleY(0.5);
  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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.__carder .selectbottom-enter-active,
.__carder .selectbottom-leave-active {
  transition: all 0.4s;
  opacity: 1;
  transform: scaleY(1);
}
.__carder .selectbottom-enter,
.__carder .selectbottom-leave-to {
  opacity: 0;
  transform: scaleY(0.5);
  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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.arrow-right {
  border-width: 1.5px 1.5px 0 0;
  border-color: #ddd;
  border-style: solid;
  transform: rotate(45deg);
}
.vsim-picker-item-next {
  transform: scaleY(0.9) translateZ(0);
  color: #bbb;
}
.vsim-picker-item-far {
  transform: scaleY(0.8) translateZ(0);
  color: #bbb;
}
.vsim-picker-item-active {
  transform: scaleY(1) translateZ(0);
  color: #000;
}
