.origin-app.left-cont-main[data-v-5c21ee90] {
  padding-top: 60px !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.origin-app.left-cont-main .pic[data-v-5c21ee90] {
  margin-top: 125px !important;
  margin-left: 36px !important;
  width: 400px !important;
  top: 46% !important;
  left: unset !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.origin-app.left-cont-main .logo-box .logo[data-v-5c21ee90] {
  width: auto !important;
  height: 36px !important;
  margin-top: 0 !important;
}
@media screen and (max-height: 900px) {
.origin-app.left-cont-main .pic[data-v-5c21ee90] {
    transform: none !important;
}
}
.mr-10 {
  margin-right: 10px;
}
.promot-css .el-dialog__header .el-dialog__title {
  color: #000;
}
.promot-css .submit-tip {
  color: var(--color-text-3);
}
.promot-css .el-form-item {
  margin-bottom: 4px;
}
.promot-css .dialog-submit .el-form .el-form-item__content .word-limit .el-input__inner {
  padding-right: 45px;
}
.promot-css .dialog-submit .submit-content {
  font-weight: 400;
  color: var(--color-text-5);
  font-size: 14px;
  margin-bottom: 20px;
}
.promot-css .dialog-submit .add-tip {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #90959c;
}
.promot-css .el-dialog__footer .el-button + .el-button {
  margin-left: 16px !important;
}
.promot-css .el-dialog__footer .el-button--primary {
  text-align: center;
}
.promot-css .el-dialog__footer .el-button--primary.update {
  width: 102px;
  height: 36px;
}
.promot-css .el-dialog__footer .el-button--primary.bind {
  width: 88px;
  height: 36px;
}
[data-v-456aca58] .el-dialog.devDelCss {
  border-radius: 12px;
}
[data-v-456aca58] .el-dialog.devDelCss .el-dialog__header {
  border-radius: 12px 12px 0px 0px;
  text-align: center;
  background: linear-gradient(270.03deg, #bad6ff 7.06%, #d2efff 95.16%);
  padding: 0;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-v-456aca58] .el-dialog.devDelCss .el-dialog__header .el-dialog__title {
  font-weight: bold;
  font-size: 20px;
}
[data-v-456aca58] .el-dialog.devDelCss .el-dialog__body {
  padding: 0;
}
[data-v-456aca58] .el-dialog.devDelCss .el-dialog__footer {
  padding: 23px 34px 30px 34px;
  display: flex;
  justify-content: space-between;
}
[data-v-456aca58] .el-dialog.devDelCss .el-dialog__footer .el-button + .el-button {
  margin-left: 20px !important;
}
[data-v-456aca58] .el-dialog.devDelCss .dialog-footer button {
  width: 136px;
  height: 44px;
  font-weight: bold;
  font-size: 16px;
}
[data-v-456aca58] .el-dialog.devDelCss .dialog-footer .plain-css {
  color: #757780;
}
[data-v-456aca58] .el-dialog.confirm-css {
  line-height: 1.5;
  max-width: 540px;
}
[data-v-456aca58] .el-dialog.confirm-css .dialog-submit .submit-content {
  word-break: break-word;
}
[data-v-456aca58] .el-dialog.confirm-css .el-dialog__footer .dialog-footer .el-button {
  font-weight: 600;
}
[data-v-456aca58] .el-dialog.smallMargin .el-dialog__footer .el-button + .el-button {
  margin-left: 12px !important;
}
.del-div .iconcss[data-v-456aca58] {
  margin-right: 6px;
  font-size: 16px;
  width: 16px;
}
.del-div .dev-h[data-v-456aca58] {
  max-height: 21vh;
  overflow-y: scroll;
}
.del-div .d1[data-v-456aca58] {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: center;
}
.del-div .d1 span[data-v-456aca58] {
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  position: relative;
}
.del-div .d1 span[data-v-456aca58]:before,
.del-div .d1 span[data-v-456aca58]:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #f3efef;
  position: absolute;
}
.del-div .d1 span[data-v-456aca58]:before {
  left: -52px;
  top: 8px;
}
.del-div .d1 span[data-v-456aca58]:after {
  right: -52px;
  top: 8px;
}
.del-div dd[data-v-456aca58] {
  margin-top: 16px;
  padding: 0 40px;
}
.del-div dd img[data-v-456aca58] {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
.del-div dd .sp[data-v-456aca58] {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
.del-div dd .right[data-v-456aca58] {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-4);
}
.del-div .d2[data-v-456aca58] {
  font-size: 12px;
  line-height: 21px;
  margin-right: 25px;
  margin-left: 25px;
  margin-top: 28px;
  background: #ffece8;
  border: 1px solid #ffa29d;
  border-radius: 6px;
  color: var(--color-text-4);
  padding: 10px;
  margin-bottom: 3px;
}
.confirmButton2Text2[data-v-456aca58] {
  text-align: center;
  margin-top: 20px;
}
.confirmButton2Text2 .confirmButton2Text2Btn[data-v-456aca58] {
  color: #ff4d4f;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  height: 20px !important;
  padding: 0 !important;
}
.confirmButton2Text2 .confirmButton2Text2Btn[data-v-456aca58]:hover {
  opacity: 0.8;
}
.deleteDeviceFooter[data-v-456aca58] {
  display: flex;
  justify-content: flex-end;
}
.deleteDeviceFooter .cancaleDel[data-v-456aca58]:hover {
  opacity: 0.8;
}
.deleteDeviceFooter .deleteDeviceFooterRight .confirmButton2Text2Btn[data-v-456aca58] {
  width: 78px;
  color: #ff4d4f;
  font-size: 14px !important;
  border: 1px solid #ff4d4f;
  margin-left: 17px;
}
.deleteDeviceFooter .deleteDeviceFooterRight .confirmButton2Text2Btn[data-v-456aca58]:hover {
  opacity: 0.8;
}
.deleteDeviceFooter .deleteDeviceFooterRight .deleteDeviceConfirm[data-v-456aca58] {
  width: 102px;
  margin-left: 17px;
}
[data-v-456aca58] .el-dialog.confirm_css_2 {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.1);
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__header {
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__header img {
  position: relative;
  top: 1px;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__header span.el-dialog__title {
  font-weight: 500;
  line-height: 24px;
  color: #242a2d;
  font-size: 16px;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .dialog-submit .submit-content {
  white-space: pre-wrap;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__headerbtn {
  width: 16px;
  height: 16px;
  padding: 0;
  display: flex;
  align-items: center;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__headerbtn:hover {
  background-color: transparent;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__headerbtn:hover .el-dialog__close {
  color: #91999c;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__headerbtn:active {
  background-color: transparent;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__headerbtn:active .el-dialog__close {
  color: #50595c;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__headerbtn:focus {
  background-color: transparent;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__headerbtn .el-dialog__close {
  color: #6e777a;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__headerbtn .el-dialog__close:before {
  content: "\e6db";
  font-family: element-icons !important;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__body {
  padding: 8px 20px;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__footer {
  padding-top: 20px;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-button {
  font-weight: 500;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .el-button + .el-button {
  margin-left: 12px;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .rechargeBalance {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .rechargeBalance .el-button + .el-button {
  padding: 0 8px;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .rechargeBalance .el-button + .el-button span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 16px;
}
[data-v-456aca58] .el-dialog.confirm_css_2 .rechargeBalance .el-button + .el-button span .sp2 {
  font-size: 12px;
  font-weight: 400;
  zoom: 0.85;
}
.win[data-v-456aca58] .el-dialog.confirm_css_2 .el-dialog__header span.el-dialog__title {
  font-weight: 600;
}
.wx-oa-footer[data-v-456aca58] {
  margin-top: 24px;
  padding-top: 24px;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  border-top: 1px dashed #D9D9DA;
}
.wx-oa-footer[data-v-456aca58] .wxoa-qr-img-box {
  width: 84px;
  height: 84px;
  background-image: url(../assets/wx-oa-bg.661e1b5f.svg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wx-oa-footer[data-v-456aca58] .wxoa-qr-img-box .wxoa-qr-img {
  width: 74px;
  height: 74px;
}
.wx-oa-footer .wx-oa-info[data-v-456aca58] {
  margin-left: 12px;
  text-align: left;
}
.wx-oa-footer .wx-oa-info .wx-oa-title[data-v-456aca58] {
  color: var(--light-01, #000405);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.wx-oa-footer .wx-oa-info .wx-oa-desc[data-v-456aca58] {
  margin-top: 8px;
  color: var(--light-03, #50595C);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.promot-css .el-dialog__header .el-dialog__title {
  color: #000;
}
.promot-css .submit-tip {
  color: var(--color-text-3);
}
.promot-css .el-form-item {
  margin-bottom: 4px;
}
.promot-css .dialog-submit .el-form .el-form-item__content .word-limit .el-input__inner {
  padding-right: 45px;
}
.promot-css .dialog-submit .submit-content {
  font-weight: 400;
  color: var(--color-text-5);
  font-size: 14px;
  margin-bottom: 20px;
}
.promot-css .dialog-submit .add-tip {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #90959c;
}
.promot-css .el-dialog__footer .el-button + .el-button {
  margin-left: 16px !important;
}
.promot-css .el-dialog__footer .el-button--primary {
  text-align: center;
}
.promot-css .el-dialog__footer .el-button--primary.update {
  width: 102px;
  height: 36px;
}
.promot-css .el-dialog__footer .el-button--primary.bind {
  width: 88px;
  height: 36px;
}
.label-tip {
  padding: 10px 16px !important;
  border-radius: 6px !important;
}
.mr-10 {
  margin-right: 10px;
}
.promot-css .el-dialog__header .el-dialog__title {
  color: #000;
}
.promot-css .submit-tip {
  color: var(--color-text-3);
}
.promot-css .el-form-item {
  margin-bottom: 4px;
}
.promot-css .dialog-submit .el-form .el-form-item__content .word-limit .el-input__inner {
  padding-right: 45px;
}
.promot-css .dialog-submit .submit-content {
  font-weight: 400;
  color: var(--color-text-5);
  font-size: 14px;
  margin-bottom: 20px;
}
.promot-css .dialog-submit .add-tip {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #90959c;
}
.promot-css .el-dialog__footer .el-button + .el-button {
  margin-left: 16px !important;
}
.promot-css .el-dialog__footer .el-button--primary {
  text-align: center;
}
.promot-css .el-dialog__footer .el-button--primary.update {
  width: 102px;
  height: 36px;
}
.promot-css .el-dialog__footer .el-button--primary.bind {
  width: 88px;
  height: 36px;
}
[data-v-4abbc050] .el-dialog.confirm-css {
  line-height: 1.5;
  max-width: 540px;
}
[data-v-4abbc050] .el-dialog.confirm-css .dialog-submit .submit-content {
  word-break: break-word;
  color: #000405;
}
[data-v-4abbc050] .el-dialog.confirm-css .dialog-submit .submit-title {
  word-break: break-word;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  padding-bottom: 12px;
  color: #000405;
}
[data-v-4abbc050] .el-dialog.confirm-css .el-dialog__footer .dialog-footer .el-button {
  font-weight: 600;
}
[data-v-4abbc050] .el-dialog .el-dialog__header {
  padding: 20px 32px 20px 24px;
}
[data-v-4abbc050] .el-dialog .el-dialog__headerbtn {
  top: 8px;
  right: 8px;
}
[data-v-4abbc050] .el-dialog .el-dialog__body .inset img {
  width: 100px;
  height: 100px;
  margin-right: 16px;
}
[data-v-4abbc050] .el-dialog .el-dialog__footer {
  padding: 12px 24px 24px 24px;
}
.buttonFooter[data-v-4abbc050] {
  display: flex;
  justify-content: flex-end;
}
.buttonFooter .el-button[data-v-4abbc050] {
  min-width: 120px !important;
  font-weight: 400 !important;
}
.buttonFooter .footerLeft[data-v-4abbc050]:hover {
  opacity: 0.8;
}
.buttonFooter .footerRight .confirm[data-v-4abbc050] {
  margin-left: 12px;
}
.buttonFooter .footerRight .confirm[data-v-4abbc050]:hover {
  opacity: 0.8;
}
.el-dialog.pc-unite-hint-css {
  border-radius: 12px;
  border: 1px solid rgba(117, 117, 117, 0.4);
  background: linear-gradient(180deg, #DBF2FF 0, rgba(255, 255, 255, 0) 100px), #FFF;
}
.el-dialog.pc-unite-hint-css .el-dialog__header {
  padding-top: 24px;
  padding-bottom: 0;
  padding-left: 44px;
  padding-right: 44px;
}
.el-dialog.pc-unite-hint-css .el-dialog__header .queue {
  text-align: center;
}
.el-dialog.pc-unite-hint-css .el-dialog__header .queue .title {
  color: var(--light-, var(---, #242A2D));
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
}
.el-dialog.pc-unite-hint-css .el-dialog__header .queue .sub-title {
  margin-top: 8px;
  color: var(--light-, var(---, #50595C));
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.el-dialog.pc-unite-hint-css .el-dialog__header .purch .title {
  text-align: center;
}
.el-dialog.pc-unite-hint-css .el-dialog__header .purch .title .text {
  color: #242A2D;
  font-size: 22px;
  font-weight: 600;
}
.el-dialog.pc-unite-hint-css .el-dialog__header .purch .sub-title {
  margin-top: 16px;
  color: var(--light-, var(---, #50595C));
  font-size: 16px;
  line-height: 24px;
}
.el-dialog.pc-unite-hint-css .el-dialog__body {
  padding: 22px 0 40px 0;
}
.el-dialog.pc-unite-hint-css .el-dialog__body .main-pic {
  width: 325px;
  height: 170px;
  display: block;
  margin: auto;
}
.el-dialog.pc-unite-hint-css .el-dialog__body .btn-wrap {
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 0 24px;
}
.el-dialog.pc-unite-hint-css .el-dialog__body .btn-wrap .cancel-btn, .el-dialog.pc-unite-hint-css .el-dialog__body .btn-wrap .confirm-btn {
  flex: 1;
}
.el-dialog.pc-unite-hint-css .el-dialog__body .cancel-btn {
  width: 100%;
  height: 52px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  margin-right: 12px;
  border-color: transparent;
  background: #EEEFF0;
  color: #000;
}
.el-dialog.pc-unite-hint-css .el-dialog__body .cancel-btn:hover, .el-dialog.pc-unite-hint-css .el-dialog__body .cancel-btn:focus {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #E9EBEF;
}
.el-dialog.pc-unite-hint-css .el-dialog__body .cancel-btn:active {
  background: #E3E4E8;
}
.el-dialog.pc-unite-hint-css .el-dialog__body .confirm-btn {
  width: 100%;
  height: 52px;
  cursor: pointer;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #11BBF2;
}
.el-dialog.pc-unite-hint-css .el-dialog__body .confirm-btn:hover {
  background: #3CC7F4;
}
.el-dialog.pc-unite-hint-css .el-dialog__body .confirm-btn:active {
  background: #00A4DD;
}
.promot-css .el-dialog__header .el-dialog__title[data-v-295b829e] {
  color: #000;
}
.promot-css .submit-tip[data-v-295b829e] {
  color: var(--color-text-3);
}
.promot-css .el-form-item[data-v-295b829e] {
  margin-bottom: 4px;
}
.promot-css .dialog-submit .el-form .el-form-item__content .word-limit .el-input__inner[data-v-295b829e] {
  padding-right: 45px;
}
.promot-css .dialog-submit .submit-content[data-v-295b829e] {
  font-weight: 400;
  color: var(--color-text-5);
  font-size: 14px;
  margin-bottom: 20px;
}
.promot-css .dialog-submit .add-tip[data-v-295b829e] {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #90959c;
}
.promot-css .el-dialog__footer .el-button + .el-button[data-v-295b829e] {
  margin-left: 16px !important;
}
.promot-css .el-dialog__footer .el-button--primary[data-v-295b829e] {
  text-align: center;
}
.promot-css .el-dialog__footer .el-button--primary.update[data-v-295b829e] {
  width: 102px;
  height: 36px;
}
.promot-css .el-dialog__footer .el-button--primary.bind[data-v-295b829e] {
  width: 88px;
  height: 36px;
}
[data-v-295b829e] .el-input__prefix {
  left: 12px;
}
[data-v-295b829e] .el-input__prefix img {
  width: 16px;
  height: 16px;
}
[data-v-295b829e] .el-input__inner {
  padding-left: 38px !important;
}
.el-form-item.noBottom[data-v-295b829e] {
  margin-bottom: 0 !important;
}
.bind-phone-tip[data-v-295b829e] {
  word-break: break-word;
  line-height: 1.4;
}
.bind-phone-tip .tip-color[data-v-295b829e] {
  color: #747576;
}
.bind-phone-tip .default-phone[data-v-295b829e] {
  color: #000;
  margin-left: 4px;
}
.resend-btn[data-v-295b829e] {
  padding-right: 7px !important;
  text-align: right !important;
  cursor: default !important;
}
.resend-btn .text-send[data-v-295b829e] {
  cursor: pointer;
}
.resend-btn .text-wait[data-v-295b829e] {
  color: #11BBF2;
  font-size: 14px;
  opacity: 0.5;
  cursor: default;
}
.el-form-item[data-v-295b829e] {
  margin-bottom: 20px !important;
}
.mention-box[data-v-295b829e] {
  margin-top: 28px;
  font-size: 12px;
}
.mention-box .old-phone[data-v-295b829e] {
  color: #11BBF2;
  cursor: pointer;
  text-decoration: none;
}
.mention-box .old-phone[data-v-295b829e]:hover {
  opacity: 0.85;
}

/* .el-dialog .dialog-footer .el-button.ui-btn{
  height: 32px;
} */
.password-rule[data-v-64267559] {
  color: #90959c;
  font-size: 12px;
  line-height: initial;
  margin-top: 2px;
  flex-flow: wrap;
}
.password-rule .password-rule-box[data-v-64267559] {
  line-height: initial;
  padding: 2px 6px;
  background: #f7f8fa;
  margin-top: 8px;
  border-radius: 2px;
  margin-right: 6px;
}
.password-rule .password-rule-box.pass[data-v-64267559] {
  background: #edfcf5;
  color: #36ba78;
}
[data-v-070fc247] .el-input__prefix {
  left: 12px;
}
[data-v-070fc247] .el-input__prefix img {
  width: 16px;
  height: 16px;
}
[data-v-070fc247] .el-input__inner {
  padding-left: 38px !important;
}
.promot-css .el-dialog__header .el-dialog__title {
  color: #000;
}
.promot-css .submit-tip {
  color: var(--color-text-3);
}
.promot-css .el-form-item {
  margin-bottom: 4px;
}
.promot-css .dialog-submit .el-form .el-form-item__content .word-limit .el-input__inner {
  padding-right: 45px;
}
.promot-css .dialog-submit .submit-content {
  font-weight: 400;
  color: var(--color-text-5);
  font-size: 14px;
  margin-bottom: 20px;
}
.promot-css .dialog-submit .add-tip {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #90959c;
}
.promot-css .el-dialog__footer .el-button + .el-button {
  margin-left: 16px !important;
}
.promot-css .el-dialog__footer .el-button--primary {
  text-align: center;
}
.promot-css .el-dialog__footer .el-button--primary.update {
  width: 102px;
  height: 36px;
}
.promot-css .el-dialog__footer .el-button--primary.bind {
  width: 88px;
  height: 36px;
}
.pwd-form {
  margin-top: 13px;
}
[data-v-47e9b816] .el-input__prefix {
  left: 12px;
}
[data-v-47e9b816] .el-input__prefix img {
  width: 16px;
  height: 16px;
}
[data-v-47e9b816] .el-input__inner {
  padding-left: 38px !important;
  padding-right: 89px !important;
}
.promot-css .el-dialog__header .el-dialog__title {
  color: #000;
}
.promot-css .submit-tip {
  color: var(--color-text-3);
}
.promot-css .el-form-item {
  margin-bottom: 4px;
}
.promot-css .dialog-submit .el-form .el-form-item__content .word-limit .el-input__inner {
  padding-right: 45px;
}
.promot-css .dialog-submit .submit-content {
  font-weight: 400;
  color: var(--color-text-5);
  font-size: 14px;
  margin-bottom: 20px;
}
.promot-css .dialog-submit .add-tip {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #90959c;
}
.promot-css .el-dialog__footer .el-button + .el-button {
  margin-left: 16px !important;
}
.promot-css .el-dialog__footer .el-button--primary {
  text-align: center;
}
.promot-css .el-dialog__footer .el-button--primary.update {
  width: 102px;
  height: 36px;
}
.promot-css .el-dialog__footer .el-button--primary.bind {
  width: 88px;
  height: 36px;
}
.bind-phone-tip {
  line-height: 1.4;
  margin-bottom: 16px;
}
.bind-phone-tip .tip-color {
  color: #747576;
}
.bind-phone-tip .default-phone {
  color: #000;
  margin-left: 4px;
}
.resend-btn {
  padding-right: 7px !important;
  text-align: right !important;
  cursor: default !important;
}
.resend-btn .text-send {
  cursor: pointer;
}
.resend-btn .text-wait {
  color: #11BBF2;
  font-size: 14px;
  opacity: 0.5;
  cursor: default;
}
[data-v-40463fef] .el-input__inner {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.dialog-submit .el-form-item[data-v-40463fef] {
  margin-bottom: 16px;
}
.dialog-submit .el-form-item.input-item[data-v-40463fef] {
  margin-bottom: 32px;
}
.dialog-submit .el-form-item[data-v-40463fef]:last-of-type {
  margin-bottom: 0;
}
[data-v-40463fef] .el-dialog__footer {
  padding: 6px 24px 24px;
}
[data-v-40463fef] .el-dialog__footer .dialog-footer {
  display: flex;
}
[data-v-40463fef] .el-dialog__footer .dialog-footer .el-button {
  flex: 1;
}
.promot-css .el-dialog__header .el-dialog__title {
  color: #000;
}
.promot-css .submit-tip {
  color: var(--color-text-3);
}
.promot-css .el-form-item {
  margin-bottom: 4px;
}
.promot-css .dialog-submit .el-form .el-form-item__content .word-limit .el-input__inner {
  padding-right: 45px;
}
.promot-css .dialog-submit .submit-content {
  font-weight: 400;
  color: var(--color-text-5);
  font-size: 14px;
  margin-bottom: 20px;
}
.promot-css .dialog-submit .add-tip {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #90959c;
}
.promot-css .el-dialog__footer .el-button + .el-button {
  margin-left: 16px !important;
}
.promot-css .el-dialog__footer .el-button--primary {
  text-align: center;
}
.promot-css .el-dialog__footer .el-button--primary.update {
  width: 102px;
  height: 36px;
}
.promot-css .el-dialog__footer .el-button--primary.bind {
  width: 88px;
  height: 36px;
}
.bind-idc-tip {
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
}
.bind-idc-desc {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: rgb(135, 140, 146);
}
.verif-idc-wrap .el-dialog__wrapper {
  background: rgba(0, 0, 0, 0.3);
}
.reset-disk-dialog-wrap .el-dialog__wrapper[data-v-4c1c3078] {
  background-color: rgba(0, 0, 0, 0.1);
}
.reset-disk-dialog-wrap .warning-title[data-v-4c1c3078] {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #242a2d;
}
.reset-disk-dialog-wrap .warning-title img[data-v-4c1c3078] {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 6px;
}
.reset-disk-dialog-wrap .content-center[data-v-4c1c3078] {
  box-sizing: border-box;
  padding-left: 3px;
  border-radius: 6px;
  position: relative;
}
.reset-disk-dialog-wrap .content-center[data-v-4c1c3078]::after {
  content: "";
  width: 100%;
  height: 98%;
  background-color: rgb(250, 201, 47);
  border-radius: 6px;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 1px;
}
.reset-disk-dialog-wrap .content-center .content-center-text-wrap[data-v-4c1c3078] {
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  border-radius: 6px;
  background-color: rgb(253, 251, 230);
}
.reset-disk-dialog-wrap .content-center .content-center-text-wrap img[data-v-4c1c3078] {
  align-self: flex-start;
  display: block;
  margin: 3px 6px 0 0;
  width: 16px;
  height: auto;
}
.reset-disk-dialog-wrap .content-center .content-center-text-wrap p[data-v-4c1c3078] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: rgb(80, 89, 92);
}
.reset-disk-dialog-wrap .content-center .content-center-text-wrap p span[data-v-4c1c3078] {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  color: rgb(252, 83, 100);
}
.reset-disk-dialog-wrap .content-input-wrap[data-v-4c1c3078] {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  color: rgb(36, 42, 45);
}
.reset-disk-dialog-wrap .content-input-wrap .confirm-input[data-v-4c1c3078] {
  margin-top: 8px;
  height: 32px;
}
.reset-disk-dialog-wrap .content-input-wrap .confirm-input input[data-v-4c1c3078] {
  height: 100% !important;
  line-height: 1 !important;
}
.reset-disk-dialog-wrap .dialog-footer[data-v-4c1c3078] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.reset-disk-dialog-wrap .dialog-footer .el-button--info[data-v-4c1c3078] {
  width: 144px;
  height: 36px;
  border-radius: 6px;
}
.reset-disk-dialog-wrap .dialog-footer .el-button--primary[data-v-4c1c3078] {
  min-width: 144px;
  width: auto;
  height: 36px;
  border-radius: 6px;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .quick-renewal-content .current-package-wrap .remote-rest-time[data-v-185c3b7b] {
  font-weight: 400x;
  color: rgb(80, 89, 92);
  font-size: 13px;
  margin-bottom: 20px;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .quick-renewal-content .current-package-wrap .renew-package-info-wrap[data-v-185c3b7b] {
  margin-top: 0;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .quick-renewal-content .auto-renew[data-v-185c3b7b] {
  margin-top: 20px;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .quick-renewal-content .auto-renew .el-checkbox .el-checkbox__label[data-v-185c3b7b] {
  color: rgb(80, 89, 92);
}
.quick-renewal-dialog-wrap.sdk-quick-renew .quick-renewal-content .renew-pay-wrap[data-v-185c3b7b] {
  margin-top: 25px;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .quick-renewal-content .renew-pay-wrap .qr-code-wrap[data-v-185c3b7b] {
  margin-right: 28px;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item[data-v-185c3b7b] {
  min-width: 72px;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item img[data-v-185c3b7b] {
  width: 16px;
  height: auto;
  margin-right: 4px;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item p[data-v-185c3b7b] {
  font-size: 11px;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .el-dialog__footer[data-v-185c3b7b] {
  padding: 24px 0 0 0;
}
.quick-renewal-dialog-wrap .remind-title[data-v-185c3b7b] {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #242a2d;
}
.quick-renewal-dialog-wrap .remind-title img[data-v-185c3b7b] {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 6px;
}
.quick-renewal-dialog-wrap .remind-title .close-after-duration[data-v-185c3b7b] {
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 14px;
  color: #91999c;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-use-end-time-wrap[data-v-185c3b7b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-use-end-time-wrap .current-package-title[data-v-185c3b7b] {
  font-weight: 600;
  font-size: 14px;
  color: rgb(36, 42, 45);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-use-end-time-wrap .renew-use-end-time[data-v-185c3b7b] {
  font-weight: 400;
  font-size: 14px;
  color: rgb(80, 89, 92);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap[data-v-185c3b7b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-package-info[data-v-185c3b7b] {
  flex: 1;
  width: 347px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  box-sizing: border-box;
  padding-left: 38px;
  padding-right: 12px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  background: 12px center/20px 20px no-repeat;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-package-info.cloud-game[data-v-185c3b7b] {
  background-image: url(data:image/png;base64,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);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-package-info.cloud-design[data-v-185c3b7b] {
  background-image: url(data:image/png;base64,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);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-package-info.cloud-aigc[data-v-185c3b7b] {
  background-image: url(data:image/png;base64,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);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-package-info .device-name[data-v-185c3b7b] {
  flex: 1;
  width: 0;
  max-width: 210px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 14px;
  color: rgb(0, 4, 5);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-package-info .renew-time[data-v-185c3b7b] {
  flex-shrink: 0;
  font-weight: 400;
  font-size: 14px;
  color: rgb(0, 4, 5);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-other-package[data-v-185c3b7b] {
  user-select: none;
  flex-shrink: 0;
  padding: 0 12px;
  height: 40px;
  border-radius: 6px;
  background-color: rgb(245, 247, 248);
  color: rgb(80, 89, 92);
  font-weight: 400;
  font-size: 14px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-other-package[data-v-185c3b7b]:hover {
  background-color: rgb(235, 238, 240);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-other-package[data-v-185c3b7b]:active {
  background-color: rgb(219, 223, 224);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .renew-package-info-wrap .renew-other-package.disabled[data-v-185c3b7b] {
  cursor: default;
  opacity: 0;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .coupon-code-wrap[data-v-185c3b7b] {
  margin-top: 20px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .coupon-code-wrap .coupon-code-title[data-v-185c3b7b] {
  font-weight: 400;
  font-size: 14px;
  color: rgb(36, 42, 45);
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .coupon-code-wrap .coupon-code-input[data-v-185c3b7b] {
  margin-top: 8px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .coupon-code-wrap .coupon-code-input .el-input[data-v-185c3b7b] {
  width: 224px;
  height: 32px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .coupon-code-wrap .coupon-code-input .el-input[data-v-185c3b7b] .el-input__inner {
  height: 100% !important;
  border-radius: 6px !important;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .coupon-code-wrap .coupon-code-input .el-input[data-v-185c3b7b] .el-input__inner::placeholder {
  font-size: 14px !important;
  color: rgba(46, 54, 56, 0.4) !important;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .coupon-code-wrap .coupon-code-input .try-coupon-wrap[data-v-185c3b7b] {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .current-package-wrap .coupon-code-wrap .coupon-code-input .try-coupon-wrap .coupon-text[data-v-185c3b7b] {
  width: max-content;
  margin-left: 6px;
  font-size: 14px;
  letter-spacing: 0px;
  color: rgb(255, 102, 0);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap[data-v-185c3b7b] {
  display: flex;
  margin-top: 40px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap[data-v-185c3b7b] {
  width: 154px;
  height: 154px;
  box-sizing: border-box;
  padding: 6px;
  flex-shrink: 0;
  margin-right: 48px;
  background: left center/154px 154px url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATQAAAE0BAMAAABQr9KsAAAAFVBMVEUAAAAc27Yd2bUd2rYb2bYd2rUc2rYBxU8WAAAABnRSTlMA71/f32Cai4LuAAAAqElEQVR42u3OQQnDUBAFwDXR3kud9FAfIbD+JUTAz17Dgz+jYOrTq3pcr371T60d1am1zq5VJDW1gVoENbWBWgQ1tYFaBDW1gVoENbWBWgQ1tcFmNQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICddVekbjW1W2oR1NQGahHU1AZqEdTUBmoR1NQGahHU1Abb1Vb1uF5k196ptbO+qbXXBf9e8MxwJuZ5AAAAAElFTkSuQmCC) no-repeat;
  position: relative;
  overflow: hidden;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap.expired[data-v-185c3b7b] {
  background: transparent;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout[data-v-185c3b7b] {
  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;
  z-index: 1;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout .qr-layout-icon[data-v-185c3b7b] {
  width: 36px;
  height: 36px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout .qr-layout-icon.hover[data-v-185c3b7b], .quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout .qr-layout-icon.active[data-v-185c3b7b] {
  display: none;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout .qr-layout-mention[data-v-185c3b7b] {
  color: var(--bg-2, #000305);
  font-weight: 400;
  line-height: 150%;
  margin-top: 16px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout[data-v-185c3b7b]:hover {
  background: var(---95, rgba(255, 255, 255, 0.95));
  backdrop-filter: blur(2px);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout:hover .default[data-v-185c3b7b],
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout:hover .active[data-v-185c3b7b] {
  display: none;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout:hover .hover[data-v-185c3b7b] {
  display: block;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout:hover .qr-layout-mention[data-v-185c3b7b] {
  color: #11bbf2;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout[data-v-185c3b7b]:active {
  background: var(---80, rgba(255, 255, 255, 0.8));
  background-blend-mode: luminosity;
  backdrop-filter: blur(2px);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout:active .default[data-v-185c3b7b],
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout:active .hover[data-v-185c3b7b] {
  display: none;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout:active .active[data-v-185c3b7b] {
  display: block;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .qr-layout:active .qr-layout-mention[data-v-185c3b7b] {
  color: #06a8e1;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .light-sweep-warp[data-v-185c3b7b] {
  width: 100%;
  height: 79px;
  background: linear-gradient(180deg, rgba(28, 218, 182, 0) 0%, rgba(28, 218, 182, 0.3) 100%);
  position: absolute;
  top: -79px;
  left: 0;
  z-index: 9;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .light-sweep-warp.add-animation[data-v-185c3b7b] {
  animation: lightSweepAnimation 1.5s infinite;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .wecaht-code[data-v-185c3b7b],
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .ali-code[data-v-185c3b7b] {
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  overflow: hidden;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .wecaht-code img[data-v-185c3b7b],
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .ali-code img[data-v-185c3b7b] {
  width: 100%;
  height: 100%;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .wecaht-code[data-v-185c3b7b] {
  width: 100%;
  height: 100%;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .wecaht-code img[data-v-185c3b7b] {
  width: 100%;
  height: 100%;
  transform: scale(1.2);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .ali-code[data-v-185c3b7b] {
  width: 100%;
  height: 100%;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .qr-code-wrap .ali-code iframe[data-v-185c3b7b] {
  transform: translate(3px, 2px);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap[data-v-185c3b7b] {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .price-wrap[data-v-185c3b7b] {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .price-wrap .actual-price[data-v-185c3b7b] {
  display: flex;
  text-align: end;
  color: #ff6600;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .price-wrap .actual-price .price-text[data-v-185c3b7b] {
  display: flex;
  align-items: flex-end;
  height: 32px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .price-wrap .actual-price .price-text span[data-v-185c3b7b] {
  display: block;
  line-height: 1.2;
  color: #ff6600;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .price-wrap .actual-price .price-text .price-unit[data-v-185c3b7b] {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .price-wrap .actual-price .price-text .price-int[data-v-185c3b7b] {
  font-size: 40px;
  font-weight: 700;
  line-height: 0.98;
  white-space: nowrap;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .price-wrap .actual-price .price-text .price-decimal[data-v-185c3b7b] {
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .price-wrap .actual-price .price-text .price-defalut[data-v-185c3b7b] {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.05;
  white-space: nowrap;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .price-wrap .discount-text[data-v-185c3b7b] {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  color: #50595c;
  margin-left: 4px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap[data-v-185c3b7b] {
  margin-top: 14px;
  width: fit-content !important;
  height: 32px;
  box-sizing: border-box;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  background-color: #eeeff0;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item[data-v-185c3b7b] {
  cursor: pointer;
  min-width: 120px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 2px;
  margin-right: 2px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item[data-v-185c3b7b]:last-of-type {
  margin-right: 0;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item.inside-sdk.en[data-v-185c3b7b], .quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item.inside-sdk.th[data-v-185c3b7b] {
  width: 87px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item[data-v-185c3b7b]:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item.active[data-v-185c3b7b] {
  background-color: #fff;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item img[data-v-185c3b7b] {
  height: 20px;
  width: auto;
  margin-right: 6px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .pay-type-wrap .pay-type-item p[data-v-185c3b7b] {
  color: #000205;
  font-size: 14px;
  font-weight: 400;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .gold-pay-wrap[data-v-185c3b7b] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .gold-pay-wrap .gold-icon[data-v-185c3b7b] {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 4px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .gold-pay-wrap .user-balance[data-v-185c3b7b] {
  font-size: 14px;
  color: rgb(46, 54, 56);
  margin-right: 8px;
  flex-shrink: 0;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .gold-pay-wrap .gold-pay[data-v-185c3b7b] {
  font-weight: 600;
  font-size: 14px;
  color: #00a4dd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .gold-pay-wrap .gold-pay svg[data-v-185c3b7b] {
  color: var(--daas-blue-05);
  margin-left: 7px;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .gold-pay-wrap .gold-pay[data-v-185c3b7b]:hover {
  color: var(--daas-blue-03);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .gold-pay-wrap .gold-pay:hover svg[data-v-185c3b7b] {
  color: #00a4dd;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .gold-pay-wrap .gold-pay[data-v-185c3b7b]:active {
  color: var(--daas-blue-02);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .gold-pay-wrap .gold-pay:active svg[data-v-185c3b7b] {
  color: var(--daas-blue-03);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .agree-wrap[data-v-185c3b7b] {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .agree-wrap .checkbox-v2-wrap[data-v-185c3b7b] {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 8px;
  flex-shrink: 0;
  background-color: #fff;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .agree-wrap .checkbox-v2-wrap .checkbox-item[data-v-185c3b7b] {
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .linH17[data-v-185c3b7b] {
  font-size: 10px;
  color: rgb(145, 153, 156);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .linH17 .sapn1[data-v-185c3b7b] {
  font-size: 10px;
  color: rgb(145, 153, 156);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .linH17 .span2[data-v-185c3b7b] {
  font-size: 10px;
  color: rgb(145, 153, 156);
  text-decoration: underline;
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .linH17 .span2[data-v-185c3b7b]:hover {
  color: rgb(80, 89, 92);
}
.quick-renewal-dialog-wrap .quick-renewal-content .renew-pay-wrap .pay-wrap .linH17 .span2[data-v-185c3b7b]:active {
  color: rgb(46, 54, 56);
}
@charset "UTF-8";
.quick-renewal-dialog-wrap.sdk-quick-renew {
  /* pointer-events样式很重要，让蒙层的鼠标事件穿透，而弹窗内容的事件不穿透 */
}
.quick-renewal-dialog-wrap.sdk-quick-renew .el-dialog__wrapper {
  background-color: transparent;
  pointer-events: none !important;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .el-dialog__wrapper .el-dialog {
  top: 80px;
  right: 20px;
  transform: translateY(0);
  margin: 0 !important;
  position: fixed;
  pointer-events: all !important;
}
.quick-renewal-dialog-wrap.sdk-quick-renew .el-dialog__wrapper .el-dialog .el-dialog__header {
  background-position-x: 264px !important;
  padding-bottom: 16px;
}
.quick-renewal-dialog-wrap .el-dialog__wrapper {
  background-color: rgba(0, 0, 0, 0.1);
}
.quick-renewal-dialog-wrap .el-dialog__wrapper .el-dialog {
  overflow: hidden;
}
.quick-renewal-dialog-wrap .el-dialog__wrapper .el-dialog .el-dialog__header {
  padding-bottom: 28px;
  background: 374px top/78px 80px url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABQBAMAAACjcZWBAAAAFVBMVEUAAAAPu/MOu/MQuvIPuvEQu/MNufDaENLQAAAAB3RSTlMAEBMVDQsHY319BwAAAf9JREFUSMeNlLGO2zAMhtki0XwyjJsTGejcc9rOCap0DlrLs1qc/f6PUEkWRSE5KvyR8cP3hxRhqPPnVHIDNupEAT6fZdhPor7x1H4g7AeP/TOnAn7lsc4MBrEDS30yxpzGp/v4HbAh/BLm2aWZmIyNjc6YPMUbP0CXbaa1DxWwnNY+/mqjERsGdh86Bn0jh+20Ph67I2Jvtoq+aOpMtswNuOW7t1OJotbhDjtg55YOe0dDDD2K1RiDe6l7v+dLqzBMrXvZsPeCETmOD6ccpr4U6ohruZ9zF6ji6/DVaGDAzsBdig+nxXPBpdmYnmo1cTEeO7fUGIa2AS5jpOu0oVe75c6rfdRpnKMc8jKhrreElWEP2OnsNOXaXj+Mm6m9c26yE05La9moL9jpQrC28nXbvB47U6bCXWiKDmVoI456E3aGj5P2QnMAk/dQS9gLj9U+4JL+I477ymK2xvjPV573iWxfX8uZxXaIhefogc0ybVT8cJybGKb3POZcOapXaGHumq+5IVN0VVcQYbcGtnex1cVaHqJTnuyvNoZH6kVYUwYO05Spec4YNLFQusTiWxtbV5I1sSSb29gasHWmAXhsDr0zCGwLyVgsgfBsghQvwhaQ2Z5hsk6QyUAmA5lMyWQqciCwKeVBZAMB5r0E86sCiQ0kMvBeJFMKhDZJWrL/K8rw1/Bkhp8AAAAASUVORK5CYII=) no-repeat, linear-gradient(180deg, #dbf2ff 0%, rgba(255, 255, 255, 0) 100%);
}
.quick-renewal-dialog-wrap .el-dialog__wrapper .el-dialog .el-dialog__body {
  padding-top: 0;
  padding-bottom: 4px;
}
.quick-renewal-dialog-wrap .el-dialog__wrapper .el-dialog .el-dialog__footer {
  padding-top: 0;
  padding-bottom: 20px;
}
@keyframes lightSweepAnimation {
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(233px);
}
}
.balance-recharge-dialog.el-dialog {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f7f8f9;
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
  border: none;
}
.balance-recharge-dialog.el-dialog .el-dialog__header {
  display: none;
}
.balance-recharge-dialog.el-dialog .el-dialog__body {
  padding: 0 !important;
}
.balance-recharge-dialog.el-dialog .brd-header {
  height: 116px;
  padding-top: 12px;
  padding-bottom: 20px;
  padding-left: 24px;
  background: linear-gradient(90deg, #4e3630 0%, #272322 100%), linear-gradient(180deg, rgba(249, 156, 122, 0.5) 0%, rgba(254, 207, 191, 0.5) 100%);
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.balance-recharge-dialog.el-dialog .brd-header .brd-title {
  display: flex;
  align-items: center;
  height: 30px;
}
.balance-recharge-dialog.el-dialog .brd-header .brd-title .text {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  height: 26px;
}
.balance-recharge-dialog.el-dialog .brd-header .brd-title .info {
  margin-left: 4px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.balance-recharge-dialog.el-dialog .brd-header .brd-title .info:hover {
  opacity: 0.75;
}
.balance-recharge-dialog.el-dialog .brd-header .brd-title .info:active {
  opacity: 0.9;
}
.balance-recharge-dialog.el-dialog .brd-header .remain {
  display: flex;
  align-items: center;
}
.balance-recharge-dialog.el-dialog .brd-header .remain .wallet {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.balance-recharge-dialog.el-dialog .brd-header .remain .label {
  font-size: 14px;
  color: #fff;
}
.balance-recharge-dialog.el-dialog .brd-header .remain .mny {
  font-size: 14px;
  color: #fff;
  margin-left: 5px;
}
.balance-recharge-dialog.el-dialog .brd-header .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  cursor: pointer;
}
.balance-recharge-dialog.el-dialog .brd-header .close:hover {
  background: rgba(255, 255, 255, 0.08);
}
.balance-recharge-dialog.el-dialog .brd-header .close:active {
  background: rgba(255, 255, 255, 0.05);
}
.balance-recharge-dialog.el-dialog .brd-header .bkg {
  position: absolute;
  top: 0;
  right: 117px;
  width: 150px;
  height: auto;
}
.balance-recharge-dialog.el-dialog .brd-cont {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 15px;
  min-height: 365px;
  box-sizing: border-box;
  overflow-y: auto;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont {
  margin-bottom: 8px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont:last-of-type {
  margin-bottom: 0;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .title {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #242a2d;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .title .sp2 {
  color: rgb(110, 119, 122);
  font-weight: 400;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .cont-info {
  padding-top: 8px;
  padding-bottom: 20px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .cont-info.align-center {
  display: flex;
  align-items: center;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: -12px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list .item {
  width: 168px;
  box-sizing: border-box;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6a2c07;
  border-radius: 8px;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.0705882353);
  background: #ffffff;
  cursor: pointer;
  margin-right: 12px;
  margin-bottom: 12px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list .item.wrap-style {
  margin-right: 8px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list .item:nth-of-type(5n) {
  margin-right: 0;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list .item:hover {
  border: 1.5px solid #f2b998;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list .item:active {
  border: 1.5px solid #f2b998;
  background: #fef4f1;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list .item.active {
  border: 1.5px solid #f2b998;
  box-shadow: 0px 3px 14px 0px rgba(151, 8, 8, 0.1098039216);
  background: linear-gradient(180deg, #ffece6 0%, #f7d9ce 100%);
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list .item .product-price {
  display: flex;
  align-items: baseline;
  width: fit-content;
  height: fit-content;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list .item .label {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  bottom: 1px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .product-list .item .amount {
  font-size: 30px;
  font-weight: 700;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .expected-amount {
  display: flex;
  align-items: flex-end;
  margin-bottom: 28px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .expected-amount .expected-amount-title {
  font-size: 14px;
  font-weight: 400;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .expected-amount .expected-amount-value {
  font-size: 18px;
  font-weight: 500;
  color: rgb(251, 120, 20);
  line-height: 1;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .coupon-code {
  width: 248px;
  color: #242a2d;
  font-size: 14px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .coupon-code .el-input__inner {
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 0;
  padding-bottom: 0;
  line-height: 32px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .coupon-code .el-input__inner:hover {
  border-color: #11bbf2;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .coupon-code .el-input__inner:focus {
  border-color: #11bbf2;
  box-shadow: none;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .try-coupon-wrap {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .try-coupon-wrap .coupon-text {
  width: max-content;
  margin-left: 6px;
  font-size: 14px;
  letter-spacing: 0px;
  color: rgb(255, 102, 0);
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .pay-methods {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: #eceff1;
  padding: 3px;
  width: fit-content;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .pay-methods .pay-item {
  padding: 3px 12px;
  border-radius: 2px;
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .pay-methods .pay-item:nth-child(1) {
  margin-right: 3px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .pay-methods .pay-item:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .pay-methods .pay-item.active {
  background: #fff;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .pay-methods .pay-item .pay-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.balance-recharge-dialog.el-dialog .brd-cont .cont .pay-methods .pay-item .pay-lable {
  font-size: 14px;
  color: #242a2d;
}
.balance-recharge-dialog.el-dialog .brd-footer {
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.balance-recharge-dialog.el-dialog .brd-footer .agreement {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.balance-recharge-dialog.el-dialog .brd-footer .agreement.en, .balance-recharge-dialog.el-dialog .brd-footer .agreement.th {
  display: block;
  margin-top: 15px;
  max-width: 350px;
}
.balance-recharge-dialog.el-dialog .brd-footer .agreement .text0 {
  color: #878c92;
}
.balance-recharge-dialog.el-dialog .brd-footer .agreement .text1 {
  color: #242a2d;
  text-decoration: none !important;
}
.balance-recharge-dialog.el-dialog .brd-footer .agreement .text1:hover {
  opacity: 0.75;
}
.balance-recharge-dialog.el-dialog .brd-footer .agreement .text1:active {
  opacity: 0.9;
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info {
  display: flex;
  align-items: center;
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .price-info {
  text-align: right;
  margin-right: 24px;
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .price-info .info0 {
  color: #f60;
  font-weight: 600;
  min-height: 25px;
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .price-info .info0 .t0,
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .price-info .info0 .t2 {
  font-size: 16px;
  line-height: 125%;
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .price-info .info0 .t1 {
  font-size: 26px;
  line-height: 150%;
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .price-info .info1 {
  color: #555e61;
  font-size: 11px;
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .price-info .info1.en, .balance-recharge-dialog.el-dialog .brd-footer .pay-info .price-info .info1.th {
  width: 100px;
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .pay-btn {
  width: 260px;
  height: 40px;
  border-radius: 8px;
  text-align: center;
  line-height: 40px;
  color: #6a2c07;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  background: linear-gradient(90deg, #f9d9be 0%, #f0b392 100%), #11bbf2;
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .pay-btn:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), linear-gradient(90deg, #f9d9be 0%, #f0b392 100%);
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .pay-btn:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), linear-gradient(90deg, #f9d9be 0%, #f0b392 100%);
}
.balance-recharge-dialog.el-dialog .brd-footer .pay-info .pay-btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
  background: linear-gradient(90deg, #f9d9be 0%, #f0b392 100%);
}
.recharge-tip.el-tooltip__popper {
  max-width: 528px;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12) !important;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
}
.recharge-tip.el-tooltip__popper .popper__arrow {
  border-right-color: #fff !important;
  top: 4px !important;
}
.recharge-tip.el-tooltip__popper .recharge-tip-content {
  line-height: 150%;
  padding-left: 10px;
  color: #242a2d;
}
.recharge-tip.el-tooltip__popper .recharge-tip-content li {
  margin-bottom: 10px;
  font-size: 12px;
}
.recharge-tip.el-tooltip__popper .recharge-tip-content li:last-of-type {
  margin-bottom: 0;
}
.buy-payment1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  word-break: break-word;
}
.buy-payment1 .title {
  text-align: center;
  margin: 20px 0 12px;
  font-size: 18px;
  color: var(--color-text-5);
  font-weight: bold;
}
.buy-payment1 .payment-footer {
  text-align: center;
  font-size: 14px;
  color: var(--color-text-4);
}
.buy-payment1 button {
  padding: 10px 16px;
  margin-top: 37px;
}
.buy-payment1 .btn1 {
  width: 122px;
  height: 36px;
  border: 1px solid var(--color-brand-6);
  background: #fff;
  color: var(--color-brand-6);
}
.buy-payment1 .btn2 {
  width: 108px;
  height: 36px;
  border: 1px solid var(--color-brand-6);
}
.buy-payment {
  padding: 18px 0 32px;
}
.buy-payment .title {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: rgb(0, 3, 5);
}
.buy-payment .title .wechat-icon {
  width: 22px;
  height: 22px;
  display: block;
  margin: 0 3px;
}
.buy-payment .actual-price {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 16px;
  height: 31px;
}
.buy-payment .actual-price span {
  display: block;
  line-height: 1;
  color: rgb(251, 120, 20);
}
.buy-payment .actual-price span.unit {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 2px;
  margin-right: 2px;
}
.buy-payment .actual-price span.num {
  font-size: 30px;
  font-weight: 600;
}
.buy-payment .scanCode {
  display: flex;
  justify-content: center;
  margin: 20px 0 32px;
}
.buy-payment .scanCode .div1 {
  height: 180px;
  width: 180px;
  border: 1px solid rgb(214, 218, 219);
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.buy-payment .scanCode .div1 img {
  width: 100%;
  height: 100%;
}
.buy-payment .scanCode .div1::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: rgb(7, 193, 96);
  position: absolute;
  bottom: 0px;
  left: 0;
}
.buy-payment .scanCode img {
  width: 180px;
  height: 180px;
  transform: scale(1.1);
}
.buy-payment .payment-footer {
  text-align: center;
  font-size: 14px;
  color: rgb(85, 94, 97);
}
.buy-payment .payment-footer .contact-customer-service {
  margin-left: 4px;
}
.buy-payment .payment-footer .contact {
  cursor: pointer;
  color: var(--daas-blue-03);
  font-weight: 500;
}
.brd-cont-skeleton .el-skeleton__item {
  background: #eef0f1;
}
.brd-cont-skeleton .cont-skeleton-title {
  height: 16px;
  margin: 8px 0;
  width: 15%;
}
.brd-cont-skeleton .cont-info-skeleton {
  display: flex;
  align-items: center;
}
.brd-cont-skeleton .cont-info-skeleton .cont-info-skeleton-item {
  width: 168px;
  height: 88px;
  margin-right: 12px;
  margin-top: 8px;
  margin-bottom: 32px;
  border-radius: 8px;
}
.brd-cont-skeleton .cont-info-skeleton .cont-info-skeleton-item:last-of-type {
  margin-right: 0;
}
.brd-cont-skeleton .cont-skeleton-couponcode {
  display: block;
  margin: 8px 0 20px 0;
  height: 32px;
  width: 30%;
}
.brd-cont-skeleton .cont-skeleton-paytype {
  display: block;
  margin-top: 8px;
  height: 26px;
  width: 30%;
}
.footer-box[data-v-40ab164b] {
  position: absolute;
  bottom: 50px;
  width: 100%;
  text-align: center;
  right: 0;
  font-size: 12px;
  color: #878c92;
  line-height: 20px;
  padding: 0 10px;
  box-sizing: border-box;
  z-index: 4;
}
.footer-box img[data-v-40ab164b] {
  margin-right: 2px;
}
.footer-box div[data-v-40ab164b] {
  justify-content: center;
}
.footer-box a[data-v-40ab164b] {
  text-decoration: none;
  color: #878c92;
  cursor: pointer;
}
.footer-box a[data-v-40ab164b]:hover {
  opacity: 0.85;
}
.footer-box .noHover[data-v-40ab164b] {
  cursor: auto;
}
.footer-box .noHover[data-v-40ab164b]:hover {
  opacity: 0.85;
}
.footer-box .info[data-v-40ab164b] {
  flex-flow: row wrap;
}
.rightCss[data-v-10aaeb39] {
  color: #fff;
  font-size: 18px;
}
.captcha-mask[data-v-10aaeb39] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  touch-action: pan-y;
}
.captcha-mask-contain[data-v-10aaeb39] {
  width: 250px;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 16px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #d9d9d9;
  touch-action: pan-y;
}
.captcha-mask-contain .captcha-mask-title[data-v-10aaeb39] {
  display: flex;
  font-size: 16px;
  line-height: 32px;
  color: #222429;
  margin-bottom: 12px;
  position: relative;
}
.captcha-mask-contain .captcha-mask-title .captcha-title .title-text[data-v-10aaeb39] {
  display: inline;
}
.captcha-mask-contain .captcha-mask-title .captcha-title img[data-v-10aaeb39] {
  display: inline-block;
  line-height: 1.2;
  position: relative;
  top: 8px;
}
.captcha-mask-contain .captcha-mask-title .refresh[data-v-10aaeb39] {
  margin-left: 4px;
  opacity: 0.8;
  cursor: pointer;
}
.captcha-mask-contain .captcha-mask-title .refresh[data-v-10aaeb39]:hover {
  opacity: 1;
}
.captcha-mask-contain .captcha-mask-title .closed[data-v-10aaeb39] {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
}
.button-text-block[data-v-10aaeb39] {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px;
}
.button-text-block[data-v-10aaeb39]:hover {
  background: #f7f8fa;
}
.vue-slider-captcha[data-v-10aaeb39] {
  user-select: none;
  width: 250px;
}
.vue-slider-captcha-panel[data-v-10aaeb39] {
  position: relative;
  overflow: hidden;
  background: #eee;
  margin-bottom: 8px;
}
.vue-slider-captcha-panel .img-slider[data-v-10aaeb39] {
  position: absolute;
  z-index: 100;
  top: 0;
  width: 60px;
  left: 5px;
}
.vue-slider-captcha-panel .img-slider img[data-v-10aaeb39] {
  position: absolute;
  top: 0;
  filter: drop-shadow(1px 1px 1px black);
}
.vue-slider-captcha-panel .tips[data-v-10aaeb39] {
  position: absolute;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  font-size: 12px;
  z-index: 200;
  background: rgba(0, 0, 0, 0.6);
  color: yellow;
}
.vue-slider-captcha-control[data-v-10aaeb39] {
  position: relative;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #f2f3f5;
  border-radius: 2px;
  overflow: hidden;
}
.vue-slider-captcha-slider[data-v-10aaeb39] {
  position: absolute;
  top: 0px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  cursor: move;
}
.vue-slider-captcha-progress-bar[data-v-10aaeb39] {
  position: absolute;
  height: 40px;
  width: 0px;
  color: #00b42a;
}
.vue-slider-captcha-tip[data-v-10aaeb39] {
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  color: #585f69;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #585f69), color-stop(0.4, #585f69), color-stop(0.5, #fff), color-stop(0.6, #585f69), color-stop(1, #585f69));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-size-adjust: none;
  animation: slidetounlock-10aaeb39 3s infinite;
}
.vue-slider-captcha-slider[data-v-10aaeb39] {
  background-color: var(--color-brand-6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.tips[data-v-10aaeb39] {
  position: absolute;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  font-size: 12px;
  z-index: 200;
}
@keyframes slidetounlock-10aaeb39 {
0% {
    background-position: -250px 0;
}
100% {
    background-position: 250px 0;
}
}
@charset "UTF-8";
.setting-cont[data-v-e2d6cf60] {
  display: flex;
  height: 100%;
  height: 100%;
  position: relative;
}
.setting-cont.en[data-v-e2d6cf60], .setting-cont.th[data-v-e2d6cf60] {
  word-break: break-word;
}
.setting-cont.en .content .cont-info .cont-item .tab2-bx[data-v-e2d6cf60], .setting-cont.th .content .cont-info .cont-item .tab2-bx[data-v-e2d6cf60] {
  height: auto;
}
.setting-cont.en .content .cont-info .cont-item .tab2-bx .tab2-left[data-v-e2d6cf60], .setting-cont.th .content .cont-info .cont-item .tab2-bx .tab2-left[data-v-e2d6cf60] {
  margin-right: 8px;
}
.setting-cont.en .content .cont-info .cont-item .tab2-bx .tab2-left .tab2-name[data-v-e2d6cf60], .setting-cont.th .content .cont-info .cont-item .tab2-bx .tab2-left .tab2-name[data-v-e2d6cf60] {
  line-height: normal;
}
.setting-cont.en .content .cont-info .cont-item .tab2-bx .tab2-left .tab2-subname[data-v-e2d6cf60], .setting-cont.th .content .cont-info .cont-item .tab2-bx .tab2-left .tab2-subname[data-v-e2d6cf60] {
  line-height: normal;
  font-weight: 400 !important;
}
.setting-cont .tabs[data-v-e2d6cf60] {
  width: 124px;
  box-sizing: border-box;
  padding: 24px 8px;
  background: #f8f9fa;
}
.setting-cont .tabs .tab-item[data-v-e2d6cf60] {
  height: 37px;
  border-radius: 8px;
  padding: 8px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 2px;
  cursor: pointer;
}
.setting-cont .tabs .tab-item .tab-icon[data-v-e2d6cf60] {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.setting-cont .tabs .tab-item .tab-text[data-v-e2d6cf60] {
  font-size: 14px;
  color: #1d2024;
}
.setting-cont .tabs .tab-item.active[data-v-e2d6cf60], .setting-cont .tabs .tab-item[data-v-e2d6cf60]:hover {
  background: rgba(0, 0, 0, 0.05);
}
.setting-cont .content[data-v-e2d6cf60] {
  flex: 1;
  padding: 24px 0 0;
  display: flex;
  flex-direction: column;
}
.setting-cont .content .title[data-v-e2d6cf60] {
  color: #000205;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  padding-left: 24px;
  padding-right: 24px;
}
.setting-cont .content .cont-info[data-v-e2d6cf60] {
  margin-top: 18px;
  padding-top: 18px;
  overflow-y: auto;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  flex: 1;
}
.setting-cont .content .cont-info .upload_log[data-v-e2d6cf60] {
  width: 96px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #3ecdf6;
  color: #0c85ac;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
  margin-top: 10px;
  cursor: pointer;
}
.setting-cont .content .cont-info .upload_log[data-v-e2d6cf60]:hover {
  border: 1px solid #11bbf2;
  color: #ffffff;
  background: #11bbf2;
}
.setting-cont .content .cont-info .upload_log[data-v-e2d6cf60]:active {
  border: 1px solid #06a8e1;
  color: #ffffff;
  background: #06a8e1;
}
.setting-cont .content .cont-info .cont-item[data-v-e2d6cf60] {
  margin-bottom: 17px;
  /* tab1 */
  /* tab2 */
  /* tab3 */
}
.setting-cont .content .cont-info .cont-item[data-v-e2d6cf60]:last-of-type {
  margin-bottom: 0;
}
.setting-cont .content .cont-info .cont-item .tab1-name[data-v-e2d6cf60] {
  font-size: 14px;
  font-weight: 600 !important;
  color: #1d2024;
  line-height: 21px;
}
.setting-cont .content .cont-info .cont-item .decode-config-wrap .check-box-wrap[data-v-e2d6cf60] {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.setting-cont .content .cont-info .cont-item .decode-config-wrap .check-box-wrap .el-checkbox[data-v-e2d6cf60] {
  font-weight: 400 !important;
  padding-top: 3px;
  padding-bottom: 3px;
}
.setting-cont .content .cont-info .cont-item .auto-start-wrap[data-v-e2d6cf60] {
  display: flex;
  flex-direction: column;
}
.setting-cont .content .cont-info .cont-item .auto-start-wrap .lang-selector[data-v-e2d6cf60] {
  margin-top: 12px;
}
.setting-cont .content .cont-info .cont-item .auto-start-wrap .lang-selector[data-v-e2d6cf60] .el-input {
  width: 220px;
  height: 32px;
}
.setting-cont .content .cont-info .cont-item .auto-start-wrap .lang-selector[data-v-e2d6cf60] .el-input input {
  width: 100%;
  height: 100%;
  line-height: 1; /* safari/mac端样式修复 */
}
.setting-cont .content .cont-info .cont-item[data-v-e2d6cf60] .el-radio-group {
  margin-top: 12px;
}
.setting-cont .content .cont-info .cont-item[data-v-e2d6cf60] .el-radio-group .el-radio {
  display: block;
  margin-bottom: 8px;
  margin-right: 0;
  padding-top: 2px;
  padding-bottom: 3px;
  font-weight: 400 !important;
}
.setting-cont .content .cont-info .cont-item[data-v-e2d6cf60] .el-radio-group .el-radio:last-of-type {
  margin-bottom: 0;
}
.setting-cont .content .cont-info .cont-item[data-v-e2d6cf60] .el-radio-group .el-radio.auto-start-radio {
  display: flex;
}
.setting-cont .content .cont-info .cont-item[data-v-e2d6cf60] .el-radio-group .el-radio.auto-start-radio .el-radio__label {
  display: flex;
  flex-wrap: wrap;
}
.setting-cont .content .cont-info .cont-item .learn-about[data-v-e2d6cf60] {
  margin-top: 12px;
  cursor: pointer;
  color: #0c85ac !important;
  font-size: 14px;
}
.setting-cont .content .cont-info .cont-item .learn-about[data-v-e2d6cf60]:hover {
  color: #00a4dd !important;
}
.setting-cont .content .cont-info .cont-item .learn-about[data-v-e2d6cf60]:active {
  color: #096785 !important;
}
.setting-cont .content .cont-info .cont-item .tab3-name[data-v-e2d6cf60] {
  margin-top: 10px;
  color: #878c92;
  font-size: 14px;
}
.setting-cont .content .cont-info .cont-item .about-opr[data-v-e2d6cf60] {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.setting-cont .content .cont-info .cont-item .about-opr .el-checkbox[data-v-e2d6cf60] {
  font-weight: 400 !important;
}
.setting-cont .content .cont-info .cont-item .about-opr .update-check[data-v-e2d6cf60] {
  display: inline-block;
  margin-left: 12px;
  cursor: pointer;
  width: 64px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #d4d8db;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--C-05, #11bbf2);
  text-align: center;
  line-height: 22px;
}
.setting-cont .content .cont-info .cont-item .about-opr .update-check[data-v-e2d6cf60]:hover {
  opacity: 0.85;
}
.setting-cont .content .cont-info .cont-item .tab2-bx[data-v-e2d6cf60] {
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.setting-cont .content .cont-info .cont-item .tab2-bx .tab2-left .tab2-name[data-v-e2d6cf60] {
  line-height: 21px;
  color: var(---01, #000205);
  font-size: 14px;
}
.setting-cont .content .cont-info .cont-item .tab2-bx .tab2-left .tab2-subname[data-v-e2d6cf60] {
  margin-top: 4px;
  line-height: 18px;
  color: var(---05, #878c92);
  font-size: 12px;
}
.setting-cont .content .cont-info .cont-item .tab2-bx .tab2-right[data-v-e2d6cf60] {
  position: relative;
}
.setting-cont .content .cont-info .cont-item .tab2-bx .tab2-right .input-info[data-v-e2d6cf60] {
  height: 34px;
  line-height: 34px;
  border: 1px solid var(---07, #d4d8db);
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 25px;
  width: 216px;
  box-sizing: border-box;
  outline: none;
}
.setting-cont .content .cont-info .cont-item .tab2-bx .tab2-right .input-info[data-v-e2d6cf60]:focus {
  border-color: #11bbf2;
}
.setting-cont .content .cont-info .cont-item .tab2-bx .tab2-right .input-clear[data-v-e2d6cf60] {
  position: absolute;
  right: 6px;
  width: 12px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.setting-cont .content .cont-info .cont-item .tab2-bx .tab2-right .shortcut-requires[data-v-e2d6cf60] {
  position: absolute;
  top: 39px;
  left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  color: rgb(240, 74, 62);
}
.setting-cont .content .cont-info .cont-item .tab3-check[data-v-e2d6cf60] {
  margin-top: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 400 !important;
}
.setting-cont .content .cont-info .cont-item .select-lang-wrap.mac-key-map .lang-selector[data-v-e2d6cf60] {
  margin-top: 0;
}
.setting-cont .content .cont-info .cont-item .select-lang-wrap .lang-selector[data-v-e2d6cf60] {
  margin-top: 12px;
}
.setting-cont .content .cont-info .cont-item .select-lang-wrap .lang-selector[data-v-e2d6cf60] .el-input {
  width: 146px;
  height: 32px;
}
.setting-cont .content .cont-info .cont-item .select-lang-wrap .lang-selector[data-v-e2d6cf60] .el-input input {
  width: 100%;
  height: 100%;
  line-height: 1; /* safari/mac端样式修复 */
}
.setting-cont .content .cont-info .copyright[data-v-e2d6cf60] {
  margin-top: 20px;
  font-size: 14px;
  color: #878c92;
}
.setting-cont .close-icon[data-v-e2d6cf60] {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.setting-cont .close-icon img[data-v-e2d6cf60] {
  width: 12px;
  height: 12px;
}
.setting-cont .close-icon[data-v-e2d6cf60]:hover {
  background: rgba(0, 0, 0, 0.03);
}
.key-map-list[data-v-e2d6cf60] {
  display: flex;
  align-items: center;
  padding-left: 20px;
  margin-top: 8px;
}
.key-map-list .key-map-label[data-v-e2d6cf60] {
  width: 120px;
  margin-right: 8px;
}
.ingore-setting[data-v-e2d6cf60] {
  padding-top: 7px;
}
.ingore-setting .is-title[data-v-e2d6cf60] {
  color: #2E3638;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}
.ingore-setting .is-sub-title[data-v-e2d6cf60] {
  color: #50595C;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 2px;
}
.ingore-setting .is-item[data-v-e2d6cf60] {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ingore-setting .is-item[data-v-e2d6cf60]:last-of-type {
  margin-bottom: 0;
}
.ingore-setting .is-item .is-item-left[data-v-e2d6cf60] {
  position: relative;
}
.ingore-setting .is-item .is-item-left .is-item-input[data-v-e2d6cf60] {
  height: 34px;
  line-height: 34px;
  border: 1px solid var(---07, #d4d8db);
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 25px;
  width: 318px;
  box-sizing: border-box;
  outline: none;
}
.ingore-setting .is-item .is-item-left .is-item-input[data-v-e2d6cf60]:focus {
  border-color: #11bbf2;
}
.ingore-setting .is-item .is-item-del[data-v-e2d6cf60] {
  height: 34px;
  min-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #50595C;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
}
.ingore-setting .is-item .is-item-del[data-v-e2d6cf60]:hover {
  background: #F5F7F8;
}
.ingore-setting .is-item .is-item-del[data-v-e2d6cf60]:active {
  background: #EBEEF0;
}
.ingore-setting .add-is-btn[data-v-e2d6cf60] {
  margin-top: 20px;
  width: fit-content;
  min-width: 90px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  cursor: pointer;
  border: 1px solid #11BBF2;
  box-sizing: border-box;
}
.ingore-setting .add-is-btn[data-v-e2d6cf60]:hover {
  border-color: #00A4DD;
  background: #F2FCFF;
}
.ingore-setting .add-is-btn[data-v-e2d6cf60]:active {
  border-color: #0C85AC;
  background: #E7F8FE;
}
.ingore-setting .add-is-btn img[data-v-e2d6cf60] {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.ingore-setting .add-is-btn span[data-v-e2d6cf60] {
  color: var(--text-accent-blue-bolder, #0C85AC);
  font-size: 14px;
  line-height: 150%;
}
.device-select-popper {
  min-width: 220px !important;
}
.device-select-popper .popper__arrow {
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.lang-select-popper .el-scrollbar .el-scrollbar__wrap .el-select-dropdown__list .el-select-dropdown__item {
  display: flex;
  align-items: center;
}
.lang-select-popper .lang-selected-icon {
  width: 20px;
  height: auto;
  opacity: 0;
  margin-right: 8px;
}
.lang-select-popper .lang-selected-icon.active {
  opacity: 1;
}
.lang-select-popper .lang-selected-label {
  width: 20px;
  height: auto;
}
.lang-select-popper .popper__arrow {
  left: 50% !important;
  transform: translateX(-50%);
}
.list-header[data-v-61596566] {
  display: flex;
  min-height: 70px;
  padding: 20px 32px;
  box-sizing: border-box;
  background-color: #fff;
  flex-shrink: 0;
  position: relative;
}
.list-header.bg2[data-v-61596566] {
  background-color: #fafbfc;
}
.list-header .content-header-wrap[data-v-61596566] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  color: #000205;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.list-header.game .content-header-wrap[data-v-61596566] {
  width: 100%;
}
.list-header .content-operation-wrap[data-v-61596566] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.work_order-cont[data-v-5c623786] {
  width: 100%;
  height: 100%;
  position: relative;
}
.work_order-cont.en .table-footer[data-v-5c623786] .custom-page-size .el-input, .work_order-cont.th .table-footer[data-v-5c623786] .custom-page-size .el-input {
  width: 135px;
}
.work_order-cont .close-icon[data-v-5c623786] {
  position: absolute;
  z-index: 2001;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.work_order-cont .close-icon .right-opr[data-v-5c623786] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 10px;
}
.work_order-cont .close-icon .right-opr[data-v-5c623786]:hover {
  background: #f2f3f5;
}
.work_order-cont .close-icon .right-opr img[data-v-5c623786] {
  width: 12px;
  height: 12px;
}
.work_order-cont .content-wrap[data-v-5c623786] {
  width: 100%;
  height: 100%;
}
.cicle[data-v-5c623786] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-text-disabled);
  display: inline-block;
  margin-right: 7px;
  transform: translateY(-2px);
}
.name-box[data-v-5c623786] {
  max-width: 180px;
}
.mr-20[data-v-5c623786] {
  margin-left: 20px;
}
.page-body[data-v-5c623786] {
  display: flex;
  background: #ffffff;
  height: 100%;
}
.page-body .list-container[data-v-5c623786] {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.page-body .list-container .list-batch[data-v-5c623786] {
  height: 54px;
  background: var(--color-brand-1);
  border: 1px solid var(--color-brand-4);
  display: flex;
  justify-content: space-between;
  padding: 0 24px;
  margin: 0 24px;
  margin-bottom: 8px;
  line-height: 54px;
  color: var(--color-text-4);
  border-radius: var(--border-radius);
}
.page-body .list-container .list-batch .el-button[data-v-5c623786] {
  color: var(--color-brand-6);
  font-weight: 400;
}
.page-body .list-container .list-batch .el-button[data-v-5c623786]:hover {
  color: var(--color-brand-5);
}
.page-body .list-container .list-batch .el-button[data-v-5c623786]:active {
  color: var(--color-brand-7);
}
.page-body .list-container .list-batch .left-batch-msg span[data-v-5c623786] {
  margin: 0 10px;
}
.page-body .list-container .list-body[data-v-5c623786] {
  flex: 1;
  overflow-y: auto;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.page-body .list-container .list-body[data-v-5c623786] tbody tr:hover > td,
.page-body .list-container .list-body[data-v-5c623786] tbody tr.hover-row > td {
  background-color: #f7f8fa;
}
.page-body .list-container .list-body .time-log-tooltip[data-v-5c623786] {
  display: flex;
}
.page-body .list-container .list-body .time-log-tooltip .column-icon-btn[data-v-5c623786] {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-body .list-container .list-body .time-log-tooltip .column-icon-btn[data-v-5c623786]:hover {
  background: #ced0d4;
}
.page-body .line[data-v-5c623786] {
  width: 1px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.25);
  margin: 0 8px;
  display: inline-block;
}
.renew-text-red[data-v-5c623786] {
  color: var(--color-error-6);
}
.renew-text-red[data-v-5c623786]:hover {
  color: var(--color-error-5);
}
.renew-text-red[data-v-5c623786]:focus {
  color: var(--color-error-6);
}
.renew-text-red[data-v-5c623786]:active {
  color: var(--color-error-7);
}
.el-button--primary.primary-css[data-v-5c623786],
.el-button--info.info-css[data-v-5c623786],
.el-button--danger.danger-css[data-v-5c623786],
.el-button--primary.primary-css1[data-v-5c623786] {
  padding: 6px 12px;
  font-size: 12px;
  min-height: 28px;
}
.table1 .el-button + .el-button[data-v-5c623786] {
  margin-left: 16px;
}
.none-box[data-v-5c623786] {
  position: absolute;
  left: 50%;
  display: inline-block;
  transform: translate(-50%);
  text-align: center;
  top: 20%;
}
.none-box img[data-v-5c623786] {
  width: 156px;
  height: 156px;
  margin: auto;
  margin-bottom: 16px;
}
.none-box .p1[data-v-5c623786] {
  font-size: 18px;
  font-family: var(--font-medium);
  font-weight: 500;
  height: 25px;
  line-height: 25px;
  margin-bottom: 8px;
}
.none-box .p2[data-v-5c623786] {
  color: var(--color-text-secondary);
}
.none-box .el-button[data-v-5c623786] {
  margin: auto;
  margin-top: 40px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  width: 156px;
}
.list-body1[data-v-5c623786] {
  max-height: 540px;
}
.footer-bottom[data-v-5c623786] {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: var(--color-text-3);
}
.footer-right[data-v-5c623786] {
  flex-basis: 100px;
  text-align: right;
}
.leftContent[data-v-5c623786] {
  display: none;
}
@media screen and (max-width: 768px) {
.page-body .list-container .list-header[data-v-5c623786] {
    box-sizing: border-box;
    flex-wrap: wrap;
}
.page-body .list-container .list-header .right-searchs[data-v-5c623786] {
    justify-content: unset;
}
.page-body .list-container .list-header .right-searchs .right-searchs-item[data-v-5c623786],
  .page-body .list-container .list-header .right-searchs[data-v-5c623786] {
    margin-left: 0;
    margin-right: 15px;
}
.left-group[data-v-5c623786] {
    width: 1px !important;
    min-width: unset !important;
    position: relative;
    border-right: 1px solid transparent;
    overflow: hidden;
}
.left-group.showCss[data-v-5c623786] {
    width: 208px !important;
    min-width: 256px;
    border-right: 1px solid var(--color-gray2);
}
.leftContent[data-v-5c623786] {
    display: block;
    width: 24px;
    height: 24px;
    background: var(--color-brand-6);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
    color: var(--color-fill-1);
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    z-index: 13;
    cursor: pointer;
}
.leftContent[data-v-5c623786]:after {
    content: ">";
}
.leftContent.showCss[data-v-5c623786] {
    left: 196px;
}
.leftContent.showCss[data-v-5c623786]:after {
    content: "<";
}
}
.main-content-wrap[data-v-5c623786] {
  display: contents;
}
.main-content-wrap .page-body[data-v-5c623786] {
  padding: 0px 32px 10px 32px;
}
.main-content-wrap .page-body .table-footer[data-v-5c623786] .el-pagination button, .main-content-wrap .page-body .table-footer[data-v-5c623786] .el-pagination li {
  border-radius: 4px !important;
}
.main-content-wrap .page-body .table-footer .text-secondary[data-v-5c623786] {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  margin-right: 16px;
}
.main-content-wrap[data-v-5c623786] .list-header {
  padding: 0;
}
.main-content-wrap[data-v-5c623786] .list-header h1 p {
  font-size: 16px;
}
.main-content-wrap .list-btn .left-ops[data-v-5c623786] {
  padding-bottom: 16px;
}
.main-content-wrap .el-button--small[data-v-5c623786] {
  height: 36px;
  padding: 5px 24px;
}
.main-content-wrap .status-container[data-v-5c623786] {
  display: flex;
  align-items: center;
}
.main-content-wrap .dot[data-v-5c623786] {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
}
.main-content-wrap .red[data-v-5c623786] {
  background-color: #FF4D4F;
}
.main-content-wrap .green[data-v-5c623786] {
  background-color: #36BA78;
}
.main-content-wrap .gray[data-v-5c623786] {
  background-color: #AFB4B8;
}
.scanDetail[data-v-5c623786] {
  color: var(--color-brand-6);
  font-size: 14px;
  cursor: pointer;
}
.order-detail-dialog[data-v-5c623786] .el-dialog__body {
  max-height: 80vh;
  overflow-y: scroll;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.main-contain[data-v-0a6fb86e] {
  display: flex;
  min-height: 100%;
  max-height: 100%;
  overflow: hidden;
  justify-content: center;
  min-width: 876px;
  height: 540px;
}
.main-contain-bx[data-v-0a6fb86e] {
  width: 100%;
}
.left-body[data-v-0a6fb86e] {
  flex: 1;
  overflow-y: auto;
}
.left-content[data-v-0a6fb86e] {
  height: 100%;
}
.left-content .chat-bx[data-v-0a6fb86e] {
  border-bottom: 1px solid #e5e6eb;
  height: 352px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  padding: 30px 40px;
  box-sizing: border-box;
  padding-bottom: 10px;
}
.left-content .chat-bx.noneReply[data-v-0a6fb86e] {
  border-bottom: none;
  height: 100%;
}
.left-content .chat-bx .chat-item[data-v-0a6fb86e] {
  margin-bottom: 25px;
}
.left-content .chat-bx .chat-item .first[data-v-0a6fb86e] {
  font-size: 14px;
  color: #000000;
  margin-bottom: 20px;
}
.left-content .chat-bx .chat-item .info[data-v-0a6fb86e] {
  display: flex;
}
.left-content .chat-bx .chat-item .info .headpic[data-v-0a6fb86e] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 3px 0px;
}
.left-content .chat-bx .chat-item .info .headpic.todesk[data-v-0a6fb86e] {
  border: 1px solid rgb(214, 218, 219);
  padding: 0;
}
.left-content .chat-bx .chat-item .info .detail[data-v-0a6fb86e] {
  margin-left: 10px;
  flex: 1;
}
.left-content .chat-bx .chat-item .info .detail .detail-top[data-v-0a6fb86e] {
  align-items: baseline;
  height: 38px;
}
.left-content .chat-bx .chat-item .info .detail .detail-top .nickname[data-v-0a6fb86e] {
  font-size: 14px;
  color: #000205;
  height: 22px;
}
.left-content .chat-bx .chat-item .info .detail .detail-top .datetime[data-v-0a6fb86e] {
  font-size: 12px;
  color: #878C92;
  height: 16px;
}
.left-content .chat-bx .chat-item .info .detail .detail-desc[data-v-0a6fb86e] {
  background: #f5f7f8;
  padding: 8px 0px 8px 0px;
  margin-top: 6px;
  border-radius: 8px;
  width: 100%;
  position: relative;
}
.left-content .chat-bx .chat-item .info .detail .detail-desc .title[data-v-0a6fb86e] {
  padding: 0px 16px 4px 16px;
  font-size: 14px;
  color: #000305;
  font-weight: 600;
  line-height: 21px;
}
.left-content .chat-bx .chat-item .info .detail .detail-desc .desc[data-v-0a6fb86e] {
  padding: 0px 16px 0 16px;
  font-size: 14px;
  color: #24282d;
  font-weight: 400;
  line-height: 21px;
  word-break: break-all;
}
.left-content .chat-bx .chat-item .info .detail .detail-desc .attachment[data-v-0a6fb86e] {
  margin-top: 12px;
  padding: 0px 16px 0 16px;
}
.left-content .chat-bx .chat-item .info .detail .detail-desc .attachment .atta-link[data-v-0a6fb86e] {
  font-size: 14px;
  color: #1D2224;
  display: block;
  line-height: 21px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.left-content .chat-bx .chat-item .info .detail .detail-desc .attachment .atta-link .link-icon[data-v-0a6fb86e] {
  width: 20px;
  height: auto;
  display: block;
  margin-right: 8px;
}
.left-content .chat-bx .chat-item .info .detail .detail-desc .attachment .atta-link[data-v-0a6fb86e]:last-of-type {
  margin-bottom: 0;
}
.left-content .reply-bx[data-v-0a6fb86e] {
  padding: 24px 40px;
}
.left-content .reply-bx .reply-cont .operation[data-v-0a6fb86e] {
  display: flex;
}
.left-content .reply-bx .reply-cont .operation .headpic[data-v-0a6fb86e] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.left-content .reply-bx .reply-cont .operation .input-bx[data-v-0a6fb86e] {
  flex: 1;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 104px;
}
.left-content .reply-bx .reply-cont .operation .input-bx .worder-desc-bx[data-v-0a6fb86e] {
  position: relative;
  flex-grow: 1;
}
.left-content .reply-bx .reply-cont .operation .input-bx .worder-desc-bx .worder-title-desc[data-v-0a6fb86e] {
  width: calc(100% + 2px);
  margin-left: -1px;
  margin-top: -1px;
}
.left-content .reply-bx .reply-cont .operation .input-bx .worder-desc-bx[data-v-0a6fb86e] .worder-title-desc .el-textarea__inner {
  border: none;
  padding: 0;
  line-height: 20px;
}
.left-content .reply-bx .reply-cont .operation .input-bx .worder-desc-bx .desc-len-mention[data-v-0a6fb86e] {
  position: absolute;
  right: 8px;
  bottom: 0;
  margin-bottom: 6px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  background: rgba(255, 255, 255, 0.8);
}
.left-content .reply-bx .reply-cont .operation .input-bx .attach-bx[data-v-0a6fb86e] {
  padding-bottom: 2px;
}
.left-content .reply-bx .reply-cont .operation .input-bx .attach-bx .attach-top[data-v-0a6fb86e] {
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left-content .reply-bx .reply-cont .operation .input-bx .attach-bx .attach-top .text-info[data-v-0a6fb86e] {
  margin-left: 4px;
  font-size: 12px;
  color: #616369;
  opacity: 0.6;
  padding-right: 20px;
}
.left-content .reply-bx .reply-cont .operation .input-bx .attach-bx .attachment-item[data-v-0a6fb86e] {
  color: #11BBF2;
  display: block;
  line-height: 25px;
}
.left-content .reply-bx .reply-cont .btns-bx[data-v-0a6fb86e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: right;
  height: 36px;
}
.left-content .reply-bx .reply-cont .btns-bx .attanch-add[data-v-0a6fb86e] {
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 36px;
  min-width: 80px;
  padding: 0 8px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #ffffff;
}
.left-content .reply-bx .reply-cont .btns-bx .attanch-add .icon-plus[data-v-0a6fb86e] {
  width: 16px;
  height: 16px;
}
.left-content .reply-bx .reply-cont .btns-bx .attanch-add .plus-text[data-v-0a6fb86e] {
  font-size: 14px;
  color: #40454B;
  margin-left: 8px;
}
.left-content .reply-bx .reply-cont .btns-bx .attanch-add[data-v-0a6fb86e]:hover {
  border: 1px solid #EEF0F1;
  background: #EEF0F1;
}
.left-content .reply-bx .reply-cont .btns-bx .attanch-add[data-v-0a6fb86e]:active {
  border: 1px solid #D6DADB;
  background: #D6DADB;
}
.left-content .reply-bx .reply-cont .reply-btn[data-v-0a6fb86e] {
  min-width: 100px;
  padding: 10px 20px;
}
.right-body1[data-v-0a6fb86e] {
  width: 320px;
  border-left: 1px solid #e5e6eb;
  overflow-y: scroll;
  position: relative;
  padding: 24px 32px;
  box-sizing: border-box;
}
.right-body1 .title[data-v-0a6fb86e] {
  font-size: 16px;
  font-weight: 600;
  color: #000205;
}
.right-body1 .info-bx[data-v-0a6fb86e] {
  margin-top: 24px;
}
.right-body1 .info-bx .info-item[data-v-0a6fb86e] {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 14px;
}
.right-body1 .info-bx .info-item .label[data-v-0a6fb86e] {
  color: #878C92;
  min-height: 22px;
}
.right-body1 .info-bx .info-item .value[data-v-0a6fb86e] {
  color: #000205;
  min-height: 22px;
}
.right-body1 .info-bx .info-item .value-active[data-v-0a6fb86e] {
  color: #000205;
  min-height: 22px;
  display: flex;
  align-items: center;
}
.right-body1 .info-bx .info-item .dot[data-v-0a6fb86e] {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
}
.right-body1 .info-bx .info-item .red[data-v-0a6fb86e] {
  background-color: #FF4D4F;
}
.right-body1 .info-bx .info-item .green[data-v-0a6fb86e] {
  background-color: #36BA78;
}
.right-body1 .info-bx .info-item .gray[data-v-0a6fb86e] {
  background-color: #AFB4B8;
}
.right-body1 .finish-bx[data-v-0a6fb86e] {
  padding-top: 4px;
}
.right-body1 .finish-bx .finish-btn[data-v-0a6fb86e] {
  min-width: 100px;
  padding: 10px 20px;
}
.right-body1 .finish-bx .mention-text[data-v-0a6fb86e] {
  margin-top: 8px;
  font-size: 14px;
  min-width: 22px;
  color: #878C92;
}
@media screen and (max-width: 1200px) {
.left-content[data-v-0a6fb86e] {
    padding-right: 24px;
}
}
.ieCss .left-body[data-v-0a6fb86e],
.ieCss .right-body[data-v-0a6fb86e] {
  height: calc(100vh - 120px);
}
.ieCss .box2 .sp3[data-v-0a6fb86e] {
  flex-basis: auto;
}
.ieCss .scrollDetail[data-v-0a6fb86e] {
  padding-bottom: 243px;
}
.ieCss .scrollFooter[data-v-0a6fb86e] {
  position: fixed;
  right: 0;
  width: 385px;
  left: auto;
}
.cicle[data-v-672ab696] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-text-disabled);
  display: inline-block;
  margin-right: 7px;
  transform: translateY(-2px);
}
.name-box[data-v-672ab696] {
  max-width: 180px;
}
.mr-20[data-v-672ab696] {
  margin-left: 20px;
}
.page-body[data-v-672ab696] {
  display: flex;
  background: #ffffff;
  height: 100%;
}
.page-body .list-container[data-v-672ab696] {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.page-body .list-container .list-batch[data-v-672ab696] {
  height: 54px;
  background: var(--color-brand-1);
  border: 1px solid var(--color-brand-4);
  display: flex;
  justify-content: space-between;
  padding: 0 24px;
  margin: 0 24px;
  margin-bottom: 8px;
  line-height: 54px;
  color: var(--color-text-4);
  border-radius: var(--border-radius);
}
.page-body .list-container .list-batch .el-button[data-v-672ab696] {
  color: var(--color-brand-6);
  font-weight: 400;
}
.page-body .list-container .list-batch .el-button[data-v-672ab696]:hover {
  color: var(--color-brand-5);
}
.page-body .list-container .list-batch .el-button[data-v-672ab696]:active {
  color: var(--color-brand-7);
}
.page-body .list-container .list-batch .left-batch-msg span[data-v-672ab696] {
  margin: 0 10px;
}
.page-body .list-container .list-body[data-v-672ab696] {
  flex: 1;
  overflow-y: auto;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.page-body .list-container .list-body[data-v-672ab696] tbody tr:hover > td,
.page-body .list-container .list-body[data-v-672ab696] tbody tr.hover-row > td {
  background-color: #f7f8fa;
}
.page-body .list-container .list-body .time-log-tooltip[data-v-672ab696] {
  display: flex;
}
.page-body .list-container .list-body .time-log-tooltip .column-icon-btn[data-v-672ab696] {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-body .list-container .list-body .time-log-tooltip .column-icon-btn[data-v-672ab696]:hover {
  background: #ced0d4;
}
.page-body .line[data-v-672ab696] {
  width: 1px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.25);
  margin: 0 8px;
  display: inline-block;
}
.renew-text-red[data-v-672ab696] {
  color: var(--color-error-6);
}
.renew-text-red[data-v-672ab696]:hover {
  color: var(--color-error-5);
}
.renew-text-red[data-v-672ab696]:focus {
  color: var(--color-error-6);
}
.renew-text-red[data-v-672ab696]:active {
  color: var(--color-error-7);
}
.el-button--primary.primary-css[data-v-672ab696],
.el-button--info.info-css[data-v-672ab696],
.el-button--danger.danger-css[data-v-672ab696],
.el-button--primary.primary-css1[data-v-672ab696] {
  padding: 6px 12px;
  font-size: 12px;
  min-height: 28px;
}
.table1 .el-button + .el-button[data-v-672ab696] {
  margin-left: 16px;
}
.none-box[data-v-672ab696] {
  position: absolute;
  left: 50%;
  display: inline-block;
  transform: translate(-50%);
  text-align: center;
  top: 20%;
}
.none-box img[data-v-672ab696] {
  width: 156px;
  height: 156px;
  margin: auto;
  margin-bottom: 16px;
}
.none-box .p1[data-v-672ab696] {
  font-size: 18px;
  font-family: var(--font-medium);
  font-weight: 500;
  height: 25px;
  line-height: 25px;
  margin-bottom: 8px;
}
.none-box .p2[data-v-672ab696] {
  color: var(--color-text-secondary);
}
.none-box .el-button[data-v-672ab696] {
  margin: auto;
  margin-top: 40px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  width: 156px;
}
.list-body1[data-v-672ab696] {
  max-height: 540px;
}
.footer-bottom[data-v-672ab696] {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: var(--color-text-3);
}
.footer-right[data-v-672ab696] {
  flex-basis: 100px;
  text-align: right;
}
.leftContent[data-v-672ab696] {
  display: none;
}
@media screen and (max-width: 768px) {
.page-body .list-container .list-header[data-v-672ab696] {
    box-sizing: border-box;
    flex-wrap: wrap;
}
.page-body .list-container .list-header .right-searchs[data-v-672ab696] {
    justify-content: unset;
}
.page-body .list-container .list-header .right-searchs .right-searchs-item[data-v-672ab696],
  .page-body .list-container .list-header .right-searchs[data-v-672ab696] {
    margin-left: 0;
    margin-right: 15px;
}
.left-group[data-v-672ab696] {
    width: 1px !important;
    min-width: unset !important;
    position: relative;
    border-right: 1px solid transparent;
    overflow: hidden;
}
.left-group.showCss[data-v-672ab696] {
    width: 208px !important;
    min-width: 256px;
    border-right: 1px solid var(--color-gray2);
}
.leftContent[data-v-672ab696] {
    display: block;
    width: 24px;
    height: 24px;
    background: var(--color-brand-6);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
    color: var(--color-fill-1);
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    z-index: 13;
    cursor: pointer;
}
.leftContent[data-v-672ab696]:after {
    content: ">";
}
.leftContent.showCss[data-v-672ab696] {
    left: 196px;
}
.leftContent.showCss[data-v-672ab696]:after {
    content: "<";
}
}
.work_order-cont[data-v-672ab696] {
  width: 100%;
  height: 100%;
  position: relative;
}
.work_order-cont.en[data-v-672ab696], .work_order-cont.th[data-v-672ab696] {
  word-break: break-word;
}
.work_order-cont.en .order-detail .worder-section .worder-title[data-v-672ab696], .work_order-cont.th .order-detail .worder-section .worder-title[data-v-672ab696] {
  width: 96px;
}
.work_order-cont.en .order-detail .worder-section .worder-types[data-v-672ab696], .work_order-cont.th .order-detail .worder-section .worder-types[data-v-672ab696] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.work_order-cont.en .order-detail .worder-section .worder-types .woder-radio[data-v-672ab696], .work_order-cont.th .order-detail .worder-section .worder-types .woder-radio[data-v-672ab696] {
  margin-right: 0;
  flex: 1 1 50%;
}
.order-detail .worder-section[data-v-672ab696] {
  margin-bottom: 20px;
  display: flex;
}
.order-detail .worder-section .worder-title[data-v-672ab696] {
  font-size: 14px;
  margin-bottom: 10px;
  width: 86px;
}
.order-detail .worder-section .worder-title .worder-xin[data-v-672ab696] {
  color: #f33a3a;
  margin-right: 6px;
}
.order-detail .worder-section .worder-title .worder-title[data-v-672ab696] {
  font-size: 14px;
  color: #000305;
}
.order-detail .worder-section .worder-title-bx[data-v-672ab696] {
  position: relative;
}
.order-detail .worder-section .worder-title-bx .title-len-mention[data-v-672ab696] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: rgb(158, 158, 159);
  text-align: end;
}
.order-detail .worder-section .title-mention[data-v-672ab696] {
  font-size: 14px;
  color: #555e61;
  margin-top: 12px;
}
.order-detail .worder-section[data-v-672ab696] .worder-right {
  flex: 1;
}
.order-detail .worder-section[data-v-672ab696] .worder-right .worder-title-input input::placeholder, .order-detail .worder-section[data-v-672ab696] .worder-right .worder-title-input textarea::placeholder, .order-detail .worder-section[data-v-672ab696] .worder-right .worder-title-desc input::placeholder, .order-detail .worder-section[data-v-672ab696] .worder-right .worder-title-desc textarea::placeholder {
  color: #9e9e9f !important;
}
.order-detail .worder-section .worder-desc-bx[data-v-672ab696] {
  position: relative;
}
.order-detail .worder-section .worder-desc-bx .desc-len-mention[data-v-672ab696] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
  color: rgb(158, 158, 159);
  text-align: end;
}
.order-detail .worder-section .woder-radio[data-v-672ab696],
.order-detail .worder-section .worder-title-input[data-v-672ab696],
.order-detail .worder-section .worder-title-desc[data-v-672ab696] {
  font-size: 14px;
  color: rgb(36, 42, 45);
}
.order-detail .worder-section[data-v-672ab696] .worder-title-input .el-input__inner {
  padding-right: 40px;
}
.order-detail .worder-section[data-v-672ab696] .worder-title-desc .el-textarea__inner {
  padding-bottom: 24px;
  height: 72px;
  padding: 5px 15px 5px 8px;
}
.order-detail .worder-section .woder-radio[data-v-672ab696] {
  margin-bottom: 10px;
}
.order-detail .worder-section .woder-radio[data-v-672ab696]:first-of-type {
  margin-right: 50px;
}
.order-detail .worder-section .woder-radio[data-v-672ab696]:nth-of-type(4) {
  margin-right: 0;
}
.order-detail .attanch-items[data-v-672ab696] {
  margin-top: 15px;
  justify-content: space-between;
  align-items: center;
}
.order-detail .attanch-items .attanch-item-text[data-v-672ab696] {
  font-size: 14px;
  line-height: 20px;
  color: #000305;
}
.order-detail .attanch-items .attanch-add[data-v-672ab696] {
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 8px 16px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #E5E6EB;
  margin-top: 8px;
}
.order-detail .attanch-items .attanch-add .icon-plus[data-v-672ab696] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.order-detail .attanch-items .attanch-add .plus-text[data-v-672ab696] {
  font-size: 14px;
  color: #11BBF2;
  margin-left: 2px;
  display: block;
  line-height: 1;
}
.order-detail .attanch-items .attanch-add[data-v-672ab696]:hover {
  opacity: 0.8;
}
.order-detail .mention[data-v-672ab696] {
  font-size: 14px;
  color: #555e61;
  margin-top: 8px;
  margin-bottom: 40px;
}
.order-detail .attanch-list[data-v-672ab696] {
  height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.order-detail .attanch-list .attachment-item[data-v-672ab696] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: rgb(29, 34, 36);
}
.order-detail .attanch-list .attachment-item .link-icon[data-v-672ab696] {
  width: 20px;
  height: auto;
  display: block;
  margin-right: 8px;
  margin-left: 6px;
}
.order-detail .attanch-list .del-icon[data-v-672ab696] {
  display: none;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  cursor: pointer;
}
.order-detail .attanch-list[data-v-672ab696]:hover {
  background-color: rgb(238, 240, 241);
}
.order-detail .attanch-list:hover .del-icon[data-v-672ab696] {
  display: initial;
}
.order-detail .buttons[data-v-672ab696] {
  text-align: right;
  margin-right: -16px;
}
.order-detail .buttons .create-button[data-v-672ab696] {
  font-size: 14px;
  color: #ffffff;
  margin-left: 16px;
  padding: 10px 20px;
  min-width: 100px;
}
.order-detail .buttons .create-button-cancel[data-v-672ab696] {
  color: #000205;
  padding: 10px 20px;
  font-size: 14px;
  min-width: 100px;
}
.el-dialog.wx-logon-res {
  border-radius: 12px;
  border: 1px solid rgba(117, 117, 117, 0.4);
  background-image: url(../assets/head.cd20a340.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.el-dialog.wx-logon-res .el-dialog__header {
  padding-top: 44px;
  padding-bottom: 0;
}
.el-dialog.wx-logon-res .el-dialog__header .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.el-dialog.wx-logon-res .el-dialog__header .title .icon {
  width: 24px;
  height: 24px;
}
.el-dialog.wx-logon-res .el-dialog__header .title .text {
  margin-left: 4px;
  color: var(--light-01, #000405);
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
}
.el-dialog.wx-logon-res .el-dialog__body {
  padding-bottom: 24px;
}
.el-dialog.wx-logon-res .el-dialog__body .wxoa-qr-img-box {
  margin: auto;
  width: 164px;
  height: 164px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../assets/wx-oa-bg.661e1b5f.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.el-dialog.wx-logon-res .el-dialog__body .wxoa-qr-img-box .wxoa-qr-img {
  width: 152px;
  height: 152px;
}
.el-dialog.wx-logon-res .el-dialog__body .wxoa-desc {
  color: var(--text-nuetral-1, #2E3638);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.el-dialog.wx-logon-res .el-dialog__body .wxoa-desc0 {
  margin-top: 12px;
}
.el-dialog.wx-logon-res .items-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
.el-dialog.wx-logon-res .items-list .item {
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}
.el-dialog.wx-logon-res .items-list .item .icon {
  width: 36px;
  height: 36px;
}
.el-dialog.wx-logon-res .items-list .item .text {
  margin-top: 4px;
  color: var(--text-nuetral-1, #2E3638);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}
.el-dialog.wx-logon-res .check-read {
  margin: auto;
  margin-top: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: fit-content;
}
.el-dialog.wx-logon-res .check-read .checkout-icon {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../assets/check-default.c3a01981.svg);
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.el-dialog.wx-logon-res .check-read .checkout-icon.checkout-icon1 {
  background-image: url(../assets/check-active.27deced5.svg) !important;
}
.el-dialog.wx-logon-res .check-read:hover .checkout-icon {
  background-image: url(../assets/check-hover.e462eb65.svg);
}
.el-dialog.wx-logon-res .check-read:active .checkout-icon {
  background-image: url(../assets/check-active.27deced5.svg);
}
.el-dialog.wx-logon-res .check-read .know-desc {
  color: var(--light-03, #50595C);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.el-button.confirm-btn-wxlr {
  margin: auto;
  margin-top: 30px;
  width: 140px;
  height: 36px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.side-at .side-at-cont[data-v-4e10ca82] {
  position: relative;
  overflow: hidden;
}
.side-at .side-at-cont:hover .close-img[data-v-4e10ca82] {
  display: block;
}
.side-at .adt-banner[data-v-4e10ca82] {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
}
.side-at .close-img[data-v-4e10ca82] {
  display: none;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.side-at.HomeItemBanner1[data-v-4e10ca82] {
  width: 318px;
  height: 209px;
  border-radius: 12px;
  box-sizing: border-box;
  margin-left: 23px;
  margin-bottom: 24px;
  display: none;
}
.side-at.HomeItemBanner1 .side-at-cont[data-v-4e10ca82] {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.side-at.HomeItemBanner1.shrink-style[data-v-4e10ca82] {
  width: 244px;
  height: 160.34px;
  margin-left: 0;
  margin-bottom: 0;
}
.side-at.HomeItemBanner1.shrink-style.web-adv[data-v-4e10ca82] {
  width: 280px;
  height: 184px;
  margin-left: 0;
  margin-bottom: 0;
}
.side-at.HomeItemBanner1.shrink-style.web-adv .side-at-cont .adt-banner[data-v-4e10ca82] {
  width: 100% !important;
  height: 100% !important;
}
.side-at.HomeTopBanner1[data-v-4e10ca82] {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 792px;
  height: 38px;
  margin: auto;
}
.side-at.HomeTopBanner1.web-adv .side-at-cont[data-v-4e10ca82] {
  margin: 0 auto;
}
.side-at.HomeTopBanner1 .side-at-cont[data-v-4e10ca82] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.side-at.HomeBottomBanner1[data-v-4e10ca82] {
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 32px;
  background: #fff;
  position: absolute;
  z-index: 1;
  display: none;
}
.side-at.HomeBottomBanner1.web-adv[data-v-4e10ca82] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-at.HomeBottomBanner1.web-adv .side-at-cont[data-v-4e10ca82] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-at.HomeBottomBanner1 .side-at-cont[data-v-4e10ca82] {
  width: 100%;
  height: 88px;
  border-radius: 12px;
}
.side-at.SideMenuBanner1[data-v-4e10ca82] {
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  padding-top: 8px;
  display: none;
}
.side-at.SideMenuBanner1 .side-at-cont[data-v-4e10ca82] {
  border-radius: 8px;
  height: 80px;
}
.side-at.WelfareTopBanner1[data-v-4e10ca82] {
  z-index: 1;
  min-width: 1024px;
  width: 1024px;
  height: 100px;
  margin: auto;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.side-at.WelfareTopBanner1.web-adv[data-v-4e10ca82] {
  min-width: 1088px;
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  padding: 0 34px;
  margin: 0 0 24px 0;
}
.side-at.WelfareTopBanner1.web-adv .side-at-cont[data-v-4e10ca82] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-at.WelfareTopBanner1 .side-at-cont[data-v-4e10ca82] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.version-cont[data-v-5e9d097e] {
  position: relative;
  display: flex;
  flex-direction: column;
}
.version-cont .s-padding[data-v-5e9d097e] {
  padding: 0 24px;
}
.version-cont .logo-box[data-v-5e9d097e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 100%;
}
.version-cont .logo-box .logo[data-v-5e9d097e] {
  width: auto;
  height: 28px;
  margin-bottom: 4px;
}
.version-cont .current-text[data-v-5e9d097e] {
  height: 22px;
  word-wrap: break-word;
  font-size: 14px;
  color: #555A61;
  margin-left: 38px;
  margin-bottom: 8px;
}
.version-cont .log-conten[data-v-5e9d097e] {
  overflow: hidden;
  flex: 1;
}
.version-cont .log-conten .log-list[data-v-5e9d097e] {
  max-height: 100%;
  overflow: auto;
  max-height: 180px;
  padding: 12px 24px;
  margin-right: 4px;
}
.version-cont .log-conten .log-list .list-item[data-v-5e9d097e] {
  flex: 1;
  list-style: none;
  position: relative;
  padding-left: 14px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #1D2024;
  margin-left: 8px;
}
.version-cont .log-conten .log-list .list-item[data-v-5e9d097e]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 4px;
  height: 4px;
  background-color: #11BBF2;
  border-radius: 50%;
}
.version-cont .log-conten .list-container[data-v-5e9d097e] {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.version-cont .update[data-v-5e9d097e] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px 24px;
}
.version-cont .update .button[data-v-5e9d097e] {
  height: 40px;
  min-width: 200px;
  background: #11BBF2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  padding: 0px 20px;
  font-size: 16px;
  cursor: pointer;
  color: #FFFFFF;
}
.version-cont .update .button[data-v-5e9d097e]:hover {
  opacity: 0.8;
}
.version-cont .update .button[data-v-5e9d097e]:active {
  opacity: 0.9;
}
.content-container[data-v-3f02f438] {
  width: 100%;
  height: 100%;
  padding: 16px 40px;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  position: relative;
}
.content-container.bg2[data-v-3f02f438] {
  background-color: #fafbfc;
}
.content-container.flex-column[data-v-3f02f438] {
  flex-direction: column;
}
.content-container .content-item[data-v-3f02f438] {
  border-radius: 6px;
  box-sizing: border-box;
  background-color: transparent;
}
.content-container .content-item.max-height[data-v-3f02f438] {
  height: 100%;
  flex: 1;
}
.content-container .content-item.max-width[data-v-3f02f438] {
  width: 100%;
  flex: 1;
}
.content-container .content-item.flex[data-v-3f02f438] {
  display: flex;
}

.progress-image[data-v-5633082e] {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0px auto;
}
.preview-image[data-v-5633082e] {
  filter: blur(0.2em);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.full-image[data-v-5633082e] {
  opacity: 0;
  transition: opacity 0.5s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.full-image.loaded[data-v-5633082e] {
  opacity: 1;
}
.preview-image.loaded[data-v-5633082e] {
  filter: blur(0);
}

img[data-v-5e8173fc] {
  image-rendering: -webkit-optimize-contrast;
}
.side-at .side-at-cont[data-v-5e8173fc] {
  position: relative;
  overflow: hidden;
}
.side-at .side-at-cont:hover .close-img[data-v-5e8173fc] {
  display: block;
}
.side-at .adt-banner[data-v-5e8173fc] {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
}
.side-at .close-img[data-v-5e8173fc] {
  display: none;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 10;
}
.side-at .navigation[data-v-5e8173fc] {
  background: rgba(46, 54, 56, 0.3019607843);
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 50%;
  position: absolute;
  width: 32px;
  height: 32px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.side-at .navigation img[data-v-5e8173fc] {
  width: 20px;
  height: 20px;
}
.side-at .navigation[data-v-5e8173fc]:hover {
  background: rgba(46, 54, 56, 0.4);
}
.side-at .navigation[data-v-5e8173fc]:active {
  background: rgba(46, 54, 56, 0.5019607843);
}
.side-at .left-img[data-v-5e8173fc] {
  left: 8px;
}
.side-at .right-img[data-v-5e8173fc] {
  right: 8px;
}
.side-at.HomeBottomBanner2[data-v-5e8173fc] {
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 32px;
  background: #fff;
  position: absolute;
  z-index: 1;
  overflow-x: auto;
}
.side-at.HomeBottomBanner2 .left_banner[data-v-5e8173fc] {
  min-width: 1020px;
}
.side-at.HomeBottomBanner2.web-adv[data-v-5e8173fc] {
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 32px);
}
.side-at.HomeBottomBanner2 .side-at-cont[data-v-5e8173fc] {
  width: 100%;
  height: 88px;
  border-radius: 12px;
}
.mySwiper1[data-v-5e8173fc] {
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mySwiper1 .swiper-wrapper .swiper-slide[data-v-5e8173fc] {
  transform: translateZ(0);
}
.mySwiper1 .navigation[data-v-5e8173fc] {
  cursor: pointer;
}
.mySwiper1 .navigation.swiper-button-disabled[data-v-5e8173fc] {
  cursor: not-allowed;
  opacity: 0.3;
}
.mySwiper1 .navigation.swiper-button-disabled[data-v-5e8173fc]:hover {
  opacity: 0.3;
}
.mySwiper1:hover .close-img[data-v-5e8173fc] {
  display: block;
}
.mySwiper1:hover .navigation[data-v-5e8173fc] {
  display: flex;
}
.progress-container[data-v-5e8173fc] {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 8px;
  z-index: 10;
}
.progress-container .progress-line[data-v-5e8173fc] {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
}
.progress-container .progress-line.active[data-v-5e8173fc] {
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  position: relative;
}
.progress-container .progress-line.active .active-line[data-v-5e8173fc] {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  background: rgba(255, 255, 255, 0.8);
  transition: width 5s linear;
  border-radius: 8px;
}
.progress-container .progress-line.active .no-transition[data-v-5e8173fc] {
  transition: none !important;
  background: none;
}
.progress-container .progress-line[data-v-5e8173fc]:not(:first-child) {
  margin-left: 8px;
}
.el-dialog.guide-to-purch-css {
  border-radius: 12px;
  border: 1px solid rgba(117, 117, 117, 0.4);
  background: linear-gradient(180deg, #DBF2FF 0, rgba(255, 255, 255, 0) 100px), #FFF;
}
.el-dialog.guide-to-purch-css .el-dialog__header {
  padding-top: 24px;
  padding-bottom: 0;
  padding-left: 44px;
  padding-right: 44px;
}
.el-dialog.guide-to-purch-css .el-dialog__header .queue {
  text-align: center;
}
.el-dialog.guide-to-purch-css .el-dialog__header .queue .title {
  color: var(--light-, var(---, #242A2D));
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
}
.el-dialog.guide-to-purch-css .el-dialog__header .queue .sub-title {
  margin-top: 8px;
  color: var(--light-, var(---, #50595C));
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.el-dialog.guide-to-purch-css .el-dialog__header .purch .title {
  text-align: center;
}
.el-dialog.guide-to-purch-css .el-dialog__header .purch .title .text {
  color: #242A2D;
  font-size: 22px;
  font-weight: 600;
}
.el-dialog.guide-to-purch-css .el-dialog__header .purch .sub-title {
  margin-top: 16px;
  color: var(--light-, var(---, #50595C));
  font-size: 16px;
  line-height: 24px;
}
.el-dialog.guide-to-purch-css .el-dialog__body {
  padding: 22px 0 40px 0;
}
.el-dialog.guide-to-purch-css .el-dialog__body .main-pic {
  width: 325px;
  height: 170px;
  display: block;
  margin: auto;
}
.el-dialog.guide-to-purch-css .el-dialog__body .confirm-btn {
  width: 325px;
  height: 52px;
  cursor: pointer;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #11BBF2;
  margin: auto;
  margin-top: 20px;
}
.el-dialog.guide-to-purch-css .el-dialog__body .confirm-btn:hover {
  background: #3CC7F4;
}
.el-dialog.guide-to-purch-css .el-dialog__body .confirm-btn:active {
  background: #00A4DD;
}
.mac-about-cont[data-v-791ab8ae] {
  word-break: break-word;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.mac-about-cont .close-icon[data-v-791ab8ae] {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mac-about-cont .close-icon img[data-v-791ab8ae] {
  width: 12px;
  height: 12px;
}
.mac-about-cont .close-icon[data-v-791ab8ae]:hover {
  background: rgba(0, 0, 0, 0.03);
}
.mac-about-cont .content-wrap[data-v-791ab8ae] {
  width: 100%;
  height: 100%;
}
.mac-about-cont .content-wrap .client-logo[data-v-791ab8ae] {
  width: 56px;
  height: 56px;
  box-sizing: border-box;
  border-radius: 10.5px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  margin: 40px auto 0;
}
.mac-about-cont .content-wrap .client-logo img[data-v-791ab8ae] {
  width: 100%;
  height: 100%;
  display: block;
}
.mac-about-cont .content-wrap .product-name[data-v-791ab8ae] {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
}
.mac-about-cont .content-wrap .go-web[data-v-791ab8ae] {
  margin-top: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
}
.mac-about-cont .content-wrap .phone-num[data-v-791ab8ae] {
  margin-top: 8px;
  font-size: 14px;
  width: 100%;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mac-about-cont .content-wrap .phone-num img[data-v-791ab8ae] {
  margin-right: 4px;
  width: 20px;
  height: 20px;
  display: block;
}
.mac-about-cont .content-wrap .company-dtl[data-v-791ab8ae] {
  text-align: center;
  margin-top: 24px;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  color: rgb(135, 140, 146);
}
.mac-about-cont .content-wrap .company-dtl .dtl2[data-v-791ab8ae] {
  margin-top: 4px;
}
.mac-about-cont .content-wrap .company-dtl .dtl2 .link[data-v-791ab8ae] {
  text-decoration: none;
  cursor: pointer;
}
.mac-about-cont .content-wrap .company-dtl .dtl2 .link[data-v-791ab8ae]:hover {
  opacity: 0.85;
}
.disconnect-pop-wrap.showMask .el-dialog__wrapper {
  background: rgba(0, 0, 0, 0.3);
}
.el-dialog.disconnect-pop-css {
  border-radius: 12px;
  border: 1px solid rgba(117, 117, 117, 0.4);
  overflow: hidden;
  background: linear-gradient(180deg, #DBF2FF 0%, rgba(255, 255, 255, 0) 80px), #FFF;
}
.el-dialog.disconnect-pop-css .el-dialog__header {
  padding-top: 24px;
  padding-bottom: 16px;
}
.el-dialog.disconnect-pop-css .el-dialog__header .title-info .title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-dialog.disconnect-pop-css .el-dialog__header .title-info .title .icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.el-dialog.disconnect-pop-css .el-dialog__header .title-info .title .text {
  color: #000405;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.el-dialog.disconnect-pop-css .el-dialog__body {
  padding: 0;
  padding-bottom: 24px;
}
.el-dialog.disconnect-pop-css .el-dialog__body .cont {
  text-align: center;
}
.el-dialog.disconnect-pop-css .el-dialog__body .cont .use-time {
  display: flex;
  align-items: end;
  justify-content: center;
}
.el-dialog.disconnect-pop-css .el-dialog__body .cont .use-time .text1 {
  color: var(--light-, var(---, #242A2D));
  font-size: 36px;
  font-weight: 500;
  line-height: 125%;
}
.el-dialog.disconnect-pop-css .el-dialog__body .cont .use-time .text2 {
  color: var(--light-03, #50595C);
  font-size: 14px;
  font-weight: 400;
  line-height: 240%;
  margin-right: 6px;
}
.el-dialog.disconnect-pop-css .el-dialog__body .cont .info {
  margin-top: 8px;
  text-align: center;
  color: var(--light-02, #2E3638);
  font-size: var(--Font-size-200, 12px);
  font-weight: 400;
  line-height: var(--Line-height-200, 16px);
  padding-left: 20px;
  padding-right: 20px;
}
.el-dialog.disconnect-pop-css .el-dialog__body .confirm-btn {
  width: 134px;
  height: 36px;
  cursor: pointer;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #11BBF2;
  margin: auto;
  margin-top: 24px;
}
.el-dialog.disconnect-pop-css .el-dialog__body .confirm-btn:hover {
  background: #3CC7F4;
}
.el-dialog.disconnect-pop-css .el-dialog__body .confirm-btn:active {
  background: #00A4DD;
}