.el-dialog.guide-to-purch-css-mb {
  width: 9.111rem;
  border-radius: 0.333rem;
  background: linear-gradient(180deg, #DBF2FF 0, rgba(255, 255, 255, 0) 3.333rem), #FFF;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__header {
  padding-top: 0;
  padding-bottom: 0;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__header .el-dialog__headerbtn {
  top: 0.389rem;
  right: 0.389rem;
  width: 0.556rem;
  height: 0.556rem;
  padding: 0;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__header .el-dialog__headerbtn .el-icon-close::before {
  font-size: 0.556rem;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__body {
  padding: 0.667rem 0.778rem 0.667rem 0.778rem;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__body .main-pic {
  width: 4.278rem;
  height: 2.778rem;
  display: block;
  margin: auto;
  margin-top: 0.611rem;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__body .title {
  text-align: center;
  margin-top: 0.333rem;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__body .title .text {
  color: #000405;
  font-size: 0.5rem;
  font-weight: 600;
  line-height: normal;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__body .sub-title {
  margin-top: 0.611rem;
  color: var(--light-, var(---, #2E3638));
  font-size: 0.389rem;
  line-height: normal;
  text-align: left;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__body .confirm-btn {
  width: 7.556rem;
  height: 1.222rem;
  cursor: pointer;
  border-radius: 0.222rem;
  font-size: 0.444rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #11BBF2;
  margin: auto;
  margin-top: 0.778rem;
}
.el-dialog.guide-to-purch-css-mb .el-dialog__body .confirm-btn:active {
  background: #00A4DD;
}
.el-dialog.detach-dialog-mb {
  width: 9.111rem;
  border-radius: 0.333rem;
  overflow: hidden;
}
.el-dialog.detach-dialog-mb .el-dialog__header {
  text-align: center;
  padding-top: 0.556rem;
  color: #000;
  font-size: 0.5rem;
}
.el-dialog.detach-dialog-mb .el-dialog__body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.667rem;
  padding-left: 0.694rem;
  padding-right: 0.694rem;
}
.el-dialog.detach-dialog-mb .title {
  display: flex;
  align-items: center;
}
.el-dialog.detach-dialog-mb .title .title-icon {
  width: 0.667rem;
  height: 0.667rem;
  margin-right: 0.111rem;
}
.el-dialog.detach-dialog-mb .title .text {
  color: #000405;
  font-size: 0.5rem;
  font-weight: 600;
  line-height: normal;
}
.el-dialog.detach-dialog-mb .cont {
  margin-top: 0.556rem;
  color: #2E3638;
  font-size: 0.389rem;
  line-height: 150%;
  padding-bottom: 0.778rem;
  padding-left: 0;
  padding-right: 0;
}
.el-dialog.detach-dialog-mb .close-icon {
  position: absolute;
  right: 0.278rem;
  top: 0.278rem;
  width: 0.667rem;
  height: 0.667rem;
}
.el-dialog.detach-dialog-mb .operation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1.222rem;
  color: #FFF;
  font-size: 0.444rem;
  font-weight: 600;
  background: #11BBF2;
  border-radius: 0.222rem;
  margin: auto;
}
.el-dialog.detach-dialog-mb .operation:active {
  opacity: 0.8;
}
.el-dialog.detach-dialog-mb .buttonFooter {
  display: flex;
  justify-content: flex-end;
}
.el-dialog.detach-dialog-mb .buttonFooter .footerLeft {
  margin-right: 0.333rem;
  background: #EEF0F1;
  color: #2E3638;
}
.agree-desc {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  box-sizing: border-box;
  margin-top: 80px;
}
.agree-desc.wechat {
  margin-top: 20px;
}
.agree-desc span {
  cursor: pointer;
  color: #40444a;
}
.agree-desc p {
  height: 17px;
  font-size: 14px;
  font-weight: 400;
  color: rgb(158, 158, 159);
  line-height: 17px;
  text-align: center;
}
.agree-desc p a {
  color: #40444a;
  text-decoration: none;
}
.agree-desc p a:hover {
  opacity: 0.8;
}
.agree-desc p a:active {
  opacity: 0.9;
}
.login-cont {
  position: relative;
  min-height: 645px;
}
.login-cont.web-app {
  touch-action: pan-y;
}
.login-cont .left-cont {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  width: 560px;
  height: 100%;
  background-color: #f8fbff;
  background-image: url("https://todeskcdnspeed.todesk.com/20240910114037621bba2f88ec20.png");
  background-repeat: no-repeat;
  background-size: 560px auto;
  background-position: center;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.login-cont .left-cont .left-cont-main {
  width: 100%;
  box-sizing: border-box;
  padding-top: 48px;
  padding-left: 24px;
  padding-right: 24px;
}
.login-cont .left-cont .left-cont-main .logo-box {
  display: flex;
  align-items: center;
}
.login-cont .left-cont .left-cont-main .logo-box.en .version, .login-cont .left-cont .left-cont-main .logo-box.th .version {
  margin-top: 6px;
  margin-left: 16px;
}
.login-cont .left-cont .left-cont-main .logo-box.en .logo, .login-cont .left-cont .left-cont-main .logo-box.th .logo {
  width: auto !important;
  height: 36px !important;
}
.login-cont .left-cont .left-cont-main .logo-box .logo {
  width: auto;
  height: 36px;
}
.login-cont .left-cont .left-cont-main .logo-box .version {
  margin-left: 16px;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #889092;
}
.login-cont .left-cont .left-cont-main .pic {
  width: 512px;
  height: auto;
  margin-top: 48px;
}
.login-cont .right-cont {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
}
.login-cont .right-cont.web-mobile .statement .footer-box .flex {
  flex-wrap: wrap;
}
.login-cont .right-cont .statement {
  display: none;
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding-bottom: 50px;
}
.login-cont .right-cont .statement .footer-box {
  position: initial;
}
.login-cont .right-cont-main {
  width: 640px;
  box-sizing: border-box;
  margin: 0 auto;
}
.login-cont .right-cont-main .form-area {
  width: 360px;
  min-height: 670px;
  margin: auto;
  background: #fff;
  padding-top: 50px;
}
.login-cont .right-cont-main .form-area .form-title {
  text-align: center;
  font-size: 24px;
  color: #000205;
  font-weight: 550;
}
.login-cont .right-cont-main .form-area .form-item-cont {
  min-height: 212px;
}
.login-cont .right-cont-main .form-area .form-item-cont .wechat-bx {
  width: 360px;
  height: 310px;
  margin: auto;
  margin-top: 40px;
  overflow: hidden;
}
.login-cont .right-cont-main .form-area .form-item-cont .wechat-bx .wechat-login-bx {
  /* width: 360px;
  height: 400px;
  overflow: hidden;
  margin-top: -32px; */
  text-align: center;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .as-title {
  text-align: center;
  margin-top: 40px;
  font-size: 18px;
  color: var(---01, #000205);
  font-weight: 500;
  line-height: 48px;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo img {
  width: 160px;
  height: 160px;
  display: block;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .guide {
  margin-left: 16px;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .appQrBx {
  border-radius: 4px;
  border: 10px solid #fff;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .appQrGuide {
  width: 180px;
  height: 180px;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr {
  position: relative;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout .qr-layout-icon {
  width: 36px;
  height: 36px;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout .qr-layout-icon.hover, .login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout .qr-layout-icon.active {
  display: none;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout .qr-layout-mention {
  color: var(--bg-2, #000305);
  font-weight: 400;
  line-height: 150%;
  margin-top: 16px;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:hover {
  background: var(---95, rgba(255, 255, 255, 0.95));
  backdrop-filter: blur(2px);
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:hover .default,
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:hover .active {
  display: none;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:hover .hover {
  display: block;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:hover .qr-layout-mention {
  color: #11bbf2;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:active {
  background: var(---80, rgba(255, 255, 255, 0.8));
  background-blend-mode: luminosity;
  backdrop-filter: blur(2px);
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:active .default,
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:active .hover {
  display: none;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:active .active {
  display: block;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout:active .qr-layout-mention {
  color: #06a8e1;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout-scan {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .appScanInfo .asqr .qr-layout-scan img {
  width: 56px;
  height: 56px;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .as-mention {
  margin-top: 32px;
  text-align: center;
  color: #000;
  font-weight: 400;
  height: 19px;
}
.login-cont .right-cont-main .form-area .form-item-cont.as-item .as-mention .scan-desc-blue {
  color: var(--C-05, #11bbf2);
  text-decoration: none;
}
.login-cont .right-cont-main .form-area .form-item-cont.message .login-submit-mgt {
  margin-top: 20px;
}
.login-cont .right-cont-main .form-area .form-item-cont.message .el-form .el-form-item:last-of-type, .login-cont .right-cont-main .form-area .form-item-cont.password .el-form .el-form-item:last-of-type, .login-cont .right-cont-main .form-area .form-item-cont.enterprise .el-form .el-form-item:last-of-type {
  margin-bottom: 29px;
}
.login-cont .right-cont-main .form-area .form-tabs {
  margin-top: 56px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  width: max-content;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.login-cont .right-cont-main .form-area .form-tabs .form-tab-item {
  line-height: 46px;
  position: relative;
  font-size: 14px;
  color: #40444a;
  cursor: pointer;
  margin-right: 20px;
}
.login-cont .right-cont-main .form-area .form-tabs .form-tab-item.active {
  color: #1d2224;
  font-weight: bold;
}
.login-cont .right-cont-main .form-area .form-tabs .form-tab-item.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #11bbf2;
}
.login-cont .right-cont-main .form-area .form-tabs .form-tab-item:last-of-type {
  margin-right: 0;
}
.login-cont .right-cont-main .form-area .login-form {
  padding-top: 40px;
}
.login-cont .right-cont-main .form-area .login-form .input-prefix-wrap {
  height: 100%;
  display: flex;
  align-items: center;
}
.login-cont .right-cont-main .form-area .login-form .input-prefix-wrap .input-prefix-icon {
  width: 20px;
  height: 20px;
}
.login-cont .right-cont-main .form-area .login-form .input-right-icon {
  position: absolute;
  right: -32px;
  top: 14px;
  width: 20px;
  height: 20px;
}
.login-cont .right-cont-main .form-area .login-form .sendMsg {
  position: absolute;
  right: 0;
  line-height: 40px;
  top: 0;
  font-size: 16px;
  padding-left: 12px;
  padding-right: 12px;
}
.login-cont .right-cont-main .form-area .login-form .sendMsg .text-send {
  color: #11bbf2;
  cursor: pointer;
}
.login-cont .right-cont-main .form-area .login-form .sendMsg .text-wait {
  color: #11bbf2;
  font-size: 14px;
  opacity: 0.5;
  cursor: default;
}
.login-cont .right-cont-main .form-area .login-form .login-submit-mgt {
  margin-top: 28px;
}
.login-cont .right-cont-main .form-area .login-option {
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-cont .right-cont-main .form-area .login-option.center, .login-cont .right-cont-main .form-area .login-option.app, .login-cont .right-cont-main .form-area .login-option.wechat {
  justify-content: center;
}
.login-cont .right-cont-main .form-area .login-option.app {
  margin-top: 37px;
}
.login-cont .right-cont-main .form-area .login-option.wechat {
  margin-top: 4px;
}
.login-cont .right-cont-main .form-area .login-option .btn-auto-login:hover .el-checkbox__input .el-checkbox__inner::before {
  color: #11bbf2 !important;
}
.login-cont .right-cont-main .form-area .login-option .btn-forget-pass {
  cursor: pointer;
  line-height: 24px;
  font-size: 14px;
  color: #11bbf2;
}
.login-cont .right-cont-main .form-area .back-last-login {
  display: flex;
  align-items: center;
}
.login-cont .right-cont-main .form-area .back-last-login .back-icon {
  width: 20px;
  height: 20px;
}
.login-cont .right-cont-main .form-area .back-last-login .back-text {
  margin-left: 4px;
  font-size: 16px;
  color: #555a61;
  cursor: pointer;
}
.login-cont .right-cont-main .form-area .login-type-name {
  margin-top: 40px;
  text-align: center;
  font-size: 28px;
  color: #000205;
}
.login-panle .el-form-item {
  margin-bottom: 20px;
}
.login-panle .el-form-item.end-item {
  margin-bottom: 32px;
}
.login-panle .el-input__inner {
  height: 40px;
}
.login-panle .el-input__inner:focus {
  border: 1px solid #3bd4ff;
  box-shadow: 0px 0px 0px 3px rgba(17, 187, 242, 0.1);
}
.login-panle .el-button {
  font-size: 14px;
  height: 40px;
  padding: 10px;
  border-radius: 8px;
  font-weight: 600;
}
.top-right {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  user-select: none;
  width: 100%;
  height: 48px;
  -webkit-app-region: drag;
}
.right-opr {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-app-region: no-drag;
}
.right-opr:hover {
  background: #f2f3f5;
}
.right-opr img {
  width: 12px;
  height: 12px;
}
.right-opr1 {
  margin-left: 10px;
}
.right-opr2 {
  margin-left: 10px;
}
.login_mac_button {
  width: auto;
  align-items: center;
  display: flex;
  margin-right: 18px;
  height: 34px;
  position: absolute;
  top: 0;
  left: 12px;
  z-index: 1;
}
.login_mac_button .mac_a {
  cursor: pointer;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px #ec6d62 inset;
  border: 0.5px solid #ce5347;
  margin-right: 8px;
}
.login_mac_button .close {
  background: #ed6a5e;
  box-shadow: 0px 0px 6px 0px #ec6d62 inset;
  border: 0.5px solid #ce5347;
}
.login_mac_button .close:hover {
  background: url(../assets/close.a3da6080.svg) center no-repeat;
  background-size: cover;
}
.login_mac_button .minimize {
  background: #f6be4f;
  box-shadow: 0px 0px 6px 0px #f5c451 inset;
  border: 0.5px solid #d6a243;
}
.login_mac_button .minimize:hover {
  background: url(../assets/minimize.64709a42.svg) center no-repeat;
  background-size: cover;
}
.login_mac_button .fullScreen {
  background: #62c554;
  box-shadow: 0px 0px 6px 0px #68cc58 inset;
  border: 0.5px solid #58a942;
}
.login_mac_button .fullScreen:hover {
  background: url(../assets/fullScreen.6bd6aa6e.svg) center no-repeat;
  background-size: cover;
}
.login_mac_button .fullScreen:disabled {
  background: #d0d0d0;
  border: 0.5px solid #b2b2b2;
  box-shadow: none;
  cursor: not-allowed;
}

/* @media screen and (min-width: 1281px) { */
@media screen and (min-height: 900px) {
.login-cont .left-cont {
    width: 560px;
}
.login-cont .left-cont .left-cont-main {
    height: 100%;
    position: relative;
    padding-right: 48px;
    align-items: center;
}
.login-cont .left-cont .left-cont-main .logo-box {
    position: absolute;
    z-index: 1;
}
.login-cont .left-cont .left-cont-main .logo-box .version {
    margin-top: 12px;
}
.login-cont .left-cont .left-cont-main .logo-box .logo {
    margin-top: 0;
}
.login-cont .left-cont .left-cont-main .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0;
    transform: translate(-50%, -50%);
}
.login-cont .right-cont {
    flex: 1;
    position: relative;
}
.login-cont .right-cont .right-cont-main {
    width: 100%;
    height: 100%;
    min-height: 465px;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-cont .right-cont .statement {
    display: block;
}
}
/* } */
@media screen and not ((width: 1280px) and (height: 800px)) {
.login-cont .left-cont {
    width: 560px;
    background-image: url("https://todeskcdnspeed.todesk.com/20240910114050621bba3cb1d5e0.png");
}
}
@media screen and (width: 1280px) and (height: 800px) {
.client-app .login-cont .left-cont {
    align-items: flex-start;
}
.client-app .login-cont .left-cont .left-cont-main {
    padding-top: 60px;
    padding-left: 48px;
    padding-right: 48px;
}
.client-app .login-cont .left-cont .left-cont-main .pic {
    margin-top: 125px;
    margin-left: 36px;
    width: 400px;
}
.client-app .login-cont .left-cont .left-cont-main .logo-box .logo {
    width: auto;
    height: 36px;
    margin-top: 0;
}
}
@media screen and (max-width: 1038px) {
.login-cont .left-cont {
    display: none;
}
.login-cont .right-cont {
    width: 100%;
}
.login-cont .right-cont .right-cont-main {
    margin: auto;
}
.login-cont .right-cont .statement {
    display: block;
}
}
.order-item .item-wrap[data-v-53393c6a] {
  width: fit-content !important;
  box-sizing: border-box;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  background-color: #eeeff0;
}
.order-item .item-wrap .item-box[data-v-53393c6a] {
  cursor: pointer;
  width: max-content;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 4px;
  padding: 4px 12px;
  box-sizing: border-box;
}
.order-item .item-wrap .item-box[data-v-53393c6a]:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.order-item .item-wrap .item-box.active[data-v-53393c6a] {
  background-color: #fff;
}
.order-item .item-wrap .item-box.active .btn-text-wrap .payment-name[data-v-53393c6a] {
  color: rgb(46, 54, 56);
}
.order-item .item-wrap .item-box img[data-v-53393c6a] {
  height: 20px;
  width: auto;
  margin-right: 6px;
}
.order-item .item-wrap .item-box .btn-text-wrap[data-v-53393c6a] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: rgb(145, 153, 156);
  flex-shrink: 0;
}
.order-item .item-wrap .item-box .btn-text-wrap .payment-name[data-v-53393c6a] {
  color: #677B82;
}
.order-item .item-wrap .item-box .btn-text-wrap .balance-num[data-v-53393c6a] {
  width: max-content;
  color: #677B82;
}
.order-item[data-v-53393c6a] {
  width: 100%;
  display: flex;
  margin-bottom: 24px;
}
.order-item[data-v-53393c6a]:last-of-type {
  margin-bottom: 0;
}
.order-item .title-box[data-v-53393c6a] {
  min-width: 84px;
  flex-shrink: 0;
  padding-right: 40px;
}
.order-item .title-box .large[data-v-53393c6a] {
  width: 100%;
  text-align: right;
  font-weight: 600;
  font-size: 14px;
  color: #2E3638;
  line-height: 150%;
}
.order-item .item-wrap[data-v-53393c6a] {
  display: flex;
  width: 100%;
}
.order-item .item-wrap.flex-wrap[data-v-53393c6a] {
  flex-wrap: wrap;
  margin-bottom: -8px;
}
.order-item .item-wrap.flex-wrap .item-box[data-v-53393c6a] {
  margin-bottom: 8px;
}
.order-item .item-wrap .item-box[data-v-53393c6a] {
  font-weight: 400;
  font-size: 14px;
  color: #2E3638;
}
.order-item .item-wrap .item-box.disbled[data-v-53393c6a] {
  opacity: 0.5;
  cursor: default;
  background-color: transparent;
}
.order-item .item-wrap .item-box.disbled[data-v-53393c6a]:hover, .order-item .item-wrap .item-box.disbled.active[data-v-53393c6a] {
  color: #1d2024;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.order-item .item-wrap .item-box.ghost[data-v-53393c6a] {
  color: #1d2024;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.order-item .item-wrap .item-box.ghost[data-v-53393c6a]:hover {
  border-color: #11BBF2;
  color: #00A4DD;
  background-color: #fff;
}
.order-item .item-wrap .item-box.ghost.active[data-v-53393c6a] {
  border-color: #11BBF2;
  color: #0C85AC;
  background-color: rgba(240, 249, 250, 0.8);
}
.order-item .flex[data-v-53393c6a] {
  display: flex;
}
.order-item .align-center[data-v-53393c6a] {
  align-items: center;
}
.enabletime-box[data-v-2f378340] {
  border: 1px solid rgba(0, 0, 0, 0.0784313725);
  border-radius: 6px;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-left: 32px;
  padding-left: 12px;
  user-select: none;
  max-height: 40px;
  overflow: hidden;
  min-width: fit-content;
  max-width: max-content;
}
.enabletime-box .item[data-v-2f378340] {
  display: flex;
  align-items: center;
}
.enabletime-box .div1[data-v-2f378340] {
  gap: 4px;
  color: #50595c;
}
.enabletime-box .div2[data-v-2f378340] {
  gap: 4px;
  color: #242a2d;
  padding-left: 2px;
  padding-right: 12px;
}
.enabletime-box .div2 .sp2[data-v-2f378340] {
  padding-left: 8px;
}
.enabletime-box .div2 .question[data-v-2f378340] {
  color: #6e777a;
  background-color: currentColor;
  mask-image: url(../assets/question.73ffab21.svg);
  width: 16px;
  height: 16px;
}
.enabletime-box .div2 .question[data-v-2f378340]:hover {
  color: #11bbf2;
}
.enabletime-box .div3[data-v-2f378340] {
  min-height: 32px;
  color: #00a4dd;
  font-weight: 550;
  padding: 0 12px;
  position: relative;
  cursor: pointer;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.enabletime-box .div3[data-v-2f378340]::before {
  content: "";
  height: calc(100% - 10px);
  width: 1px;
  background-color: rgba(0, 0, 0, 0.0784313725);
  top: 5px;
  left: 0;
  position: absolute;
}
.enabletime-box .div3[data-v-2f378340]:hover {
  background: #e7f8fe;
}
.enabletime-box .div3[data-v-2f378340]:hover::before {
  content: unset;
}
.enabletime-box .div3[data-v-2f378340]:active {
  background: #c6effc;
  color: "#0C85AC";
}
.enabletime-box .div3[data-v-2f378340]:active::before {
  content: unset;
}
.el-popover.el-popper.white-tip {
  min-width: unset;
  font-size: 14px;
  line-height: 21px;
  color: #2e3638;
  padding: 8px 16px 16px 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  border-radius: 8px;
  margin-bottom: 5px;
}
.el-popover.el-popper.white-tip.show_flag {
  padding: 4px 8px;
  background-color: rgb(33, 201, 134);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  z-index: 10 !important;
}
.el-popover.el-popper.white-tip.show_flag .pop_body {
  color: #fff;
  font-size: 14px;
  font-weight: 550;
  display: flex;
  gap: 2px;
  align-items: center;
}
.el-popover.el-popper.white-tip.show_flag .popper__arrow {
  border-bottom-color: rgb(34, 207, 138);
}
.el-popover.el-popper.white-tip.show_flag .popper__arrow::after {
  border-bottom-color: rgb(34, 207, 138);
}
.el-popover.el-popper.white-tip .p1 {
  color: #91999c;
  font-size: 11px;
  margin-bottom: 6px;
}
.el-popover.el-popper.white-tip .time_box {
  border-radius: 6px;
  background-color: #f5f7f8;
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.el-popover.el-popper.white-tip .div_flex {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.el-popover.el-popper.white-tip .div_flex p {
  line-height: 21px;
  font-size: 12px;
  color: #6e777a;
  gap: 2px;
}
.el-popover.el-popper.white-tip .div_flex p .sp1 {
  font-size: 14px;
  color: #2e3638;
  font-weight: 500;
}
.el-popover.el-popper.white-tip .div_left {
  position: relative;
}
.el-popover.el-popper.white-tip .div_left:after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  height: 32px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.08);
}
.el-popover.el-popper.white-tip .tag_div,
.el-popover.el-popper.white-tip p {
  display: flex;
  align-items: center;
}
.el-popover.el-popper.white-tip .tag_div {
  gap: 4px;
  font-size: 12px;
  color: #50595c;
}
.el-popover.el-popper.white-tip .tag_div .tag {
  font-size: 16px;
  font-weight: 500;
  padding: 0.5px 1.5px;
  border-radius: 1.71px;
  color: #fff;
  height: 12px;
  width: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  margin-top: 1.5px;
}
.el-popover.el-popper.white-tip .tag_div .tag span {
  transform: scale(0.5);
  position: relative;
  top: -0.5px;
}
.el-popover.el-popper.white-tip .tag_div .tag.blue {
  background: linear-gradient(135deg, #4cd3ff 0%, #11bbf2 100%);
}
.el-popover.el-popper.white-tip .tag_div .tag.orange {
  background: linear-gradient(135deg, #ffa658 0%, #ff851a 100%);
}
@charset "UTF-8";
/* 自定义缩放动画 */
.custom-zoom-enter-active,
.custom-zoom-leave-active {
  transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transform-origin: top center;
}
.custom-zoom-enter,
.custom-zoom-leave-to {
  opacity: 0;
  transform: scale(0);
}
.launch-btn[data-v-93a4e042] {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 68px;
  user-select: none;
  height: 28px;
  background: #11bbf2;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  padding: 6px 12px;
  color: #fff;
  width: fit-content;
  box-sizing: border-box;
  overflow: hidden;
}
.launch-btn.large[data-v-93a4e042] {
  gap: 6px;
  font-size: 16px;
  font-weight: 550;
  border-radius: 8px;
  padding: 4px 8px;
  min-width: 150px;
  height: 40px;
  margin-top: 16px;
}
.launch-btn.large svg[data-v-93a4e042] {
  width: 20px;
  height: 20px;
}
.launch-btn.small1[data-v-93a4e042] {
  border-radius: 6px;
  font-weight: 550;
  gap: 2px;
  font-size: 14px;
  min-width: 70px;
  height: 32px;
}
.launch-btn svg[data-v-93a4e042] {
  width: 16px;
  height: 16px;
}
.launch-btn svg path[data-v-93a4e042] {
  fill: #fff;
}
.launch-btn .btn-flash[data-v-93a4e042] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  will-change: left;
}
.launch-btn .fake-loading-wrap[data-v-93a4e042] {
  position: absolute;
  width: 90%;
  height: 100%;
  left: 0;
  top: 0;
  transition: width 0.5s linear;
  display: none;
}
.launch-btn .fake-loading-wrap .fake-loading-bar[data-v-93a4e042] {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 100%;
}
.launch-btn[data-v-93a4e042]:hover {
  background: rgb(60, 199, 244);
}
.launch-btn:hover .btn-flash[data-v-93a4e042] {
  animation: flashAnimation-93a4e042 1.2s linear infinite;
}
.launch-btn[data-v-93a4e042]:active {
  background: rgb(0, 164, 221);
}
.launch-btn:active .btn-flash[data-v-93a4e042] {
  animation: flashAnimation-93a4e042 1.2s linear infinite;
}
.launch-btn.launching[data-v-93a4e042] {
  background: rgb(17, 187, 242);
}
.launch-btn.launching .btn-flash[data-v-93a4e042] {
  animation: none !important;
}
.launch-btn.launching .fake-loading-wrap[data-v-93a4e042] {
  animation: fakeLoading-93a4e042 ease-in-out 2s;
  display: block;
}
.launch-btn.running[data-v-93a4e042] {
  background: linear-gradient(0deg, rgba(147, 147, 147, 0.8), rgba(147, 147, 147, 0.8)), linear-gradient(270deg, #06c9f3 0%, #07b0e6 100%);
}
.launch-btn.running .fake-loading-wrap[data-v-93a4e042] {
  width: 100%;
  display: none;
}
.launch-btn.running[data-v-93a4e042]:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(0deg, rgba(147, 147, 147, 0.8), rgba(147, 147, 147, 0.8)), linear-gradient(270deg, #06c9f3 0%, #07b0e6 100%);
}
.launch-btn.running[data-v-93a4e042]:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(147, 147, 147, 0.8), rgba(147, 147, 147, 0.8)), linear-gradient(270deg, #06c9f3 0%, #07b0e6 100%);
}
@keyframes flashAnimation-93a4e042 {
0% {
    left: -100%;
}
100% {
    left: 100%;
}
}
@keyframes fakeLoading-93a4e042 {
0% {
    width: 0;
}
100% {
    width: 90%;
}
}
[data-v-09af0f46] .el-image .el-image__error,[data-v-09af0f46] .el-image .el-image__placeholder {
  background-color: #285062;
}
.cloud_header[data-v-09af0f46] {
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 8;
  gap: 16px;
  padding: 20px 32px 16px 32px;
  flex-flow: wrap;
  justify-content: space-between;
}
.cloud_header.top[data-v-09af0f46] {
  flex: 1;
  padding: 0 24px 0 32px;
}
.cloud_header .enabletime-box[data-v-09af0f46] {
  margin-left: 0;
}
.cloud_header .left[data-v-09af0f46] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.cloud_header .left .tab[data-v-09af0f46] {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #6e777a;
}
.cloud_header .left .tab dd[data-v-09af0f46] {
  cursor: pointer;
  position: relative;
}
.cloud_header .left .tab dd[data-v-09af0f46]:first-child {
  min-width: 41px;
}
.cloud_header .left .tab dd[data-v-09af0f46]:last-child {
  min-width: 65px;
}
.cloud_header .left .tab dd[data-v-09af0f46]:hover {
  color: #000405;
}
.cloud_header .left .tab dd.active[data-v-09af0f46] {
  color: #000405;
}
.cloud_header .left .tab dd.active[data-v-09af0f46]:before {
  content: "";
  width: 16px;
  height: 7px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  background-size: 100% 100%;
  background: url(../assets/tab_active.109c6351.svg) no-repeat;
}
.cloud_header .left[data-v-09af0f46] .el-input {
  width: 216px;
  min-width: 90px;
}
.cloud_header .left[data-v-09af0f46] .el-input .el-input__prefix {
  left: 12px;
  top: 6px;
}
.cloud_header .left[data-v-09af0f46] .el-input img {
  width: 20px;
}
.cloud_header .left[data-v-09af0f46] .el-input input {
  border-radius: 6px;
  padding-left: 36px;
  background-color: rgb(245, 247, 248);
  border-color: transparent;
  caret-color: #000305;
}
.cloud_header .left[data-v-09af0f46] .el-input input::placeholder {
  color: #6e777a;
}
.cloud_header .left[data-v-09af0f46] .el-input input:hover, .cloud_header .left[data-v-09af0f46] .el-input input:focus {
  border-color: #11bbf2;
  box-shadow: unset;
}
.cloud_header .left[data-v-09af0f46] .el-input .el-icon-circle-close:before {
  content: "\e79d";
}
.filter_box[data-v-09af0f46] {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  width: 413px;
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  z-index: 9;
  max-height: 400px;
  background: #fff;
  overflow-y: scroll;
  overflow-y: overlay;
  box-shadow: 0px 6.4px 14.4px 0px rgba(0, 0, 0, 0.1294117647), 0px 1.2px 3.6px 0px rgba(0, 0, 0, 0.1019607843), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.1019607843);
}
.filter_box dl[data-v-09af0f46] {
  flex: 1;
  min-height: 1px;
}
.filter_box dl dd[data-v-09af0f46] {
  display: flex;
  cursor: pointer;
  align-items: center;
  padding: 8px 16px;
}
.filter_box dl dd[data-v-09af0f46]:hover {
  background: rgba(0, 4, 5, 0.05);
}
.filter_box dl dd[data-v-09af0f46]:active {
  background: rgba(0, 4, 5, 0.08);
}
.filter_box dl dd .img_box[data-v-09af0f46] {
  width: 60px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: center/cover url("https://todeskcdnspeed.todesk.com/202409141414256220e406aeb6f8.png") no-repeat, #f4f7f8;
}
.filter_box dl dd .img_box img[data-v-09af0f46] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.filter_box dl dd .name[data-v-09af0f46] {
  flex: 1;
  padding-left: 6px;
}
.filter_box dl dt[data-v-09af0f46] {
  width: 100%;
  height: 224px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #50595c;
}
.filter_box dl dt img[data-v-09af0f46] {
  width: 87px;
  height: 106px;
}
.filter_box dl dt .p1[data-v-09af0f46] {
  line-height: 16px;
  font-size: 16px;
  font-weight: 600;
  margin-top: 18px;
  color: #000405;
}
.filter_box dl dt .p2[data-v-09af0f46] {
  font-size: 14px;
  margin-top: 6px;
  color: #50595c;
}
.filter_box dl dt .p2 a[data-v-09af0f46] {
  cursor: pointer;
  color: #0c85ac;
}
.filter_box dl dt .p2 a[data-v-09af0f46]:hover {
  color: var(--daas-blue-04);
}
.filter_box dl dt .p2 a[data-v-09af0f46]:active {
  color: var(--daas-blue-03);
}

@keyframes loadingRotate-f6b3dfe6 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
svg[data-v-f6b3dfe6] {
  animation: loadingRotate-f6b3dfe6 2s linear infinite;
}

.device-item[data-v-471f8e8e] {
  position: relative;
  width: 318px;
  height: 209px;
  border-radius: 12px;
  box-sizing: border-box;
  margin-left: 20px;
  margin-bottom: 23px;
}
.device-item * svg[data-v-471f8e8e] {
  outline: none;
  user-select: none;
}
.add-device[data-v-471f8e8e] {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  flex-direction: column;
  background: #fff;
  border: 1px dashed #11bbf2;
}
.add-device .add-device-btn[data-v-471f8e8e] {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f7f8;
}
.add-device .add-device-btn img[data-v-471f8e8e] {
  width: 26px;
  height: 26px;
}
.add-device .add-device-btn-text[data-v-471f8e8e] {
  font-size: 16px;
  color: #0faadc;
  margin-top: 18px;
}
.add-device .add-device-btn2[data-v-471f8e8e] {
  display: none;
  background: #11bbf2;
}
.add-device[data-v-471f8e8e]:hover {
  border-color: #11bbf2;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(17, 187, 242, 0.03);
}
.add-device:hover .add-device-btn1[data-v-471f8e8e] {
  display: none;
}
.add-device:hover .add-device-btn2[data-v-471f8e8e] {
  display: flex;
}
.add-device[data-v-471f8e8e]:active {
  background-color: rgba(17, 187, 242, 0.07);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.add-device:active .add-device-btn1[data-v-471f8e8e] {
  display: none;
}
.add-device:active .add-device-btn2[data-v-471f8e8e] {
  display: flex;
}
.add-device.disabled[data-v-471f8e8e] {
  border-color: #afb4b8;
}
.add-device.disabled .add-device-btn[data-v-471f8e8e] {
  opacity: 0.7;
}
.cur-device[data-v-471f8e8e] {
  position: relative;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 0.5px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.cur-device.disabled .middle .opr-btn svg[data-v-471f8e8e] {
  color: #40474a !important;
  opacity: 0.7;
}
.cur-device.disabled.free-time-sku .opr-btn[data-v-471f8e8e] {
  opacity: 0.5;
}
.cur-device.disabled.free-time-sku .opr-btn svg[data-v-471f8e8e] {
  color: var(--daas-blue-04) !important;
}
.cur-device.disabled.free-time-sku[data-v-471f8e8e]:hover {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.cur-device.windows[data-v-471f8e8e] {
  background: top left/100% auto url("https://todeskcdnspeed.todesk.com/2024080217333961eb005b58c71c.png") no-repeat, #7fbce3;
}
.cur-device.windows.power-off[data-v-471f8e8e] {
  background: top left/100% auto url("https://todeskcdnspeed.todesk.com/2024080217335361eb0068b9f528.png") no-repeat, #aeb4b9;
}
.cur-device.windows.power-off[data-v-471f8e8e]:hover {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.cur-device.windows .top .device-icon[data-v-471f8e8e] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACZSURBVHgB7dfBDcIwEETRMaIASqEEOkV0EjoIHVBCOjAB+cAlEO0qGiX572IfrJX/cSUAAH6oOV2bcak516n/HbRyBLgR4EaAGwFuBLgR4Lb6gOOMN3fF9e0cknMe2qry78F7GVHcUErpxxmn8X5W3GeOImpO12awkU0hwI0ANwLcCHAjwI0At11sZDfFPb/OzJzMNgcAC3oBIa4WYwnVsQYAAAAASUVORK5CYII=);
}
.cur-device.free-time-sku[data-v-471f8e8e] {
  background: top left/100% auto url("https://todeskcdnspeed.todesk.com/202408221157106203da72f60d6c.png") no-repeat, rgb(129, 139, 148);
}
.cur-device.free-time-sku .top .device-icon[data-v-471f8e8e] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACZSURBVHgB7dfBDcIwEETRMaIASqEEOkV0EjoIHVBCOjAB+cAlEO0qGiX572IfrJX/cSUAAH6oOV2bcak516n/HbRyBLgR4EaAGwFuBLgR4Lb6gOOMN3fF9e0cknMe2qry78F7GVHcUErpxxmn8X5W3GeOImpO12awkU0hwI0ANwLcCHAjwI0At11sZDfFPb/OzJzMNgcAC3oBIa4WYwnVsQYAAAAASUVORK5CYII=);
}
.cur-device.free-time-sku .middle .opr-btn-wrap[data-v-471f8e8e] {
  margin-top: 14px;
}
.cur-device.free-time-sku .middle .opr-btn-wrap .opr-btn .btn-text[data-v-471f8e8e] {
  color: #fff;
}
.cur-device.linux[data-v-471f8e8e] {
  background: 236px 69px/80px auto url(../assets/linux-online.41737b6a.svg) no-repeat, top/80px auto url(../img/bkg_linux.0c3d2889.png) no-repeat, #fff;
}
.cur-device.item1[data-v-471f8e8e] {
  background: top left/100% auto url("https://todeskcdnspeed.todesk.com/2024102316044162520568776584.png") no-repeat, #474747;
}
.cur-device.item1.power-off[data-v-471f8e8e] {
  background: top left/100% auto url("https://todeskcdnspeed.todesk.com/202410231604486252056faef34c.png") no-repeat, #aeb4b9;
}
.cur-device.item2[data-v-471f8e8e] {
  background: top left/100% auto url("https://todeskcdnspeed.todesk.com/2024102316045562520576583910.png") no-repeat, #7fbce3;
}
.cur-device.item2.power-off[data-v-471f8e8e] {
  background: top left/100% auto url("https://todeskcdnspeed.todesk.com/202410231605026252057d10befc.png") no-repeat, #aeb4b9;
}
.cur-device.item3[data-v-471f8e8e] {
  background: top left/100% auto url("https://todeskcdnspeed.todesk.com/202410231605096252058383e634.png") no-repeat, #7fbce3;
}
.cur-device.item3.power-off[data-v-471f8e8e] {
  background: top left/100% auto url("https://todeskcdnspeed.todesk.com/202410231605156252058912e798.png") no-repeat, #aeb4b9;
}
.cur-device.data-desktop-disabled[data-v-471f8e8e] {
  border-color: #afb4b8;
  background-color: rgba(55, 68, 86, 0.25);
  background-image: none;
  background: top left/100% auto url(https://todeskcdnspeed.todesk.com/202410231605026252057d10befc.png) no-repeat, #aeb4b9;
}
.cur-device.data-desktop-disabled .add-device-btn[data-v-471f8e8e] {
  opacity: 0.7;
}
.cur-device[data-v-471f8e8e]:hover {
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.15);
}
.cur-device:active .pressed-bg[data-v-471f8e8e] {
  background-color: rgba(0, 0, 0, 0.03);
}
.cur-device .pressed-bg[data-v-471f8e8e] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 0;
}
.cur-device .top[data-v-471f8e8e],
.cur-device .boo[data-v-471f8e8e] {
  position: relative;
  z-index: 1;
}
.cur-device .top[data-v-471f8e8e] {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cur-device .top .device-left[data-v-471f8e8e] {
  display: flex;
  align-items: center;
  height: 22px;
  flex: 1;
  min-width: 0;
}
.cur-device .top .device-left span[data-v-471f8e8e] {
  display: block;
}
.cur-device .top .device-left .device-icon[data-v-471f8e8e] {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: transparent;
}
.cur-device .top .device-left .device-name[data-v-471f8e8e] {
  flex: 1;
  max-width: max-content;
  line-height: normal;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cur-device .top .device-left .edit-icon[data-v-471f8e8e] {
  cursor: pointer;
  margin-left: 4px;
}
.cur-device .top .device-left .edit-icon[data-v-471f8e8e] .el-popover__reference-wrapper {
  display: flex;
  align-items: center;
}
.cur-device .top .device-left .edit-icon[data-v-471f8e8e] .el-popover__reference-wrapper svg {
  margin-top: 0px;
}
.cur-device .top .device-right[data-v-471f8e8e] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.cur-device .top .device-right.running .device-state[data-v-471f8e8e] {
  background-color: rgb(91, 235, 201);
}
.cur-device .top .device-right.in-queue .device-state[data-v-471f8e8e] {
  background-color: rgb(250, 201, 47);
}
.cur-device .top .device-right span[data-v-471f8e8e] {
  display: block;
}
.cur-device .top .device-right .device-state[data-v-471f8e8e] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
  background-color: rgb(214, 218, 219);
  flex-shrink: 0;
}
.cur-device .top .device-right .state-text[data-v-471f8e8e] {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  flex-shrink: 0;
}
.cur-device .middle[data-v-471f8e8e] {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}
.cur-device .middle .loading-wrap[data-v-471f8e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 14px auto 0;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
}
.cur-device .middle .loading-wrap.in-queue[data-v-471f8e8e] {
  width: 64px;
  height: 64px;
  overflow: visible;
  position: relative;
  margin-top: 21.5px;
}
.cur-device .middle .loading-wrap.in-queue .btn-text[data-v-471f8e8e] {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  z-index: 1;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.cur-device .middle .loading-wrap.in-queue .btn-text span[data-v-471f8e8e] {
  margin-right: 5px;
}
.cur-device .middle .loading-wrap.in-queue .btn-text svg[data-v-471f8e8e] {
  margin-bottom: 1px;
  color: #fff;
}
.cur-device .middle .loading-wrap.in-queue .btn-text.power-off[data-v-471f8e8e] {
  color: rgb(80, 89, 92);
  font-weight: 500;
}
.cur-device .middle .loading-wrap.in-queue .btn-text.power-off svg[data-v-471f8e8e] {
  color: rgb(80, 89, 92);
}
.cur-device .middle .loading-wrap.in-queue .ripple-container[data-v-471f8e8e] {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
.cur-device .middle .loading-wrap.in-queue .ripple-container .ripple[data-v-471f8e8e] {
  width: 64px;
  height: 64px;
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 50%;
  transform: scale(1);
  border: 2px rgba(255, 255, 255, 0.5) solid;
  animation: rippleEffect 1s ease-out infinite;
}
.cur-device .middle .loading-wrap.in-queue .ripple-container .ripple[data-v-471f8e8e]:last-of-type {
  animation-delay: 0.35s;
}
.cur-device .middle .loading-wrap.in-queue .circular-progress-wrap[data-v-471f8e8e] {
  z-index: 1;
  background: center/40px auto url(../assets/in-queue.4d27d857.svg) no-repeat, #fff;
  cursor: pointer;
}
.cur-device .middle .loading-wrap.in-queue .circular-progress-wrap[data-v-471f8e8e]:hover {
  background: center/40px auto url(../assets/leave-queue.48345158.svg) no-repeat, #fff;
}
.cur-device .middle .loading-wrap.in-queue .circular-progress-wrap[data-v-471f8e8e]:active {
  background: center/40px auto url(../assets/leave-queue.48345158.svg) no-repeat, #f5f7f8;
}
.cur-device .middle .loading-wrap .circular-progress-wrap[data-v-471f8e8e] {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cur-device .middle .loading-wrap .circular-progress-wrap .loading-icon-wrap[data-v-471f8e8e] {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  background-color: #fff;
  border-radius: 50%;
}
.cur-device .middle .loading-wrap .btn-text[data-v-471f8e8e] {
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
}
.cur-device .middle .loading-wrap .btn-text.power-on[data-v-471f8e8e] {
  color: rgb(64, 72, 75);
  font-weight: 500;
}
.cur-device .middle .opr-btn-wrap[data-v-471f8e8e] {
  margin: 14px auto 0;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
.cur-device .middle .opr-btn-wrap.loading[data-v-471f8e8e] {
  background-color: rgb(245, 247, 248);
}
.cur-device .middle .opr-btn-wrap .opr-btn[data-v-471f8e8e] {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  position: relative;
  color: var(--daas-blue-04);
}
.cur-device .middle .opr-btn-wrap .opr-btn[data-v-471f8e8e]:hover {
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.12), 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.cur-device .middle .opr-btn-wrap .opr-btn .btn-text[data-v-471f8e8e] {
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  /* padding-top: 4px; */
  line-height: 150%;
}
.cur-device .middle .opr-btn-wrap .opr-btn .btn-text.power-on[data-v-471f8e8e] {
  color: rgb(64, 72, 75);
  font-weight: 500;
}
.cur-device .middle .opr-btn-wrap .opr-btn.opr-btn-status2[data-v-471f8e8e] {
  background-color: #11bbf2;
  filter: drop-shadow(0px 0px 12px rgba(255, 255, 255, 0.5)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.5));
  box-shadow: none;
  color: #fff;
}
.cur-device .middle .opr-btn-wrap .opr-btn.opr-btn-status2 .btn-text[data-v-471f8e8e] {
  color: rgb(64, 72, 75);
}
.cur-device .middle .opr-btn-wrap .opr-btn.opr-btn-status2[data-v-471f8e8e]:hover {
  background-color: #3cc7f4;
}
.cur-device .middle .opr-btn-wrap .opr-btn.opr-btn-status2:hover svg[data-v-471f8e8e] {
  color: #fff !important;
}
.cur-device .middle .opr-btn-wrap .opr-btn.opr-btn-status2[data-v-471f8e8e]:active {
  background-color: #3cc7f4 !important;
}
.cur-device .middle .opr-btn-wrap .icon-left[data-v-471f8e8e] {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}
.cur-device .middle .opr-btn-wrap .connect-loading[data-v-471f8e8e] {
  animation: loadingRotate linear infinite 1s;
}
.cur-device .middle .opr-btn-wrap.able[data-v-471f8e8e] {
  cursor: pointer;
}
.cur-device .middle .opr-btn-wrap.able:hover .opr-btn svg[data-v-471f8e8e] {
  color: var(--daas-blue-05);
}
.cur-device .middle .opr-btn-wrap.able:active .opr-btn[data-v-471f8e8e] {
  background-color: #f5f7f8;
}
.cur-device .middle .opr-btn-wrap.able:active .opr-btn svg[data-v-471f8e8e] {
  color: var(--daas-blue-04);
}
.cur-device .middle .opr-btn-wrap.able.poweron .opr-btn[data-v-471f8e8e] {
  filter: drop-shadow(0px 0px 12px rgba(255, 255, 255, 0.5)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.5));
  background-color: var(--daas-blue-05);
  box-shadow: none;
}
.cur-device .middle .opr-btn-wrap.able.poweron .opr-btn svg[data-v-471f8e8e] {
  color: #fff;
}
.cur-device .middle .opr-btn-wrap.able.poweron:hover .opr-btn[data-v-471f8e8e] {
  filter: drop-shadow(0px 0px 12px rgba(255, 255, 255, 0.5)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.5));
  box-shadow: none;
  background-color: var(--daas-blue-06);
}
.cur-device .middle .opr-btn-wrap.able.poweron:hover .opr-btn svg[data-v-471f8e8e] {
  color: #fff;
}
.cur-device .middle .opr-btn-wrap.able.poweron:active .opr-btn[data-v-471f8e8e] {
  filter: drop-shadow(0px 0px 12px rgba(255, 255, 255, 0.5)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.5));
  box-shadow: none;
  background-color: var(--daas-blue-04);
}
.cur-device .middle .opr-btn-wrap.able.poweron:active .opr-btn svg[data-v-471f8e8e] {
  color: #fff;
}
.cur-device .middle .opr-btn-wrap.disconnect[data-v-471f8e8e] {
  cursor: pointer;
}
.cur-device .middle .opr-btn-wrap.disconnect .opr-btn svg[data-v-471f8e8e] {
  color: #fc5364;
}
.cur-device .middle .opr-btn-wrap.disconnect:hover .opr-btn svg[data-v-471f8e8e] {
  color: #d42651;
}
.cur-device .middle .opr-btn-wrap.disconnect:active .opr-btn[data-v-471f8e8e] {
  background-color: #f5f7f8;
}
.cur-device .middle .opr-btn-wrap.disconnect:active .opr-btn svg[data-v-471f8e8e] {
  color: #d42651;
}
.cur-device .middle .opr-btn-wrap.poweron .power-on-btn[data-v-471f8e8e] {
  width: 20px;
  height: auto;
  margin-right: 8px;
}
.cur-device .middle .opr-btn-wrap.unable[data-v-471f8e8e] {
  cursor: default;
  pointer-events: none;
}
.cur-device .boo[data-v-471f8e8e] {
  display: flex;
  justify-content: space-between;
}
.cur-device .boo .boo-power-off[data-v-471f8e8e] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
}
.cur-device .boo .boo-power-off .svg-wrap[data-v-471f8e8e] {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(55, 68, 86, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
}
.cur-device .boo .boo-power-off .svg-tooltip[data-v-471f8e8e] {
  display: none;
  position: absolute;
  box-sizing: border-box;
  left: 45px;
  bottom: -22px;
  padding: 4px 9px 4px 9px;
  border-radius: 4px;
  background-color: rgb(247, 247, 247);
  color: #242a2d;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
}
.cur-device .boo .boo-power-off[data-v-471f8e8e]:hover {
  background-color: rgba(103, 128, 162, 0.3);
}
.cur-device .boo .boo-power-off:hover .svg-tooltip[data-v-471f8e8e] {
  display: block;
}
.cur-device .boo .boo-power-off[data-v-471f8e8e]:active {
  background-color: rgba(55, 68, 86, 0.45);
}
.cur-device .boo .boo-remain-time[data-v-471f8e8e] {
  height: 36px;
  padding: 10px 6px 10px 6px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(55, 68, 86, 0.3);
  display: flex;
  align-items: center;
  border-radius: 60px;
}
.cur-device .boo .boo-remain-time .remain-icon[data-v-471f8e8e] {
  width: 24px;
  height: 24px;
}
.cur-device .boo .boo-remain-time p[data-v-471f8e8e] {
  font-size: 12px;
  color: rgb(255, 255, 255);
}
.cur-device .boo[data-v-471f8e8e] .el-popover__reference-wrapper {
  display: block;
  height: 100%;
}
.cur-device .boo[data-v-471f8e8e] .el-popover__reference-wrapper .pop {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(55, 68, 86, 0.3);
}
.cur-device .boo[data-v-471f8e8e] .el-popover__reference-wrapper .pop:hover {
  background-color: rgba(103, 128, 162, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.cur-device .boo[data-v-471f8e8e] .el-popover__reference-wrapper .pop:active {
  background-color: rgba(55, 68, 86, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.cur-device .boo[data-v-471f8e8e] .el-popover__reference-wrapper .pop.disabled {
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: not-allowed;
  background-color: rgba(55, 68, 86, 0.25);
}
.cur-device .boo[data-v-471f8e8e] .el-popover__reference-wrapper .pop.disabled img {
  opacity: 0.5;
}
.power-tip-wrap[data-v-471f8e8e] {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.power-tip-wrap .power-tip[data-v-471f8e8e] {
  min-width: 222px;
  max-width: 100%;
  background-color: rgba(29, 32, 36, 0.85);
  color: #fff;
  padding: 12px 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.power-tip-wrap .power-tip .success-icon[data-v-471f8e8e] {
  width: 16px;
  height: auto;
  display: block;
  margin-right: 8px;
}
.power-tip-wrap .power-tip .wrong-icon[data-v-471f8e8e] {
  width: 20px;
  height: auto;
  display: block;
  margin-right: 8px;
}
.pop_box[data-v-471f8e8e] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.edit-name-popover {
  width: 270px;
  min-height: 150px;
  padding: 14.5px 16px 16px;
  box-sizing: border-box;
}
.edit-name-popover .edit-name-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #353840;
}
.edit-name-popover .name-input {
  margin-top: 14px;
  height: 32px;
  width: 100%;
}
.edit-name-popover .name-input ::v-deep .el-input__inner {
  height: 32px;
  box-sizing: border-box;
  padding-left: 8px;
  font-size: 14px;
  line-height: 1;
  color: rgb(48, 49, 51);
}
.edit-name-popover .name-len {
  display: inline-block;
  line-height: 21px;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
  font-size: 14px;
  color: #bbc1c2;
  background-color: #fff;
}
.edit-name-popover .btn-wrap {
  display: flex;
  margin-top: 16px;
  align-items: center;
  justify-content: flex-end;
}
.edit-name-popover .btn-wrap .common-btn-default,
.edit-name-popover .btn-wrap .common-btn-primary {
  padding: 8px 30px;
  margin-left: 12px;
}
.device-item-tip {
  margin-top: 5px !important;
  padding: 12px 16px !important;
  font-size: 12px !important;
  border-radius: 4px !important;
  border: var(--0, 1px) solid var(--light-, rgba(0, 0, 0, 0.08)) !important;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 3px 12px 0px rgba(0, 0, 0, 0.12) !important;
  transform: translateX(2px);
}
.device-item-tip .el-popover__title {
  font-weight: bold;
  font-size: 14px;
}
.device-item-tip .data-info .title {
  font-weight: bold;
  font-size: 14px;
}
.device-item-tip .data-info .content {
  margin-top: 4px;
  color: var(---03, #242a2d);
  text-align: justify;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  word-break: auto-phrase;
}
.device-item-tip .popper__arrow {
  left: 10px !important;
}
.auto-tip.el-popover {
  min-width: unset !important;
  background: rgb(247, 247, 247) !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15) !important;
  border-radius: 4px !important;
  margin-top: 6px !important;
  padding: 4px 8px !important;
  color: #242a2d !important;
  box-sizing: border-box;
  width: unset !important;
  transform: translateX(-41px);
}
@keyframes rippleEffect {
0% {
    transform: scale(1);
    border: rgba(255, 255, 255, 0.5) solid;
    border-width: 2px;
    opacity: 1;
}
100% {
    transform: scale(1.65625);
    border: rgba(255, 255, 255, 0.2) solid;
    border-width: 0;
    opacity: 0;
}
}
.net-item[data-v-d80473ca] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.net-item.selected[data-v-d80473ca] {
  border: 1px solid #d4d8db;
  width: 150px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
}
.net-item.selected[data-v-d80473ca]:hover {
  border-color: #3BD4FF;
}
.net-item.selected.selector-active[data-v-d80473ca] {
  border-color: #3BD4FF;
}
.net-item.selected .left-name[data-v-d80473ca] {
  color: #878c92;
}
.net-item.selected .angle[data-v-d80473ca] {
  width: 12px;
  height: 12px;
  margin-left: 4px;
}
.net-item.items[data-v-d80473ca] {
  padding-left: 8px;
  padding-right: 8px;
}
.net-item.items[data-v-d80473ca]:hover {
  background-color: #D6DADB;
}
.net-item.items[data-v-d80473ca]:active {
  background-color: #F5F7F8;
}
.net-item.items.item-selected[data-v-d80473ca] {
  background-color: #D6DADB;
}
.net-item.items .left-name[data-v-d80473ca] {
  color: #40444a;
}
.net-item .left-name[data-v-d80473ca] {
  font-size: 14px;
}
.net-item .right-info[data-v-d80473ca] {
  display: flex;
  align-items: center;
}
.net-item .right-info .status[data-v-d80473ca] {
  width: 20px;
  height: 20px;
}
.net-item .right-info .delay[data-v-d80473ca] {
  font-size: 12px;
}
.net-item .right-info .delay.err[data-v-d80473ca] {
  color: #ff4d4f;
}
.net-item .right-info .delay.warn[data-v-d80473ca] {
  color: #fbc30b;
}
.net-item .right-info .delay.ok[data-v-d80473ca] {
  color: #36ba78;
}
.speeding[data-v-d80473ca] {
  font-size: 14px;
  color: #878c92;
}
.item-box[data-v-02ca7fb0] {
  width: 100%;
}
.item-box .param-item[data-v-02ca7fb0] {
  width: 100%;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 16px;
  box-sizing: border-box;
}
.item-box .param-item[data-v-02ca7fb0]:nth-of-type(odd) {
  background-color: #f4f5f6;
}
.item-box .param-item[data-v-02ca7fb0]:nth-of-type(even) {
  background-color: #fff;
}
.item-box .param-item .label[data-v-02ca7fb0] {
  color: #555a61;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.item-box .param-item .value[data-v-02ca7fb0] {
  color: #000205;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
}
.horizontal-css .item-box[data-v-02ca7fb0] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.horizontal-css .item-box .param-item[data-v-02ca7fb0] {
  background-color: #f5f7f8;
  width: auto;
  padding: 5.5px 12px;
  height: 32px;
  border-radius: 6px;
}
.horizontal-css .item-box .param-item .label[data-v-02ca7fb0] {
  font-weight: 550;
  color: #252b2d;
}
.horizontal-css .item-box .param-item .value[data-v-02ca7fb0] {
  color: #252b2d;
}
.mac .horizontal-css .item-box .param-item .label[data-v-02ca7fb0] {
  font-weight: 500;
  font-family: PingFang SC;
}
.device-detail[data-v-f1275fe8] {
  width: 444px;
  height: 338px;
  background: #fff;
  box-sizing: border-box;
  padding-left: 24px;
  padding-right: 24px;
}
.device-detail .info-type-wrap[data-v-f1275fe8] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100%;
  height: 28px;
  padding: 3px;
  background-color: rgb(238, 240, 241);
}
.device-detail .info-type-wrap .info-type[data-v-f1275fe8] {
  border-radius: 4px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(80, 89, 92);
  padding: 0 8px;
  height: 100%;
  font-size: 14px;
  cursor: pointer;
  margin-right: 3px;
}
.device-detail .info-type-wrap .info-type[data-v-f1275fe8]:last-of-type {
  margin-right: 0;
}
.device-detail .info-type-wrap .info-type[data-v-f1275fe8]:hover {
  color: rgb(36, 42, 45);
  background-color: rgb(255, 255, 255);
}
.device-detail .info-type-wrap .info-type[data-v-f1275fe8]:active {
  color: rgb(36, 42, 45);
  background-color: rgb(255, 255, 255);
}
.device-detail .info-type-wrap .info-type.active[data-v-f1275fe8] {
  color: rgb(36, 42, 45);
  background-color: rgb(255, 255, 255);
}
.device-detail .info-type-wrap .info-type.disabled[data-v-f1275fe8] {
  opacity: 0.5;
}
.device-detail .detail-item[data-v-f1275fe8] {
  margin-top: 20px;
}
.device-detail .detail-item .detail-label[data-v-f1275fe8] {
  line-height: 21px;
  font-size: 14px;
  color: #878c92;
}
.device-detail .detail-item .detail-label.detail-label-endtime[data-v-f1275fe8] {
  display: flex;
  align-items: center;
}
.device-detail .detail-item .detail-label.detail-label-endtime .mention-icon[data-v-f1275fe8] {
  margin-left: 4px;
  width: 16px;
  height: 16px;
}
.device-detail .detail-item .detail-info[data-v-f1275fe8] {
  display: flex;
  align-items: center;
  height: 28px;
  color: #000205;
}
.device-detail .detail-item .detail-info.detail-params[data-v-f1275fe8] {
  height: fit-content;
}
.device-detail .detail-item .detail-info.mirror-code[data-v-f1275fe8] {
  display: flex;
  align-items: center;
  color: #00a4dd;
  cursor: pointer;
}
.device-detail .detail-item .detail-info.mirror-code .copy-btn[data-v-f1275fe8] {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.device-detail .detail-item .detail-info.mirror-code .copy-btn svg[data-v-f1275fe8] {
  color: var(--daas-blue-05);
}
.device-detail .detail-item .detail-info.mirror-code[data-v-f1275fe8]:hover {
  color: var(--daas-blue-03);
}
.device-detail .detail-item .detail-info.mirror-code:hover .copy-btn svg[data-v-f1275fe8] {
  color: #00a4dd;
}
.device-detail .detail-item .detail-info.mirror-code[data-v-f1275fe8]:active {
  color: var(--daas-blue-02);
}
.device-detail .detail-item .detail-info.mirror-code:active .copy-btn svg[data-v-f1275fe8] {
  color: var(--daas-blue-03);
}
.device-detail .detail-item .detail-info .edit-icon[data-v-f1275fe8] {
  margin-left: 8px;
  width: 20px;
  height: 20px;
}
.device-detail .detail-item .detail-info .info-box[data-v-f1275fe8] {
  width: 100%;
  margin-top: 4px;
  border-radius: 4px;
  border: 1px solid #d6dadb;
}
.device-detail .detail-item .detail-info.detail-info-name[data-v-f1275fe8] {
  cursor: pointer;
}
.device-detail .detail-item .detail-info.detail-info-name:hover .edit-icon[data-v-f1275fe8] {
  opacity: 0.75;
}
.device-detail .detail-item .detail-info.detail-info-name-edit[data-v-f1275fe8] {
  height: 28px;
}
.device-detail .detail-item .detail-info.detail-info-name-edit .name-input[data-v-f1275fe8] {
  height: 28px;
  width: 100%;
}
.device-detail .detail-item .detail-info.detail-info-name-edit .name-input[data-v-f1275fe8] .el-input__inner {
  height: 28px;
  box-sizing: border-box;
  padding-left: 6px;
  font-size: 14px;
  line-height: 1;
}
.device-detail .detail-item .detail-info.detail-info-name-edit .name-input[data-v-f1275fe8] .el-input__inner:focus {
  border-color: #51abff;
}
.device-detail .detail-item .detail-info.detail-info-name-edit .name-len[data-v-f1275fe8] {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
  background: #eef0f1;
  font-size: 11px;
  color: #555a61;
}
.device-detail .disk-info-label[data-v-f1275fe8] {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: rgb(135, 140, 146);
}
.device-detail .mounted-disk-wrap[data-v-f1275fe8] {
  margin-top: 8px;
}
.device-detail .mounted-disk-wrap .mounted-disk-empty-text[data-v-f1275fe8] {
  color: #2e3638;
}
.device-detail .mounted-disk-wrap .mounted-disk-item[data-v-f1275fe8] {
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.device-detail .mounted-disk-wrap .mounted-disk-item.is-expired[data-v-f1275fe8] {
  user-select: none !important;
  touch-action: none !important;
  opacity: 0.6 !important;
}
.device-detail .mounted-disk-wrap .mounted-disk-item.is-expired[data-v-f1275fe8]:hover {
  background-color: #fff;
}
.device-detail .mounted-disk-wrap .mounted-disk-item.is-expired[data-v-f1275fe8]:active {
  background-color: #fff;
}
.device-detail .mounted-disk-wrap .mounted-disk-item[data-v-f1275fe8]:hover {
  background-color: rgba(0, 4, 5, 0.05);
}
.device-detail .mounted-disk-wrap .mounted-disk-item[data-v-f1275fe8]:active {
  background-color: rgba(0, 4, 5, 0.08);
}
.device-detail .mounted-disk-wrap .mounted-disk-item img[data-v-f1275fe8] {
  flex-shrink: 0;
  width: 20px;
  height: auto;
  margin-right: 8px;
}
.device-detail .mounted-disk-wrap .mounted-disk-item p[data-v-f1275fe8] {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  color: rgb(36, 42, 45);
}
.device-detail .mounted-disk-wrap .mounted-disk-item svg[data-v-f1275fe8] {
  flex-shrink: 0;
  width: auto;
  height: 13px;
}
.custom-panel[data-v-2d828b44] {
  width: 100%;
}
.custom-panel_header[data-v-2d828b44] {
  width: 100%;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
}
.custom-panel_header .title[data-v-2d828b44] {
  color: rgb(36, 42, 45);
  font-size: 24px;
  font-weight: 600;
  height: 100%;
  display: flex;
  align-items: center;
}
.custom-panel_header .sub_title[data-v-2d828b44] {
  color: rgb(110, 119, 122);
  font-size: 24px;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: 36px;
}
.custom-panel_body[data-v-2d828b44] {
  width: 100%;
  margin-top: 12px;
  position: relative;
}
.custom-card[data-v-66dc0000] {
  position: relative;
  width: 280px;
  height: 184px;
  border-radius: 12px;
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.custom-card[data-v-66dc0000]:hover {
  box-shadow: 0px 4px 18px 0px rgba(17, 22, 27, 0.25);
}
.custom-card:hover .custom-card_btn[data-v-66dc0000] {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 164, 221) !important;
}
.custom-card[data-v-66dc0000]:active {
  box-shadow: 0px 1px 4.5px 0px rgba(0, 0, 0, 0.18);
}
.custom-card:active .custom-card_btn[data-v-66dc0000] {
  background-color: rgb(231, 248, 254) !important;
  color: rgb(0, 164, 221) !important;
}
.custom-card .hot[data-v-66dc0000] {
  width: 47px;
  height: 28px;
  color: rgb(255, 255, 255);
  background-color: rgb(252, 83, 100);
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.custom-card_img[data-v-66dc0000] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.custom-card_img img[data-v-66dc0000] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-card .suspension_container[data-v-66dc0000] {
  display: none;
  transition: all 0.1s linear;
  height: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 132px;
  z-index: 2;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.custom-card_title[data-v-66dc0000] {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 106px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.custom-card_title .title_wrap[data-v-66dc0000] {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding: 0 16px;
  box-sizing: border-box;
}
.custom-card_title .title_wrap .title[data-v-66dc0000] {
  font-size: 20px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  text-shadow: 0px 1px 1.8px rgba(0, 0, 0, 0.3), 0px 0.3px 0.9px rgba(0, 0, 0, 0.1);
}
.custom-card_title .title_wrap.cloud-computer[data-v-66dc0000] {
  background: linear-gradient(180deg, rgba(25, 31, 63, 0) 5.4%, rgba(25, 31, 63, 0.0375613) 13.19%, rgba(25, 31, 63, 0.0779259) 19.48%, rgba(25, 31, 63, 0.121407) 24.57%, rgba(25, 31, 63, 0.168316) 28.77%, rgba(25, 31, 63, 0.218966) 32.35%, rgba(25, 31, 63, 0.27367) 35.63%, rgba(25, 31, 63, 0.332741) 38.9%, rgba(25, 31, 63, 0.39649) 42.44%, rgba(25, 31, 63, 0.465231) 46.57%, rgba(25, 31, 63, 0.539276) 51.57%, rgba(25, 31, 63, 0.618937) 57.73%, rgba(25, 31, 63, 0.704527) 65.36%, rgba(25, 31, 63, 0.79636) 74.75%, rgba(25, 31, 63, 0.894746) 86.2%, #191f3f 100%);
}
.custom-card_title .title_wrap.cloud-computer .title[data-v-66dc0000] {
  color: #7eeffc;
}
.custom-card_title .title_wrap.cloud-design[data-v-66dc0000] {
  background: linear-gradient(180deg, rgba(71, 107, 168, 0) 5.4%, rgba(71, 107, 168, 0.0375613) 13.19%, rgba(71, 107, 168, 0.0779259) 19.48%, rgba(71, 107, 168, 0.121407) 24.57%, rgba(71, 107, 168, 0.168316) 28.77%, rgba(71, 107, 168, 0.218966) 32.35%, rgba(71, 107, 168, 0.27367) 35.63%, rgba(71, 107, 168, 0.332741) 38.9%, rgba(71, 107, 168, 0.39649) 42.44%, rgba(71, 107, 168, 0.465231) 46.57%, rgba(71, 107, 168, 0.539276) 51.57%, rgba(71, 107, 168, 0.618937) 57.73%, rgba(71, 107, 168, 0.704527) 65.36%, rgba(71, 107, 168, 0.79636) 74.75%, rgba(71, 107, 168, 0.894746) 86.2%, #476ba8 100%);
}
.custom-card_title .title_wrap.cloud-aigc[data-v-66dc0000] {
  background: linear-gradient(180deg, rgba(22, 29, 39, 0) 5.4%, rgba(22, 29, 39, 0.0375613) 13.19%, rgba(22, 29, 39, 0.0779259) 19.48%, rgba(22, 29, 39, 0.121407) 24.57%, rgba(22, 29, 39, 0.168316) 28.77%, rgba(22, 29, 39, 0.218966) 32.35%, rgba(22, 29, 39, 0.27367) 35.63%, rgba(22, 29, 39, 0.332741) 38.9%, rgba(22, 29, 39, 0.39649) 42.44%, rgba(22, 29, 39, 0.465231) 46.57%, rgba(22, 29, 39, 0.539276) 51.57%, rgba(22, 29, 39, 0.618937) 57.73%, rgba(22, 29, 39, 0.704527) 65.36%, rgba(22, 29, 39, 0.79636) 74.75%, rgba(22, 29, 39, 0.894746) 86.2%, #161d27 100%);
}
.custom-card_title .title_wrap.cloud-client[data-v-66dc0000] {
  background: linear-gradient(180deg, rgba(22, 29, 39, 0) 5.4%, rgba(22, 29, 39, 0.0375613) 13.19%, rgba(22, 29, 39, 0.0779259) 19.48%, rgba(22, 29, 39, 0.121407) 24.57%, rgba(22, 29, 39, 0.168316) 28.77%, rgba(22, 29, 39, 0.218966) 32.35%, rgba(22, 29, 39, 0.27367) 35.63%, rgba(22, 29, 39, 0.332741) 38.9%, rgba(22, 29, 39, 0.39649) 42.44%, rgba(22, 29, 39, 0.465231) 46.57%, rgba(22, 29, 39, 0.539276) 51.57%, rgba(22, 29, 39, 0.618937) 57.73%, rgba(22, 29, 39, 0.704527) 65.36%, rgba(22, 29, 39, 0.79636) 74.75%, rgba(22, 29, 39, 0.894746) 86.2%, #161d27 100%);
}
.custom-card_title .title_wrap.moreGame[data-v-66dc0000] {
  background: linear-gradient(180deg, rgba(22, 29, 39, 0) 5.4%, rgba(22, 29, 39, 0.0375613) 13.19%, rgba(22, 29, 39, 0.0779259) 19.48%, rgba(22, 29, 39, 0.121407) 24.57%, rgba(22, 29, 39, 0.168316) 28.77%, rgba(22, 29, 39, 0.218966) 32.35%, rgba(22, 29, 39, 0.27367) 35.63%, rgba(22, 29, 39, 0.332741) 38.9%, rgba(22, 29, 39, 0.39649) 42.44%, rgba(22, 29, 39, 0.465231) 46.57%, rgba(22, 29, 39, 0.539276) 51.57%, rgba(22, 29, 39, 0.618937) 57.73%, rgba(22, 29, 39, 0.704527) 65.36%, rgba(22, 29, 39, 0.79636) 74.75%, rgba(22, 29, 39, 0.894746) 86.2%, #161d27 100%);
}
.custom-card_title .btn_wrap[data-v-66dc0000] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 47px;
  box-sizing: border-box;
  padding: 0 16px;
  width: 100%;
  gap: 4px;
}
.custom-card_title .btn_wrap .sub_title[data-v-66dc0000] {
  font-size: 13px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  opacity: 0.8;
  word-break: break-all;
}
.custom-card_title .btn_wrap .custom-card_btn[data-v-66dc0000] {
  font-size: 14px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  padding: 5px 20px;
  border-radius: 56px;
  min-width: 102px;
  background-color: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-card_title .btn_wrap.cloud-computer[data-v-66dc0000] {
  background-color: rgb(25, 31, 63);
}
.custom-card_title .btn_wrap.cloud-computer .custom-card_btn[data-v-66dc0000] {
  background: linear-gradient(90.26deg, #ffffff 0.28%, #7efcec 43.08%, #4dcffb 94.35%) !important;
  backdrop-filter: blur(12px);
  color: rgb(0, 4, 5) !important;
}
.custom-card_title .btn_wrap.cloud-computer .custom-card_btn[data-v-66dc0000]:hover {
  background: linear-gradient(90.26deg, #ffffff 0.28%, #88fced 54.78%, #60d5fc 99.83%) !important;
}
.custom-card_title .btn_wrap.cloud-computer .custom-card_btn[data-v-66dc0000]:active {
  background: linear-gradient(90.26deg, #ffffff 0.28%, #7efcec 43.08%, #4dcffb 94.35%) !important;
}
.custom-card_title .btn_wrap.cloud-computer .custom-card_btn.disabled[data-v-66dc0000] {
  opacity: 0.5;
  background: linear-gradient(90.26deg, #ffffff 0.28%, #7efcec 43.08%, #4dcffb 94.35%) !important;
}
.custom-card_title .btn_wrap.cloud-design[data-v-66dc0000] {
  background-color: rgb(71, 107, 168);
}
.custom-card_title .btn_wrap.cloud-aigc[data-v-66dc0000] {
  background-color: rgb(22, 29, 39);
}
.custom-card_title .btn_wrap.cloud-client[data-v-66dc0000] {
  background-color: rgb(22, 29, 39);
}
.custom-card_title .btn_wrap.moreGame[data-v-66dc0000] {
  background-color: rgb(22, 29, 39);
}
.custom-card.suspension:hover .hot[data-v-66dc0000] {
  display: none;
}
.custom-card.suspension:hover .suspension_container[data-v-66dc0000] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  backdrop-filter: blur(32px);
}
.custom-card.suspension:hover .suspension_container .suspension_content[data-v-66dc0000] {
  display: flex;
  flex: 1;
  width: 100%;
  justify-content: center;
}
.custom-card.suspension:hover .suspension_container.cloud-computer[data-v-66dc0000] {
  background: rgba(25, 31, 63, 0.6);
}
.custom-card.suspension:hover .suspension_container.cloud-design[data-v-66dc0000] {
  background: rgba(17, 24, 37, 0.6);
}
.custom-card.suspension:hover .suspension_container.cloud-aigc[data-v-66dc0000] {
  background: rgba(22, 29, 39, 0.6);
}
.custom-card.suspension:hover .suspension_container.cloud-client[data-v-66dc0000] {
  background: rgba(22, 29, 39, 0.6);
}
.custom-card.suspension:hover .title_wrap[data-v-66dc0000] {
  height: 59px;
}
.custom-card.suspension:hover .title_wrap .title[data-v-66dc0000] {
  display: none;
}
.desktop-management .code-active[data-v-ef872410] {
  cursor: pointer;
  padding: 0 16px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 36px;
  color: var(--light-DaaS-04, #00A4DD);
  border-radius: 6px;
}
.desktop-management .code-active[data-v-ef872410]:hover {
  color: var(--light-DaaS-04, #00A4DD);
  background: var(--light-hover, rgba(0, 0, 0, 0.05));
}
.desktop-management .code-active[data-v-ef872410]:active {
  color: var(--light-DaaS-03, #0C85AC);
  background: var(--light-pressed, rgba(0, 0, 0, 0.08));
}
.desktop-management.is-client .desktop-management_content[data-v-ef872410] {
  padding: 0 20px 0 32px;
}
.desktop-management.is-client .desktop-management_content .content-container2[data-v-ef872410] {
  width: 100% !important;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item[data-v-ef872410] {
  width: 244px;
  height: 160.34px;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] {
  width: 100%;
  height: 100%;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card .hot[data-v-ef872410] {
  width: 41px;
  height: 24px;
  border-top-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] .suspension_container {
  height: 120.78px;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] .suspension_container .hover_list .title {
  height: 36.6px;
  font-size: 14.64px;
  line-height: 21.96px;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] .suspension_container .hover_list .hover_item .hover_text {
  font-size: 10.98px;
  line-height: 16.47px;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] .suspension_container .hover_list .hover_item.margin_top_5 {
  margin-top: 4px;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] .custom-card_title {
  color: red;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] .custom-card_title .title_wrap .title {
  font-size: 18.3px;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] .custom-card_title .btn_wrap {
  min-height: 43px;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] .custom-card_title .btn_wrap .sub_title {
  font-size: 11px;
  line-height: 24.4px;
}
.desktop-management.is-client .desktop-management_content .content-container2 .custom-panel .custom-panel_body .list_wrap .card_item .custom-card[data-v-ef872410] .custom-card_title .btn_wrap .custom-card_btn {
  font-size: 12.2px;
  line-height: 1.25;
}
.desktop-management_content[data-v-ef872410] {
  display: flex;
  justify-content: center;
  padding: 16px 20px 48px 20px;
  box-sizing: border-box;
  height: fit-content;
}
.desktop-management_content .content-container2[data-v-ef872410] {
  width: 1167px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.desktop-management_content .content-container2 .cloud-computer[data-v-ef872410] {
  height: 100%;
  background: url(../assets/cloud-computer-title_line.e32fef34.svg) no-repeat;
  background-position: 0 calc(100% - 2px);
  display: flex;
  align-items: center;
}
.desktop-management_content .content-container2 .cloud-game_sub[data-v-ef872410] {
  position: relative;
  padding: 0 8px;
  margin-left: 18px;
}
.desktop-management_content .content-container2 .cloud-game_sub[data-v-ef872410]::before {
  content: "";
  position: absolute;
  top: 7px;
  left: -2px;
  width: 6px;
  height: 12px;
  border-top: 2px solid rgb(110, 119, 122);
  border-left: 2px solid rgb(110, 119, 122);
}
.desktop-management_content .content-container2 .cloud-game_sub[data-v-ef872410]::after {
  content: "";
  position: absolute;
  bottom: 6px;
  right: -1px;
  width: 6px;
  height: 12px;
  border-bottom: 2px solid rgb(110, 119, 122);
  border-right: 2px solid rgb(110, 119, 122);
}
.desktop-management_content .content-container2 .list_wrap[data-v-ef872410] {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.desktop-management_content .content-container2 .list_wrap .card_item[data-v-ef872410] {
  width: 280px;
}
.desktop-management_content .content-container2 .list_wrap .hover_list[data-v-ef872410] {
  width: fit-content;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 80%;
  text-shadow: 0px 1px 1.8px rgba(0, 0, 0, 0.3), 0px 0.3px 0.9px rgba(0, 0, 0, 0.1);
}
.desktop-management_content .content-container2 .list_wrap .hover_list .title[data-v-ef872410] {
  height: 40px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-shadow: 0px 1px 1.8px rgba(0, 0, 0, 0.3), 0px 0.3px 0.9px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  color: rgb(255, 255, 255);
}
.desktop-management_content .content-container2 .list_wrap .hover_list .hover_item[data-v-ef872410] {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.desktop-management_content .content-container2 .list_wrap .hover_list .hover_item .hover_text[data-v-ef872410] {
  margin-left: 4.6px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.desktop-management_content .content-container2 .list_wrap .hover_list .hover_item.margin_top_5[data-v-ef872410] {
  margin-top: 5px;
}
.desktop-management_content .content-container2 .operations[data-v-ef872410] {
  margin-top: 24px;
  text-align: center;
}
.desktop-management_content .content-container2 .operations .btn_start[data-v-ef872410] {
  width: 360px;
  height: 52px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  border-radius: 12px;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
  box-shadow: 0px 4px 12px 0px rgba(17, 187, 242, 0.3), 0px 1px 2px 0px rgba(255, 255, 255, 0.6);
  background: linear-gradient(90deg, #22c9ff 0%, #16b7eb 100%);
}
.desktop-management_content .content-container2 .operations .btn_start[data-v-ef872410]:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(90deg, #22c9ff 0%, #16b7eb 100%);
}
.desktop-management_content .content-container2 .operations .btn_start[data-v-ef872410]:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), linear-gradient(90deg, #22c9ff 0%, #16b7eb 100%);
}
.desktop-management_content .content-container2 .operations .btn_start.is-disabled[data-v-ef872410] {
  opacity: 0.5;
  cursor: not-allowed;
  background: linear-gradient(90deg, #22c9ff 0%, #16b7eb 100%) !important;
}
.desktop-management_content .content-container2 .operations .operation_tip[data-v-ef872410] {
  margin-top: 20px;
  color: rgb(80, 89, 92);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.desktop-management_content .content-container2 .operations .operation_tip .btn_download[data-v-ef872410] {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  cursor: pointer;
  color: rgb(0, 164, 221);
}
.desktop-management_content .content-container2 .operations .operation_tip .btn_download[data-v-ef872410]:hover {
  color: rgb(17, 187, 242);
}
.desktop-management_content .content-container2 .operations .operation_tip .btn_download[data-v-ef872410]:active {
  color: rgb(12, 133, 172);
}
.sub_box[data-v-ef872410] {
  margin-left: 7px;
}
.sub_box .sub_tip[data-v-ef872410] {
  display: flex;
  align-items: center;
  gap: 2px;
}
.sub_box .sub_tip .sub_tip_img[data-v-ef872410] {
  width: 16px;
  height: 16px;
}
.sub_box .sub_tip .sub_tip_text[data-v-ef872410] {
  font-size: 14px;
  font-weight: 400;
  color: rgb(64, 71, 74);
}
@media screen and (max-width: 1420px) {
.content-container2[data-v-ef872410] {
    width: 575px !important;
}
.content-container2.is-web[data-v-ef872410] {
    padding-bottom: 100px;
}
}
.result-dia .el-dialog {
  font-family: PingFang SC;
}
.result-dia .el-dialog .el-dialog__header {
  padding: 14px 32px 6px 20px;
}
.result-dia .el-dialog .el-dialog__title {
  color: rgb(0, 0, 0);
  line-height: 20px;
  font-weight: 500;
  font-size: 16px;
}
.result-dia .el-dialog .el-dialog__headerbtn {
  top: 8px;
  right: 12px;
}
.result-dia .el-dialog .el-dialog__body {
  padding: 12px 24px 24px 24px;
}
.result-dia .el-dialog .buy-payment1 .title {
  margin: 12px 0 8px 0;
  color: #000405;
  font-weight: 600;
}
.result-dia .el-dialog .buy-payment1 .payment-footer {
  color: #555e61;
  line-height: 22px;
}
.result-dia .el-dialog .buy-payment1 button {
  margin-top: 24px;
  min-width: 120px;
  padding: 11px 16px;
  border-radius: 8px;
  font-size: 16px;
}
.result-dia.en.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item, .result-dia.th.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item {
  margin-right: 16px;
}
.result-dia.en.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item.discount .label-wrap, .result-dia.th.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item.discount .label-wrap {
  width: 100%;
}
.result-dia.en.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item .label-wrap, .result-dia.th.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item .label-wrap {
  min-height: 66px;
}
.result-dia.is-vip .el-dialog {
  min-width: 448px !important;
  background: transparent;
  box-shadow: none;
}
.result-dia.is-vip .el-dialog .el-dialog__header {
  display: none;
}
.result-dia.is-vip .el-dialog .el-dialog__footer {
  display: none;
}
.result-dia.is-vip .el-dialog .el-dialog__body {
  width: 448px;
  min-height: 448px;
  overflow: visible;
  box-sizing: border-box;
  padding: 53px 0 0;
}
.result-dia.is-vip .el-dialog .el-dialog__body .buy-vip-success-bg {
  width: 484px;
  height: 185px;
  position: absolute;
  top: -105px;
  left: 50%;
  transform: translateX(-50%);
  background: center/100% auto url("https://todeskcdnspeed.todesk.com/20250427163547633be743c52b38.png") no-repeat;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-cancel-btn {
  position: absolute;
  top: 30px;
  right: -54px;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-cancel-btn svg {
  z-index: 1;
  width: 24.5px;
  height: auto;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-cancel-btn svg:hover {
  color: rgba(255, 255, 255, 0.6);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-cancel-btn svg:active {
  color: rgba(255, 255, 255, 0.4);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background: center top/100% 80px linear-gradient(180deg, #DDB400 0%, #AC730A 126.88%) no-repeat, #fff;
  padding-top: 52px;
  box-sizing: border-box;
  display: flex;
  border-radius: 12px;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-card {
  position: absolute;
  z-index: 1;
  background: 223px 20px/86px auto url(../img/buy-vip-daas-log.dbee55e3.png) no-repeat, linear-gradient(180deg, #FFE584 0%, #FEFDF5 100%), #fff;
  width: 336px;
  height: 156px;
  border-radius: 10px;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  padding: 16px 22px;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-card .card-title {
  display: flex;
  align-items: center;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-card .card-title .card-name {
  margin-right: 7px;
  font-size: 16px;
  font-weight: 600;
  color: rgb(116, 49, 6);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-card .card-buy-time {
  display: flex;
  align-items: flex-end;
  margin-top: 8px;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-card .card-buy-time .buy-num {
  font-weight: 700;
  font-size: 56px;
  line-height: 1.25;
  color: rgb(116, 49, 6);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-card .card-buy-time .buy-unit {
  font-weight: 600;
  font-size: 18px;
  line-height: 2.5;
  color: rgb(116, 49, 6);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content {
  position: relative;
  z-index: 2;
  flex: 1;
  border-radius: 0 0 12px 12px;
  background: center top/100% auto url(../assets/buy-vip-success-bg.37db90e8.svg) no-repeat;
  box-sizing: border-box;
  padding-top: 44px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .vip-title {
  box-sizing: border-box;
  padding: 0 24px;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: rgb(0, 4, 5);
  text-align: center;
  flex-shrink: 0;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .vip-sub-title {
  margin-top: 8px;
  box-sizing: border-box;
  padding: 0 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: rgb(103, 123, 130);
  text-align: center;
  flex-shrink: 0;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap {
  margin-top: 28px;
  box-sizing: border-box;
  padding: 0 42px;
  width: 100%;
  min-height: 96px;
  flex: 1;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .configurable-img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .configurable-img img {
  display: block;
  width: 100%;
  height: auto;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item {
  flex: 1;
  margin-right: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item:last-of-type {
  margin-right: 0;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item.free-time .icon-wrap {
  background: center/40px auto url(../assets/tiem.210a988d.svg) no-repeat, rgba(237, 224, 168, 0.5);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item.lottery .icon-wrap {
  background: center/40px auto url(../assets/gift.01a28d3c.svg) no-repeat, rgba(237, 224, 168, 0.5);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item.welfare .icon-wrap {
  background: center/40px auto url(../assets/welfare.bfee15c6.svg) no-repeat, rgba(237, 224, 168, 0.5);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item.discount .icon-wrap {
  background: center/40px auto url(../assets/discount.75827f15.svg) no-repeat, rgba(237, 224, 168, 0.5);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item .icon-wrap {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .configurable-wrap .common-list .common-item .label-wrap {
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: rgb(172, 115, 10);
  text-align: center;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .btn-wrap {
  margin: 32px auto 0;
  width: 352px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #DDB400 0%, #AC730A 100%);
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  flex-shrink: 0;
  cursor: pointer;
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .btn-wrap:hover {
  filter: brightness(1.1);
}
.result-dia.is-vip .el-dialog .el-dialog__body .vip-content .btn-wrap:active {
  filter: brightness(0.95);
}
.mac .result-dia .el-dialog .el-dialog__title {
  font-weight: 500;
}
.pay-res-adv-box {
  padding-top: 32px;
  width: 100%;
}
.pay-res-adv-box .pay-wx-oa {
  border-radius: 8px;
  background: radial-gradient(50% 50% at 50% 50%, #D0F5FF 0%, #D2F5FF 100%);
  height: 90px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 1;
  padding-right: 9px;
}
.pay-res-adv-box .pay-wx-oa .bg0 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: auto;
  z-index: -1;
}
.pay-res-adv-box .pay-wx-oa .bg1 {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 66px;
  width: auto;
  z-index: -1;
}
.pay-res-adv-box .pay-wx-oa .wx-info {
  margin-right: 14px;
  width: 206px;
}
.pay-res-adv-box .pay-wx-oa .wx-info .wx-oa-title {
  color: var(--light-01, #000405);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.pay-res-adv-box .pay-wx-oa .wx-info .wx-oa-desc {
  margin-top: 4px;
  color: var(--light-03, #50595C);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.pay-res-adv-box .wx-oa-adv-img {
  width: 100%;
  height: 90px;
  display: block;
  cursor: pointer;
}
@charset "UTF-8";
.main-content-wrap .code-active[data-v-51fa5f06] {
  cursor: pointer;
  padding: 0 16px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 36px;
  color: var(--light-DaaS-04, #00A4DD);
  border-radius: 6px;
}
.main-content-wrap .code-active[data-v-51fa5f06]:hover {
  color: var(--light-DaaS-04, #00A4DD);
  background: var(--light-hover, rgba(0, 0, 0, 0.05));
}
.main-content-wrap .code-active[data-v-51fa5f06]:active {
  color: var(--light-DaaS-03, #0C85AC);
  background: var(--light-pressed, rgba(0, 0, 0, 0.08));
}
.main-content-wrap .refresh-btn[data-v-51fa5f06] {
  margin-left: 7px;
  margin-top: 2px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-items: center;
}
.main-content-wrap .refresh-btn .btn-img[data-v-51fa5f06] {
  width: 100%;
  height: 100%;
  background: center/100% 100% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAARVBMVEUAAABQWVxQWFxQWlxQWFtQWFhQUFxQWVxQWFxQWFtQWFxQWFpQWGBQWVxQWVtQV1tQWVxQWVxQWlxQYGBQWFxQWV1QWVy3oqXwAAAAFnRSTlMA30DvYCAQgL+gUDAgz3BwwJCfELBwml1bfwAAAbxJREFUWMPtV+1ygyAQBI5v1GpU3v9RWwk2nQxwR9I/mXF/ws6yt8hdwi5c+DCoIERQb2pMjseM0ckX1fRk4xOsfEHGQCyA90pNECvgosfOWRTMu1f6ZyH4ZT6lDFkn5IRnqf8uDzKvj4qoA3eZQg1Ziiu6DkzlXUNWUpCYQ23f3/c1mjNPKTR4Q2JYTMid52FKX20dn+tqIqQQ2zGlw9BPbj9YW4shDsaNobDYeQEv7HGgazEMgGeMZgk0SiNa+jre9oKT0Vux6pCT7wktR20OiYpcW/wHR+upwwtdcezpyVA1JI9lT0+7aoj3tVGbDVXS851CvLYh6KU1DUX6V982FOmTpm2ILuQrhlzsLG0tG1IxQ9EtzeNUNoRdP47TEDobcJiUnEXGFbUnSENMG2nVhgnssXU9H07K1LZb9USNmyO8FWhDRqIHGtKgVenhD5hnvLiRcCmCMBdukXInJishOjAwDC42jWtLnWXrmJhOlUvn5zlkJV4gq63vF/uSJ9aTK5G7MdCn6P74a+XFoabE5OAc0YHRMWyxAjCd7UHyos5tYN0QDnNDh1/m32S2XbC3oIMQQml24cJH4RterjUl0lUhHAAAAABJRU5ErkJggg==) no-repeat;
}
.main-content-wrap .refresh-btn[data-v-51fa5f06]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.main-content-wrap .refresh-btn[data-v-51fa5f06]:active {
  background-color: rgba(0, 0, 0, 0.08);
}
.main-content-wrap .mac-accessibility-container[data-v-51fa5f06] {
  min-height: 33px;
  padding: 0 34px;
  display: flex;
  flex-shrink: 0;
}
.main-content-wrap .mac-accessibility-bar[data-v-51fa5f06] {
  width: 100%;
  min-height: 33px;
  box-sizing: border-box;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid rgb(241, 209, 98);
  background-color: rgb(254, 249, 234);
}
.main-content-wrap .mac-accessibility-bar img[data-v-51fa5f06] {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 4px;
}
.main-content-wrap .mac-accessibility-bar .accessibility-tip[data-v-51fa5f06] {
  font-size: 14px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}
.main-content-wrap .mac-accessibility-bar .set-now[data-v-51fa5f06] {
  flex-shrink: 0;
  padding: 0 6px;
  margin-left: auto;
  font-weight: 600;
}
.main-content-wrap .content-item[data-v-51fa5f06] {
  background-color: transparent !important;
  padding: 0 !important;
}
.main-content-wrap .content-item .content-wrap[data-v-51fa5f06] {
  display: flex;
  flex-flow: row wrap;
  margin-left: -25px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding-bottom: 128px;
}
.main-content-wrap .content-item .content-wrap.ep[data-v-51fa5f06] {
  justify-content: center;
}
.main-content-wrap[data-v-51fa5f06] .el-loading-mask {
  z-index: 9; /* 修复首单优惠券蒙层闪烁 */
  background-color: #fff;
}
.main-content-wrap[data-v-51fa5f06] .el-loading-mask svg {
  width: 32px;
  height: 32px;
}
.main-content-wrap[data-v-51fa5f06] .el-drawer {
  top: unset;
  height: calc(100vh - 60px);
}
.main-content-wrap[data-v-51fa5f06] .el-drawer.drawer-detail {
  box-sizing: border-box;
  padding-bottom: 32px;
}
.main-content-wrap[data-v-51fa5f06] .el-drawer .el-drawer.drawer-detail .el-drawer__header {
  margin-bottom: 0;
}
.main-content-wrap[data-v-51fa5f06] .el-drawer .el-drawer.drawer-detail .el-drawer__header span {
  font-size: 18px;
}
.warning-title[data-v-51fa5f06] {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
}
.warning-title img[data-v-51fa5f06] {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 6px;
}
.less-version-tip[data-v-51fa5f06] {
  height: 70px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: rgb(29, 32, 36);
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog {
  width: 548px !important;
  background: top center/100% auto url("https://todeskcdnspeed.todesk.com/20240911201515621d6f15067b48.png") no-repeat, linear-gradient(180deg, #FFF1D7 0%, #FFFCF8 47.42%, #FFFEFC 62.8%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  border-radius: 10px;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__header {
  padding: 23px 32px 23px 24px;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body {
  padding-top: 0;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .trail-success-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  color: rgb(37, 43, 45);
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .trail-success-title .prefix-img {
  width: 26px;
  height: 26px;
  display: block;
  background: top center/26px 26px url("https://todeskcdnspeed.todesk.com/20240910155828621bf3d201d668.png") no-repeat;
  margin-right: 6px;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-title {
  min-width: 288px;
  min-height: 36px;
  width: max-content;
  margin: 14px auto 0;
  position: relative;
  top: 18px;
  padding: 6px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  background-color: rgb(231, 248, 254);
  color: var(--daas-blue-04);
  border: 0.8px solid rgb(60, 199, 244);
  border-radius: 22px;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content {
  width: 500px;
  box-sizing: border-box;
  padding: 42px 16px 24px 16px;
  margin: 0 auto;
  box-shadow: 0px 2px 10px 0px rgba(125, 180, 220, 0.2);
  border-radius: 14px;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content .funtion-item {
  width: 84px;
  margin-right: 12px;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content .funtion-item:last-of-type {
  margin-right: 0;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content .funtion-item .icon-wrap {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content .funtion-item .icon-wrap img {
  width: 48px;
  height: auto;
  display: block;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content .funtion-item .icon-text {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  text-align: center;
  color: rgb(85, 94, 97);
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer {
  padding-top: 32px;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button {
  margin: 0;
  width: 338px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button.el-button--info {
  width: auto;
  margin-top: 14px;
  color: rgb(64, 72, 75);
  background-color: transparent;
  font-size: 14px;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button.el-button--info:hover {
  color: var(--daas-blue-04);
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button.el-button--info:active {
  color: var(--daas-blue-03);
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button.el-button--primary {
  background-color: rgb(17, 187, 242);
  color: #fff;
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button.el-button--primary:hover {
  background-color: rgb(60, 199, 244);
}
.trail-success-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button.el-button--primary:active {
  background-color: rgb(0, 164, 221);
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog {
  width: 533px !important;
  background-color: #fff;
  border-radius: 10px;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__header {
  padding: 23px 32px 23px 24px;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body {
  padding-top: 0;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .not-chrome-title {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  color: rgb(37, 43, 45);
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content {
  width: 485px;
  box-sizing: border-box;
  padding: 28px 16px 18px 16px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content .funtion-item {
  width: 81px;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content .funtion-item .icon-wrap {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content .funtion-item .icon-wrap img {
  width: 36px;
  height: auto;
  display: block;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__body .funtion-content .funtion-item .icon-text {
  margin-top: 8px;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  color: #40484b;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer {
  padding-top: 0;
  padding-bottom: 24px;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button {
  margin: 0;
  width: 240px;
  height: 36px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button.el-button--primary {
  background-color: rgb(17, 187, 242);
  color: #fff;
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button.el-button--primary:hover {
  background-color: rgb(60, 199, 244);
}
.not-chrome-dialog[data-v-51fa5f06] .el-dialog .el-dialog__footer .dialog-footer button.el-button--primary:active {
  background-color: rgb(0, 164, 221);
}
[data-v-51fa5f06] .web-daas .trail-banner {
  min-width: 777px;
}
.leave-queue-confirm .el-dialog__header {
  display: flex;
  align-items: center;
}
.leave-queue-confirm .el-dialog__header img {
  margin-right: 6px;
}
.leave-queue-confirm .el-dialog__footer .dialog-footer .el-button--primary {
  border-color: rgb(255, 140, 157);
  background-color: #fff;
  color: rgb(252, 83, 100);
}
.leave-queue-confirm .el-dialog__footer .dialog-footer .el-button--primary:active {
  color: #d9363e;
  border-color: #d9363e;
}
.el-popover.net-pop {
  padding: 4px;
  box-sizing: border-box;
  margin-top: 34px;
}
.el-popover.menus-pop {
  padding: 8px 0;
  min-width: 116px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
  margin-top: 8px;
}
.el-popover.menus-pop .menus {
  user-select: none;
}
.el-popover.menus-pop .menus .menu-item {
  height: 40px;
  padding: 10px 16px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.el-popover.menus-pop .menus .menu-item .menu-icon {
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 4px;
  flex-shrink: 0;
}
.el-popover.menus-pop .menus .menu-item .menu-icon.menu-info {
  background-image: url(../assets/menu-info-gray.f3bf8db1.svg);
}
.el-popover.menus-pop .menus .menu-item .menu-icon.menu-network {
  background-image: url(../assets/menu-network-gray.db893b81.svg);
}
.el-popover.menus-pop .menus .menu-item .menu-icon.menu-renew {
  background-image: url(../assets/menu-renew-gray.456d87d3.svg);
}
.el-popover.menus-pop .menus .menu-item .menu-icon.menu-poweroff {
  background-image: url(../assets/menu-power-off.dae7b49c.svg);
}
.el-popover.menus-pop .menus .menu-item .menu-icon.menu-reboot {
  background-image: url(../assets/menu-reboot-gray.618ac26c.svg);
}
.el-popover.menus-pop .menus .menu-item .menu-name {
  display: block;
  color: #414447;
  font-size: 14px;
  font-weight: 400;
}
.el-popover.menus-pop .menus .menu-item:hover {
  background-color: #f4f5f6;
}
.el-popover.menus-pop .menus .menu-item:active {
  background-color: #EEF0F1;
}
.client-app .el-drawer {
  height: calc(100vh - 49px) !important;
}
.empty-info {
  margin: auto;
  text-align: center;
  margin-top: 148px;
}
.empty-info .empty-logo {
  width: 200px;
  height: 200px;
}
.empty-info .empty-mention {
  margin-top: 16px;
  color: var(---03, #40444A);
  font-size: 18px;
  font-weight: 400;
}
.web-daas-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  z-index: 2001;
}
.web-daas-dialog .web-daas {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.web-daas-dialog .web-daas-close {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-daas-dialog .web-daas-close .icon {
  width: 16px;
  height: 16px;
}
.web-daas-dialog .web-daas-close:hover {
  background: rgba(255, 255, 255, 0.25);
}
.web-daas-dialog .web-daas-close:active {
  background: rgba(255, 255, 255, 0.15);
}
.loading-rotate .btn-img {
  animation: loadingRotate 0.3s ease-in-out alternate forwards;
}
@keyframes loadingRotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(180deg);
}
}
.web-daas-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  z-index: 2001;
}
.web-daas-dialog .web-daas {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.web-daas-dialog .web-daas-close {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-daas-dialog .web-daas-close .icon {
  width: 16px;
  height: 16px;
}
.web-daas-dialog .web-daas-close:hover {
  background: rgba(255, 255, 255, 0.25);
}
.web-daas-dialog .web-daas-close:active {
  background: rgba(255, 255, 255, 0.15);
}