.status_label_code.status_label_success {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_maintainer {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_approved {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_trail {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_developer {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unavailable {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_inactive {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_failed {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_pending {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_pending_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_offline {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_online {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_rejected {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_active {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_active_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_fixed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_notfixed {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_own {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_registing {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_suspend {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_locked {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_disabled {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_deleted {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_paid {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unpaid {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_open {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_expired {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_draft {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_completed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_inprogress {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_succeed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_migrating {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_invalid {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_partail {
  color: #3366ff;
  background: #d6e0ff;
}
.status_label_code.status_label_enable {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_unknow {
  color: #262626;
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_all {
  background: #d8d8d8;
}
.btn_con_box.MuiButton-root.status_tab_code_orange {
  color: #FF9800;
}
.btn_con_box.MuiButton-root.status_tab_code_orange.bg {
  background: #ffeacc;
}
.btn_con_box.MuiButton-root.status_tab_code_green {
  color: #63AF57;
}
.btn_con_box.MuiButton-root.status_tab_code_green.bg {
  background: #e0efdd;
}
.btn_con_box.MuiButton-root.status_tab_code_grey {
  color: #A9AABD;
}
.btn_con_box.MuiButton-root.status_tab_code_grey.bg {
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_blue {
  color: #00BCD4;
}
.btn_con_box.MuiButton-root.status_tab_code_blue.bg {
  background: #ccf2f6;
}
.btn_con_box.MuiButton-root.status_tab_code_red {
  color: #DB4437;
}
.btn_con_box.MuiButton-root.status_tab_code_red.bg {
  background: #f8dad7;
}
.status_border {
  position: relative;
}
.status_border:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_unavailable {
  border-color: #A9AABD;
}
.status_border_active {
  border-color: #63AF57;
}
.status_border_online {
  border-color: #63AF57;
}
.status_border_offline {
  border-color: #A9AABD;
}
.status_border_pending {
  border-color: #FF9800;
}
.status_border_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_draft {
  border-color: #00BCD4;
}
.status_border_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_rejected {
  border-color: #DB4437;
}
.status_border_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_locked {
  border-color: #A9AABD;
}
.status_border_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_suspend {
  border-color: #A9AABD;
}
.status_border_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple {
  position: relative;
}
.status_border_simple:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_simple_unavailable {
  border-color: #A9AABD;
}
.status_border_simple_active {
  border-color: #63AF57;
}
.status_border_simple_online {
  border-color: #63AF57;
}
.status_border_simple_offline {
  border-color: #A9AABD;
}
.status_border_simple_pending {
  border-color: #FF9800;
}
.status_border_simple_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_draft {
  border-color: #00BCD4;
}
.status_border_simple_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_rejected {
  border-color: #DB4437;
}
.status_border_simple_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_locked {
  border-color: #A9AABD;
}
.status_border_simple_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend {
  border-color: #A9AABD;
}
.status_border_simple_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple:after {
  display: none;
  background: none;
}
html,
body {
  height: 100%;
  width: 100%;
  background: #F2F4F7;
  box-sizing: border-box;
  overflow: hidden;
}
.create_manufacture .MuiInputLabel-shrink {
  transform: translate(0, 1.5px) scale(0.75) !important;
}
.audit_diff_style {
  color: #DB4437;
}
.app_form_tit_dialog {
  font-size: 16px;
  color: #262626;
  margin-bottom: 15px;
}
.global_config_main .layout_side_item.active .iconfont,
.global_config_main .layout_side_item.active .layout_config_tit {
  color: #fff;
}

.status_label_code.status_label_success {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_maintainer {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_approved {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_trail {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_developer {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unavailable {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_inactive {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_failed {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_pending {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_pending_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_offline {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_online {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_rejected {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_active {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_active_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_fixed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_notfixed {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_own {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_registing {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_suspend {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_locked {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_disabled {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_deleted {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_paid {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unpaid {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_open {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_expired {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_draft {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_completed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_inprogress {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_succeed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_migrating {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_invalid {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_partail {
  color: #3366ff;
  background: #d6e0ff;
}
.status_label_code.status_label_enable {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_unknow {
  color: #262626;
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_all {
  background: #d8d8d8;
}
.btn_con_box.MuiButton-root.status_tab_code_orange {
  color: #FF9800;
}
.btn_con_box.MuiButton-root.status_tab_code_orange.bg {
  background: #ffeacc;
}
.btn_con_box.MuiButton-root.status_tab_code_green {
  color: #63AF57;
}
.btn_con_box.MuiButton-root.status_tab_code_green.bg {
  background: #e0efdd;
}
.btn_con_box.MuiButton-root.status_tab_code_grey {
  color: #A9AABD;
}
.btn_con_box.MuiButton-root.status_tab_code_grey.bg {
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_blue {
  color: #00BCD4;
}
.btn_con_box.MuiButton-root.status_tab_code_blue.bg {
  background: #ccf2f6;
}
.btn_con_box.MuiButton-root.status_tab_code_red {
  color: #DB4437;
}
.btn_con_box.MuiButton-root.status_tab_code_red.bg {
  background: #f8dad7;
}
.status_border {
  position: relative;
}
.status_border:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_unavailable {
  border-color: #A9AABD;
}
.status_border_active {
  border-color: #63AF57;
}
.status_border_online {
  border-color: #63AF57;
}
.status_border_offline {
  border-color: #A9AABD;
}
.status_border_pending {
  border-color: #FF9800;
}
.status_border_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_draft {
  border-color: #00BCD4;
}
.status_border_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_rejected {
  border-color: #DB4437;
}
.status_border_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_locked {
  border-color: #A9AABD;
}
.status_border_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_suspend {
  border-color: #A9AABD;
}
.status_border_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple {
  position: relative;
}
.status_border_simple:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_simple_unavailable {
  border-color: #A9AABD;
}
.status_border_simple_active {
  border-color: #63AF57;
}
.status_border_simple_online {
  border-color: #63AF57;
}
.status_border_simple_offline {
  border-color: #A9AABD;
}
.status_border_simple_pending {
  border-color: #FF9800;
}
.status_border_simple_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_draft {
  border-color: #00BCD4;
}
.status_border_simple_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_rejected {
  border-color: #DB4437;
}
.status_border_simple_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_locked {
  border-color: #A9AABD;
}
.status_border_simple_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend {
  border-color: #A9AABD;
}
.status_border_simple_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple:after {
  display: none;
  background: none;
}
.setting_preview_dialog .dialog_action_area {
  border: none;
}
.setting_config_item_head .layout_config_code_head .layout_code_label:nth-of-type(1):after,
.setting_config_item_head .layout_config_code_head .layout_code_label:nth-of-type(2):after {
  content: "*";
  display: inline-block;
  padding: 0 12px;
  line-height: 20px;
  color: #DB4437;
  font-size: 20px;
  vertical-align: middle;
}
.setting_code_txt {
  display: block;
  width: 100%;
  overflow: hidden;
}
.setting_market_wrap {
  position: relative;
}
.setting_market_wrap.setting_market_hide {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.setting_market_case .layout_detail_wrap {
  padding-right: 0;
}
.setting_market_case .layout_detail_wrap .layout_config_code_wrap {
  padding-right: 16px;
}
.setting_global_tip {
  color: #262626;
}
.setting_code_detail.layout_code_detail {
  margin-bottom: 16px;
  background: #A9AABD;
}
.setting_code_detail .setting_code_txt {
  color: #fff;
}
.setting_code_detail .MuiInput-input {
  background: #f2f5f7;
}
.setting_code_detail .iconfont {
  color: #fff;
}
.setting_code_detail + .layout_detail_wrap,
.setting_code_detail + .layout_detail_wrap .layout_detail_wrap {
  position: relative;
  padding-right: 0;
  margin-top: 0;
}
.setting_code_detail + .layout_detail_wrap:after,
.setting_code_detail + .layout_detail_wrap .layout_detail_wrap:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -16px;
  left: 2px;
  width: 2px;
  bottom: 39px;
  background: #A9AABD;
}
.setting_code_detail + .layout_detail_wrap .layout_code_detail {
  position: relative;
  z-index: 2;
  border: 1px solid #E6E8EA;
}
.setting_code_detail + .layout_detail_wrap .layout_code_detail:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 16px;
  left: -12px;
  width: 12px;
  height: 2px;
  background: #A9AABD;
}
.setting_market_drag .layout_detail_wrap {
  max-height: unset;
}
.setting_market_drag .layout_dashed_btn {
  position: relative;
  margin-top: 0;
}
.setting_market_drag .layout_dashed_btn:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 16px;
  left: -14px;
  width: 14px;
  height: 2px;
  background: #A9AABD;
}
.setting_code_new_item.layout_code_label {
  overflow: initial;
}
.setting_text_date .ant-picker-input > input {
  color: #63AF57;
}
.setting_code_new_error {
  position: absolute;
  left: 0;
  top: 34px;
}
.setting_show_sec {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.setting_show_sec .filter_drawer_checkbox.MuiFormControlLabel-root {
  margin-top: 3px;
  margin-bottom: 3px;
}
.setting_show_sec_date input {
  width: 180px;
}
.rki_server_name {
  max-width: 460px;
}
.rki_server_td {
  min-width: 110px;
}
.setting_list_section {
  margin-bottom: 2px;
}
.setting_list_section.setting_signature_list {
  box-sizing: border-box;
  background: #F2F4F7;
}
.setting_list_section.setting_signature_list .layout_config_action {
  padding: 0 20px 30px 0;
}
.setting_list_section .layout_config_wrap {
  margin-bottom: 0;
}
.setting_progress_wrap {
  width: 180px;
  height: 8px;
  margin-right: 10px;
  background: #f2f5f7;
  display: inline-block;
}
.setting_progress_content {
  height: 8px;
  background: #63AF57;
}
.setting_release_email_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 140px;
  height: 57px;
  margin-right: 5px;
  box-sizing: border-box;
  padding: 5px 12px;
  border: 1px solid #D5E1EB;
}
.setting_release_email_type {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.setting_release_email_name {
  margin-bottom: 5px;
  font-size: 12px;
  color: #8c8c8c;
}
.setting_release_email_success,
.setting_release_email_failed,
.setting_release_email_pending {
  font-size: 16px;
}
.setting_release_email_success {
  color: #63AF57;
}
.setting_release_email_failed {
  color: #DB4437;
}
.setting_release_email_pending {
  color: #FF9800;
}
.setting_release_email_total {
  color: #262626;
}
.setting_release_email_wrap {
  display: flex;
}
.setting_release_email_wrap .setting_release_txt {
  display: flex;
}
.setting_note_table th {
  white-space: nowrap;
}
.setting_note_table .setting_note_tit,
.setting_note_table .setting_note_file_name,
.setting_note_table .setting_note_edit_name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.setting_note_table .setting_note_tit {
  max-width: 100px;
}
.setting_edit_type {
  max-width: 240px;
}
.setting_note_edit_name {
  max-width: 150px;
}
.setting_ipt_update {
  position: absolute;
  right: 0;
  top: 0;
}
.setting_note_record {
  position: absolute;
  left: 30px;
  bottom: 0;
  line-height: 67px;
  color: #262626;
  font-size: 14px;
}
.setting_vas_btn_wrap {
  display: flex;
  width: 100%;
  min-height: 64px;
}
.setting_vas_btn_wrap.MuiButton-root.button_com_wrap_basic {
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  text-transform: capitalize;
}
.setting_vas_btn_wrap:hover .setting_info_label {
  opacity: 0;
}
.setting_vas_subs.layout_config_wrap {
  padding: 0;
}
.setting_vas_img {
  width: 42px;
  margin-right: 16px;
}
.setting_vas_case.layout_config_tit_wrap {
  flex: 1;
  overflow: hidden;
}
.setting_vas_case.layout_config_tit_wrap .layout_config_tit {
  font-weight: 600;
}
.setting_vas_head {
  display: flex;
  align-items: center;
  background: #fafbfc;
  min-height: 97px;
  margin: -20px -30px 30px -30px;
  padding: 0 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #D3E0EA;
}
.setting_vas_head + .layout_tit_main {
  margin-bottom: 20px;
}
.setting_vas_head_section {
  flex: 1;
  overflow: hidden;
}
.setting_vas_head_img {
  width: 49px;
  margin-right: 16px;
}
.setting_vas_head_tit {
  margin-right: 16px;
  font-size: 20px;
  font-weight: bold;
  color: #262626;
}
.setting_dialog_iframe {
  height: 400px;
}
.setting_market_main {
  position: relative;
}
.setting_market_main.setting_hide {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.setting_check_wrap {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.setting_check_label {
  cursor: pointer;
  margin-left: 4px;
}
.setting_check_label.comp_label_item {
  color: #63AF57;
}
.setting_theme_checkbox {
  margin: 2px;
  background: currentColor;
  box-sizing: border-box;
  border: 2px solid #fff;
}
.setting_theme_checkbox.btn_wrap_icon {
  width: 40px;
  height: 28px;
}
.setting_theme_checkbox + .setting_theme_checkbox {
  margin-left: 2px;
}
.setting_theme_checkbox .iconfont {
  display: none;
  color: #fff;
}
.setting_theme_active {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
.setting_theme_active .iconfont {
  display: block;
}
.setting_theme_disable {
  opacity: 0.2;
}
.setting_logo_wrap {
  display: inline-flex;
  min-width: 100%;
  border-top: 1px solid #D3E0EA;
}
.setting_ent_wrap {
  flex-direction: column;
}
.setting_logo_con {
  width: 230px;
  flex-shrink: 0;
}
.setting_logo_con .layout_config_tit_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 80px;
  margin-bottom: 16px;
}
.setting_logo_case {
  flex: 1;
  overflow: auto;
  white-space: nowrap;
  text-align: right;
}
.setting_logo_section {
  height: 80px;
  margin-bottom: 16px;
}
.setting_logo_tit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 44px;
}
.setting_logo_txt {
  display: inline-block;
  width: 240px;
  font-size: 12px;
  color: #8c8c8c;
  text-align: center;
}
.setting_logo_main {
  display: inline-block;
  width: 240px;
  text-align: center;
}
.setting_logo_image_box,
.setting_ad_link_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 12px;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  border: 1px dashed #D3E0EA;
  background: url("/admin/assets/img/setting-list-image-box-bg.png") #fff;
  background-clip: padding-box;
  overflow: hidden;
}
.setting_ad_link_wrap {
  background: #f8fafb;
}
.setting_logo_image_box.setting_white_logo {
  background: url("/admin/assets/img/setting-list-image-box-bg.png") #d3e0ea;
}
.setting_logo_image_box:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.setting_logo_image_box:hover .setting_logo_upload {
  opacity: 1;
}
.setting_logo_image_box:hover .setting_logo_del {
  transform: rotate(90deg);
  opacity: 1;
}
.setting_logo_pic {
  max-height: 100%;
  max-width: 100%;
}
.setting_logo_upload {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 240px;
  height: 80px;
  opacity: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: 0.2s;
}
.setting_logo_upload .MuiButton-root.button_com_wrap_basic {
  width: 100%;
  height: 100%;
}
.setting_logo_upload .MuiButton-root:hover {
  background: none;
}
.setting_logo_del {
  position: absolute;
  right: 2px;
  top: 2px;
  left: auto;
  z-index: 100;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  opacity: 0.2;
  transition: 0.2s;
}
.setting_con_area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  padding-right: 6px;
}
.setting_ad_area {
  display: flex;
  border-top: 1px solid #E6E8EA;
}
.setting_adtit_area {
  font-size: 14px;
  color: #262626;
  font-weight: normal;
  margin-bottom: 6px;
}
.setting_adtit_spec {
  font-size: 12px;
  color: #8c8c8c;
}
.setting_ad_titarea {
  display: flex;
  align-items: center;
  width: 340px;
  height: 80px;
  margin-bottom: 16px;
  flex-shrink: 0;
}
.setting_ad_banner {
  flex-shrink: 0;
  width: 36px;
  height: 40px;
  margin-right: 12px;
  background: url("/admin/assets/img/setting-ad-icon.png") no-repeat left top;
}
.banner_adb {
  background-position: -36px top;
}
.banner_adc {
  background-position: -72px top;
}
.banner_add {
  background-position: -108px top;
}
.banner_ade {
  background-position: -144px top;
}
.setting_ad_banner_ver {
  flex-shrink: 0;
  width: 29px;
  height: 40px;
  margin-right: 71px;
  background: url("/admin/assets/img/clientThemeImg/icons_client.png") no-repeat left top;
}
.banner_adb_ver {
  background-position: left -40px;
}
.banner_adc_ver {
  background-position: left -80px;
}
.banner_add_ver {
  background-position: left -120px;
}
.banner_ade_ver {
  background-position: left -160px;
}
.setting_ad_banner_hor {
  flex-shrink: 0;
  width: 40px;
  height: 28px;
  margin-right: 12px;
  background: url("/admin/assets/img/clientThemeImg/icons_client.png") no-repeat -29px top;
}
.banner_adb_hor {
  background-position: -29px -40px;
}
.banner_adc_hor {
  background-position: -29px -80px;
}
.banner_add_hor {
  background-position: -29px -120px;
}
.banner_ade_hor {
  background-position: -29px -160px;
}
.setting_ad_detail.layout_detail_wrap {
  max-height: initial;
}
.setting_ad_row {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  margin-bottom: 16px;
}
.setting_ad_col {
  width: 196px;
  margin: 0 16px;
  flex-shrink: 0;
}
.setting_ad_case {
  padding-top: 60px;
}
.setting_ad_tit {
  height: 44px;
  font-size: 12px;
  color: #8c8c8c;
  line-height: 42px;
  display: inline-block;
  text-align: center;
  width: 240px;
}
.setting_ad_casearea {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 1;
  width: 1px;
  overflow: hidden;
  overflow-x: auto;
}
.setting_theme_img {
  justify-content: flex-end;
  padding-top: 10px;
}
.setting_theme_wrap {
  display: flex;
}
.setting_table_key {
  max-width: 110px;
}
.setting_table_remark {
  max-width: 270px;
  min-width: 150px;
}
.setting_table_appname {
  max-width: 200px;
  min-width: 150px;
}
.setting_table_var.table_default_wrap {
  min-width: 765px;
}
.setting_table_var th {
  white-space: nowrap;
}
.setting_grow_foot {
  margin-top: 20px;
  border: 1px solid #E6E8EA;
}
.setting_table_rki {
  max-width: 310px;
}
.setting_table_rki_name {
  max-width: 310px;
}
.setting_merchant_td {
  max-width: 100px;
}
.setting_show_txt {
  margin-right: 10px;
  color: #9e9e9e;
  font-size: 14px;
}
.setting_stripe_list {
  position: relative;
  display: flex;
  margin-bottom: 2px;
  min-height: 64px;
  box-sizing: border-box;
  padding: 12px 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #fff;
}
.setting_mode_case {
  padding: 10px 0;
  border-bottom: 1px solid #E6E8EA;
  margin-bottom: 15px;
}
.setting_popup_tabs .btn_wrap_section {
  margin-right: 10px;
  margin-bottom: 10px;
}
.setting_popup_tabs .btn_wrap_section + .btn_wrap_section {
  margin-left: 0;
}
.setting_model_label {
  margin-left: 20px;
  color: #8c8c8c;
}
.setting_model_txt {
  flex-shrink: 0;
  font-size: 12px;
}
.setting_model_sublabel {
  color: #262626;
}
.setting_model_selected {
  color: #63AF57;
  font-weight: 600;
}
.setting_mode_check {
  flex: 1;
  overflow: hidden;
  word-wrap: break-word;
}
.setting_mode_check .MuiFormControlLabel-root {
  width: 100%;
  overflow: hidden;
}
.setting_mode_check .MuiTypography-root {
  overflow: hidden;
  word-wrap: break-word;
}
.setting_table_con {
  max-width: 290px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.setting_ad_link_ipt .MuiInput-input {
  text-align: left;
  color: #63AF57;
}
.setting_ad_link_ipt .MuiInput-input::placeholder {
  text-align: center;
  color: initial;
}
.setting_ann_config_box.layout_config_wrap {
  overflow: unset;
}
.setting_two_code_box.layout_detail_wrap {
  max-height: unset;
}
.setting_rki_case_back.layout_head_tit_wrap {
  padding-left: 0;
}
.setting_foot_item_main.layout_dialog_item {
  max-width: 718px;
}
.setting_select_case.select_root.MuiFormControl-root {
  margin: 0 5px;
}
.setting_select_case.select_root.MuiFormControl-root .MuiInput-input {
  color: #63AF57;
}
.white_list_tips {
  margin-bottom: 15px;
}
.setting_signature_tips {
  margin-bottom: 10px;
}
.setting_signature_wrap {
  padding: 0 16px;
}
.setting_signature_section {
  padding: 10px 0;
  border-bottom: 1px solid #E6E8EA;
}
.setting_rej_external {
  margin-top: 13px;
}
.setting_web_hook_rej_box .rej_box_wrap {
  color: #DB4437;
  background: #f8dad7;
}
.setting_web_hook_rej_box .rej_box_wrap .rej_box_txt {
  color: #DB4437;
}
.setting_web_hook_color {
  background-color: #F2F4F7;
  padding: 10px;
  word-break: break-word;
}
.layout_dialog_item .setting_trigger_check {
  margin-right: 16px;
  margin-bottom: 8px;
}
.table_default_wrap tbody tr .app_excludemarket_name {
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.advance_tab_box.MuiTabs-root {
  margin-bottom: 20px;
}
.discount_tips_price {
  margin-top: 10px;
}
@media screen and (max-width: 1510px) {
  .setting_ad_casearea {
    align-items: flex-start;
  }
}
.general_setting_style .layout_side_item_btn .iconfont {
  color: #aab7c6;
}
.general_setting_style .layout_side_item.active .iconfont,
.general_setting_style .layout_side_item.active .layout_config_tit {
  color: #fff;
}
.white_view_detail button {
  min-width: 145px!important;
}
.market_static_max_num {
  color: #63AF57;
  vertical-align: middle;
}
.market_static_num_max {
  font-size: 22px;
  font-family: "number";
  position: relative;
  top: 2px;
}
.divider_line_sty {
  margin: 0 3px;
}
.market_general_info_tits {
  border-bottom: 1px solid #E6E8EA;
}
.ip_range_wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
}
.ip_range_wrap .layout_dialog_item {
  width: 50%;
  position: relative;
  margin-right: 10px;
}
.ip_range_wrap .iconfont {
  font-size: 10px;
  margin-top: 20px;
  margin-right: 10px;
  color: #8c8c8c;
}
.ip_range_wrap .error_con_wrap {
  display: none;
}
.tow_factor_style {
  position: relative;
  margin-bottom: 2px;
  padding: 12px 16px;
  min-height: 64px;
  background: #F2F4F7;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 4px;
}
.tow_factor_style .tow_factor_style_s {
  background: rgba(0, 0, 0, 0.05);
}
.license_item_box {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex: 1;
  max-width: 50%;
  padding: 0 0 5px 15px;
  margin-left: 35px;
  border-bottom: 1px solid #D3E0EA;
}
.license_item_box .btn_wrap_icon {
  display: none;
}
.layout_config_tit_wrap.screen_logo_title {
  width: 400px;
}
.screen_logo_upload {
  width: 120px;
  height: 100px;
}
.locked_screen_setting_box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background: #0000008a;
}
.locked_screen_setting_box .locked_screen_setting {
  width: 300px;
  height: 520px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.locked_screen_setting_box .locked_screen_setting .locked_screen_remarks {
  max-width: 250px;
  top: 60%;
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  overflow-wrap: break-word;
  text-align: center;
  line-height: 20px;
}
.locked_screen_setting_box .locked_screen_setting .locked_screen_background {
  width: 300px;
  height: 520px;
  position: absolute;
  background-size: cover;
}
.locked_screen_setting_box .locked_screen_setting .locked_screen_logo {
  max-width: 200px;
  max-height: 200px;
  top: 10%;
  background-size: cover;
  position: absolute;
}
.locked_screen_setting_box .locked_screen_setting .locked_screen_close {
  top: 0;
  right: 0;
  transform: translate(100%, -100%);
  position: absolute;
}
.locked_screen_setting_box .locked_screen_setting .MuiIconButton-root {
  background: #00000073;
}
.webhook_trigger_select .btn_wrap_section.btn_wrap_icon.search_filter_text_popupbtn {
  margin: 0 8px;
}
.webhook_trigger_dialog .webhook_trigger_dialog_title:first-child {
  padding-top: 0;
}
.webhook_trigger_dialog .setting_trigger_check {
  margin-right: 16px;
  margin-bottom: 10px;
}
.market_email_icon.btn_wrap_section {
  width: 24px;
  height: 26px;
  margin-left: 10px;
}
.market_static_case .market_static_item {
  margin-bottom: 40px;
}
.market_detail_box {
  padding: 20px;
  box-sizing: border-box;
}
.market_side_sel_date .terminal_date_filter {
  margin-top: 10px;
}
.market_side_sel.select_root .MuiInput-input {
  color: #63AF57;
}
.market_side_sel.select_root .MuiInput-underline:before,
.market_side_sel.select_root .MuiInput-underline:after {
  display: none;
}
.market_box_icon .iconfont {
  color: #A9AABD;
}
.market_box_icon.active .iconfont {
  color: #a1ff92;
}
.market_box_icon.btn_wrap_section {
  width: 32px;
  height: 32px;
}
.market_box_icon .MuiIconButton-root {
  cursor: default;
}
.btn_wrap_section + .btn_wrap_section.market_box_icon {
  margin-left: 0;
}
.market_status_txt {
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  color: #84c38e;
  border: 1px solid #84c38e;
  box-sizing: border-box;
  font-size: 14px;
}
.market_host_name {
  color: #262626;
  font-size: 14px;
}
.market_manu_td {
  max-width: 222px;
}
.market_filter_box {
  max-width: 400px;
}
.market_filter_box .search_filter_box {
  text-align: right;
}
.market_manu_case {
  padding-top: 30px;
}
.market_error_input {
  width: 100px;
}
.market_error_input.layout_list_action_input.MuiFormControl-root .MuiInputBase-input {
  text-align: left;
}
.market_table_center {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
}
.market_error_label_box {
  min-width: 100px;
}
.market_error_table .error_con_wrap {
  display: flex;
  align-items: center;
  line-height: normal;
  margin-right: 5px;
}
.market_error_table .date_time_wrap {
  min-width: 164px;
  height: 30px;
  padding-right: 80px;
}
.market_error_table .date_time_wrap .ant-picker-input > input {
  color: #63AF57;
  font-size: 14px;
}
.market_text_ipt.layout_list_action_input {
  width: 140px;
}
.market_text_ipt.layout_list_action_input.MuiFormControl-root .MuiInputBase-input {
  text-align: left;
  font-size: 14px;
}
.market_bill_table tr td {
  vertical-align: top;
}
.market_bill_table tr td:first-child,
.market_price_table tr td:first-child {
  min-width: 30px;
}
.market_bill_table th,
.market_price_table th {
  white-space: nowrap;
}
.market_num_txt {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
}
.market_space_box {
  margin: 0 5px;
}
.market_domain_box {
  position: relative;
}
.market_domain_label {
  position: absolute;
  right: 0;
  bottom: 6px;
  font-size: 16px;
  color: #63AF57;
}
.market_summary_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.market_summary_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(50% - 5px);
  height: 150px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #D3E0EA;
  background: #fff;
  box-sizing: border-box;
  border-radius: 4px;
}
.market_summary_case,
.market_summary_section {
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.2s;
}
.market_summary_case:hover,
.market_summary_section:hover {
  background: #F2F4F7;
}
.market_summary_not {
  cursor: default;
}
.market_summary_not:hover {
  background: initial;
}
.market_summary_case {
  position: relative;
  height: 76px;
}
.market_summary_case:before {
  position: absolute;
  right: 10px;
  top: 10px;
  font-family: iconfont;
  font-size: 30px;
  color: #00BCD4;
}
.market_summary_case .market_summary_label {
  font-size: 14px;
}
.market_summary_section {
  height: 52px;
}
.market_summary_section .market_summary_num {
  color: #262626;
  font-size: 20px;
}
.market_summary_label {
  font-size: 12px;
  color: #8c8c8c;
}
.market_summary_num {
  font-family: "number";
  color: #00BCD4;
  font-size: 40px;
}
.market_summary_main:before {
  content: "\e7d7";
}
.market_summary_app:before {
  content: "\e7dd";
}
.market_summary_dev:before {
  content: "\e79b";
}
.market_summary_ter:before {
  content: "\e79c";
}
.market_setting_left.layout_main_left {
  width: 500px;
}
.market_list_overdue:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 44px;
  height: 43px;
  background: url("/admin/assets/img/img_overdue.png") no-repeat center center;
}
.market_list_overdue.is_long_hui:after {
  background: url("/admin/assets/img/img_longhui_overdue.png") no-repeat center center;
}
.market_to_email.layout_config_wrap {
  margin-bottom: 30px;
}
.market_setting_right {
  min-width: 600px;
}
.market_setting_over.layout_setting_case {
  overflow: hidden;
  overflow-x: auto;
}
.terminal_discount_timepicker {
  width: 250px;
}
.product_select_box.layout_config_wrap .layout_config_tit_wrap {
  flex-shrink: 0;
}
.product_select_box.layout_config_wrap .search_filter_default {
  margin-left: 15px;
}
.product_select_box.layout_config_wrap .search_filter_box {
  width: auto;
}
.product_select_box .MuiFormControl-root .MuiInput-underline:before,
.product_select_box .MuiFormControl-root .MuiInput-underline:hover:before {
  border-bottom-color: transparent;
}
.layout_setting_content {
  background: #F2F4F7;
  position: relative;
  top: -2px;
  padding: 0 20px 20px 20px;
}
.layout_setting_content .layout_config_wrap {
  background: rgba(0, 0, 0, 0.05);
}
.fir_tree_list.layout_setting_case {
  position: relative;
}
.fir_detail_wrap .layout_app_detail_item {
  min-width: 218px;
  margin-bottom: 32px;
  padding-right: 30px;
  box-sizing: border-box;
}
.fir_detail_wrap_full .layout_app_detail_item {
  min-width: 218px;
  margin-bottom: 32px;
  padding-right: 30px;
  box-sizing: border-box;
}
.fir_detail_wrap_full .layout_app_detail_item {
  min-width: 218px;
  width: 100%;
}
.fir_rej_wrap {
  margin-bottom: 15px;
}
.fir_list_tip_wrap {
  position: relative;
  display: flex;
  padding: 6px 0;
  align-items: center;
  border-top: 1px solid #D3E0EA;
  border-bottom: 1px solid #D3E0EA;
}
.fir_list_tip_wrap + .fir_list_tip_wrap {
  border-top: none;
}
.fir_list_tip_wrap .btn_wrap_section + .btn_wrap_section {
  margin-left: 0;
}
.fir_list_tip_wrap:hover .fir_list_tip_btn {
  opacity: 1;
}
.fir_list_tip_box {
  flex: 1;
  overflow: hidden;
}
.fir_list_tip_icon {
  flex-shrink: 0;
}
.fir_list_tip_tit {
  line-height: 18px;
  margin-right: 16px;
  margin-bottom: 2px;
  font-size: 14px;
  color: #262626;
  font-weight: 500;
}
.fir_list_tip {
  padding-right: 10px;
  line-height: 18px;
  font-size: 12px;
  color: #8c8c8c;
}
.fir_list_tip_btn {
  position: absolute;
  right: 0;
  top: 0;
  background: #e9edf5;
  opacity: 0;
  transition: 0.2s all linear;
}
.fir_list_tip_sub:not(:last-child):after {
  content: "/";
  display: inline-block;
  font-size: 12px;
  margin-left: 7px;
  opacity: 0.3;
  margin-right: 7px;
}
.fir_config_wrap {
  background: #e9edf5;
  border: 1px solid #D3E0EA;
}
.fir_config_wrap .layout_img_wrap {
  margin-right: 10px;
}
.fir_config_wrap .layout_item_main .layout_config_tit {
  margin-bottom: 10px;
}
.fir_pack_case {
  margin-top: 15px;
}
.fir_case_box {
  min-height: 100%;
  box-sizing: border-box;
}
.fir_case_box.layout_case_wrap {
  padding-top: 14px;
  padding-bottom: 96px;
  margin: 0;
}
.fir_case_box .rej_box_wrap {
  margin-top: 20px;
}
.fir_box_wrap + .fir_box_wrap {
  border-top: 1px solid #E6E8EA;
}
.fir_box_wrap .layout_main_head {
  padding-bottom: 7px;
}
.fir_box_wrap .MuiTab-root {
  flex-direction: row;
}
.fir_status_code {
  margin-left: 20px;
}
.fir_full_item.layout_app_detail_item {
  width: 100%;
}
.fir_con_case.layout_setting_case {
  flex-direction: column;
  padding: 20px 30px;
}
.fir_action_box {
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 99;
  padding: 20px;
  width: calc(100% - 60px);
  box-sizing: border-box;
  border-top: 1px solid #E6E8EA;
  background: #fff;
}
.fir_box_detail {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.fir_box_detail.layout_box_detail {
  padding: 0;
}
.fir_box_detail.layout_box_detail .fir_action_box {
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: calc(100%);
}
.fir_loading_case {
  position: relative;
}
.fir_loading_case .layout_loading_box {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.fir_market_detail .app_detail_view_item {
  justify-content: space-between;
}
.fir_market_detail .app_detail_view_item .comp_label_item {
  width: auto;
}
.fir_market_detail .app_detail_view_item .comp_label_item_det {
  flex: initial;
}
.style_cretate_by .comp_label_item_det {
  flex: initial;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}
.vas_label_code {
  margin-left: 5px;
}
.vas_ser_img.layout_img_wrap {
  width: 60px;
  height: 60px;
  padding: 12px;
  margin-right: 15px;
  box-sizing: border-box;
  background: #F2F4F7;
}
.vas_header_view_dialog.default_width_wrap.MuiDialog-root .MuiDialog-paper {
  overflow: hidden;
}
.vas_header_view_dialog .dialog_content_area {
  position: relative;
  z-index: 1;
  height: 400px;
  padding: 0;
  overflow: hidden;
}
.vas_header_view_dialog .dialog_action_area {
  margin-top: -67px;
  border: none;
}
.vas_header_view_dialog .dialog_action_area .dialog_action_rt .btn_wrap_section {
  position: relative;
  z-index: 2;
}
.vas_header_view {
  height: 400px;
  overflow: hidden;
}
.vas_header_container {
  padding-top: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #E6E8EA;
}
.vas_header_img {
  margin-right: 10px;
  height: 28px;
}
.vas_to_goInsight {
  position: relative;
}
.vas_to_goInsight:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 7%;
  width: 86%;
  border-bottom: 1px solid #E6E8EA;
}
.vas_side_item {
  margin-bottom: 30px;
}
.vas_static_wrap {
  justify-content: space-between;
}
.vas_static_wrap .market_static_item {
  width: calc(50% - 8px);
}
.vas_static_wrap .market_static_item:nth-child(n+3) {
  margin-top: 16px;
}
.vas_static_wrap .market_static_amount .comp_label_item {
  color: #008BF8;
}
.vas_bar_chart {
  margin-top: 20px;
}
.vas_nav_tit {
  position: relative;
  padding-left: 10px;
  line-height: 20px;
  border-left: 2px solid #262626;
  color: #262626;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
}
.vas_nav_line {
  display: inline-block;
  margin: 0 5px;
  color: #A9AABD;
  font-weight: normal;
}
.vas_nav_tit_last {
  color: #262626;
  border: none;
}
.vas_nav_tit_has {
  color: #008BF8;
}
.vas_nav_tit_ellipsis {
  position: relative;
  max-width: 170px;
  color: #008BF8;
  cursor: pointer;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vas_nav_tit_box {
  display: flex;
  align-items: center;
  flex: 1;
  color: #262626;
  font-size: 18px;
  font-weight: 600;
}
.vas_nav_tit_box .btn_wrap_icon + .vas_nav_tit {
  border: none;
}
.vas_nav_tit_box .layout_flex_section .vas_nav_tit {
  border: none;
}
.vas_reseller_content .app_msg_wrap {
  margin-top: 30px;
}
.vas_group_radio {
  margin-top: 20px;
}
.vas_setting_wrap .comp_label_item_tit .status_label_code,
.vas_setting_wrap .comp_label_item_tit .comp_label_item {
  font-size: 14px;
}
.vas_setting_wrap .layout_config_wrap {
  min-height: 46px;
  padding: 0 16px;
}
.vas_checkbox_case {
  padding: 20px;
  background: #fff;
}
.vas_checkbox_case .MuiFormControlLabel-root {
  margin-bottom: 12px;
  margin-right: 17px;
}
.vas_checkbox_wrap {
  padding-top: 20px;
  border-top: 1px solid #E6E8EA;
}
.vas_service_tip {
  margin-top: 20px;
}
.vas_service_tip .status_label_code,
.vas_service_tip .comp_label_item {
  font-size: 14px;
}
.vas_price_list {
  margin-top: 10px;
}
.vas_price_item {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.vas_price_item:nth-child(2n-1) {
  background-color: #F2F4F7;
}
.vas_device_price_item {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.vas_device_price_item:nth-child(2n) {
  background-color: #F2F4F7;
}
.vas_device_price_item.vas_device_top {
  border-top: 2px solid #595959;
}
.service_distribution_box {
  margin-bottom: 15px;
}
.vas_price_con,
.vas_price_sub,
.vas_price_case {
  flex: 1;
  padding: 10px 0 10px 50px;
  font-size: 14px;
  color: #262626;
}
.vas_price_con {
  color: #8c8c8c;
}
.vas_price_index {
  padding: 10px 0 10px 25px;
  font-size: 14px;
  width: 80px;
  color: #262626;
}
.vas_price_sub {
  font-weight: normal;
}
.vas_price_case {
  color: #8c8c8c;
  font-weight: normal;
}
.vas_price_content {
  width: 400px;
}
.vas_price_content .vas_price_title {
  display: flex;
  justify-content: space-between;
}
.vas_price_content .vas_price_con,
.vas_price_content .vas_price_sub {
  padding: 10px;
  color: #fff;
  font-weight: 400;
}
.vas_price_content .vas_price_item:nth-child(2n-1) {
  background-color: inherit;
}
.vas_price_pop {
  width: 100%;
  border-top: 1px solid #fff;
}
.vas_price_pop .vas_price_sub {
  color: #FF9800;
}
.vas_compare_content {
  width: 100%;
}
.vas_compare_content .vas_price_title {
  display: flex;
  justify-content: space-between;
}
.vas_compare_content .vas_price_title .vas_price_con,
.vas_compare_content .vas_price_title .vas_price_sub {
  color: #262626;
}
.vas_dialog_setting .layout_grow_main_table {
  margin-bottom: 20px;
}
.vas_feature_title {
  position: relative;
  margin-bottom: 50px;
  margin-top: 20px;
  text-align: center;
  color: #262626;
  font-size: 20px;
  font-weight: 600;
}
.vas_feature_title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
  width: 80px;
  height: 2px;
  background: #FF9800;
}
.vas_feature_title + .vas_compare_content {
  border-top: none;
}
.vas_feature_title_desc {
  text-align: center;
}
.vas_compare_no_border.vas_compare_content {
  border-top: none;
}
.vas_air_wrap,
.vas_insight_wrap {
  width: 100%;
  max-width: 750px;
  margin: 0 auto 40px;
}
.vas_air_solution {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 481px;
}
.vas_air_card {
  flex: 0 0 320px;
  height: 100%;
  border: 1px solid #D3E0EA;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
}
.vas_air_card.active {
  border: 3px solid #008BF8;
}
.vas_air_card.active .vas_air_card_title {
  background: #008BF8;
  color: #fff;
}
.vas_air_card.active .vas_air_summary {
  color: #FF9800;
}
.vas_air_card_title {
  line-height: 70px;
  border-bottom: 1px solid #D3E0EA;
  color: #262626;
  font-size: 18px;
  font-weight: 600;
  background: #f2f5f7;
}
.vas_air_card_img {
  margin: 40px;
}
.vas_air_list {
  display: inline-block;
}
.vas_air_item {
  list-style: disc;
  color: rgba(35, 35, 91, 0.6);
  text-align: left;
}
.vas_scan_container {
  margin-top: 40px;
  text-align: center;
}
.vas_scan_case {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}
.vas_scan_case.vas_launcher_case {
  justify-content: space-around;
  align-items: flex-start;
}
.vas_scan_case.vas_launcher_case .vas_scan_step_title {
  font-size: 14px;
}
.vas_scan_case.vas_launcher_case .vas_scan_step_img {
  width: 160px;
  height: 198px;
}
.vas_scan_case.vas_launcher_case .vas_scan_step {
  width: 190px;
}
.vas_scan_curve {
  width: 112px;
  height: 20px;
}
.vas_scan_curve:nth-child(4) {
  transform: rotate(180deg);
}
.vas_scan_curve.step_curve_1 {
  margin-top: 35px;
  margin-left: -27px;
  margin-right: -33px;
}
.vas_scan_curve.step_curve_2 {
  margin-top: 10px;
  margin-left: -20px;
  margin-right: -25px;
}
.vas_scan_curve.step_curve_3 {
  margin-top: 45px;
  margin-left: -27px;
  margin-right: -30px;
}
.vas_scan_step_img {
  width: 103px;
  height: 78px;
}
.vas_scan_step {
  width: 135px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.vas_scan_step_title {
  line-height: 26px;
  font-weight: 500;
  color: #FF9800;
  font-size: 22px;
  text-align: center;
}
.air_shield_intro_ul .air_shield_intro_li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px 10px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.air_shield_intro_ul .air_shield_intro_li:first-child {
  border-top: 2px solid #595959;
}
.air_shield_intro_ul .air_shield_intro_li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.air_shield_intro_summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vas_uptrillion_step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 260px;
  margin-top: 20px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0px -1px 8px 0px rgba(0, 0, 0, 0.08);
  text-align: center;
}
.vas_uptrillion_case {
  display: flex;
  justify-content: space-between;
}
.vas_uptrillion_img {
  width: 150px;
  margin-bottom: 30px ;
}
.vas_btn_agree .MuiButton-root {
  margin-left: 3px;
}
.vas_rej_box.rej_box_wrap {
  margin-top: 20px;
}
.vas_air_sign.comp_label_item {
  font-size: 16px;
  margin-left: 3px;
}
.vas_usage_sub_agent.check_comp_wrap {
  margin-right: 5px;
}
.vas_mtop {
  margin-top: 5px;
}
.vas_cyberlab_case {
  display: flex;
  justify-content: space-around;
}
.vas_cyberlab_case .vas_scan_step_img {
  width: 266px;
  height: 219px;
}
.vas_cyberlab_con {
  display: flex;
  width: 320px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.vas_cyberlab_tit.comp_label_item {
  line-height: 30px;
  font-size: 16px;
  color: #262626;
}
.vas_cyberlab_txt.comp_label_item {
  text-align: center;
}
.vas_cloud_case {
  display: flex;
  justify-content: space-around;
}
.vas_cloud_case .vas_scan_step_img {
  width: 190px;
  height: 205px;
}
.vas_cloud_con {
  display: flex;
  width: 320px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.vas_cloud_tit.comp_label_item {
  line-height: 30px;
  font-size: 16px;
  color: #262626;
}
.vas_cloud_txt.comp_label_item {
  text-align: center;
}
.vas_has_agreement {
  position: absolute;
  right: -7px;
  top: -7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #FF9800;
  color: #fff;
  text-align: center;
  line-height: 16px;
  font-size: 10px;
}
.vas_insight_wrap .vas_insight_slide {
  width: 100%;
  height: 337px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}
.vas_insight_wrap .vas_insight_slide .insight_slide_left {
  display: none;
  width: 425px;
  transition: all 0.3s ease-out;
}
.vas_insight_wrap .vas_insight_slide .insight_slide_left_show {
  display: block;
}
.vas_insight_wrap .vas_insight_slide .insight_slide_right {
  width: 281px;
}
.vas_insight_wrap .vas_insight_slide .insight_slide_right .insight_slide_right_item {
  width: 100%;
  height: 50px;
  background: #F8F8F8;
  border-radius: 4px;
  font-size: 16px;
  color: #262626;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.vas_insight_wrap .vas_insight_slide .insight_slide_right .insight_slide_right_item p {
  width: 281px;
  box-sizing: border-box;
  position: absolute;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
}
.vas_insight_wrap .vas_insight_slide .insight_slide_right .insight_slide_right_item .insight_slide_right_item_desc {
  display: block;
  box-sizing: border-box;
  padding: 0 29px 0 15px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
}
.vas_insight_wrap .vas_insight_slide .insight_slide_right .insight_slide_right_item .slide_quarter_circle_grey {
  width: 92px;
  height: 41px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 100%;
  background-color: #EDEEF3;
  transition: all 0.5s ease-out;
}
.vas_insight_wrap .vas_insight_slide .insight_slide_right .insight_slide_right_item .slide_quarter_circle_active {
  width: 90px;
  height: 65px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0 100% 0;
}
.vas_insight_wrap .vas_insight_slide .insight_slide_right .insight_slide_right_item:hover .slide_quarter_circle_grey {
  transform: scale(10);
}
.vas_insight_wrap .vas_insight_slide .insight_slide_right .insight_slide_right_item_selected {
  padding-top: 5px;
  height: 114px;
  color: #fff;
  background: #FF6901;
  border-radius: 2px 12px 12px 12px;
  overflow: hidden;
}
.vas_insight_wrap .vas_insight_slide .insight_slide_right .insight_slide_right_item_selected p {
  position: relative;
  height: 40px;
}
.vas_insight_wrap .vas_insight_videos {
  width: 100%;
  height: 357px;
  background: #001038 no-repeat;
  background-size: auto;
  position: relative;
  border-radius: 4px;
  margin-bottom: 50px;
}
.vas_insight_wrap .vas_insight_videos .vas_insight_videos_content_bg {
  width: 100%;
  height: 357px;
  position: absolute;
  top: 0;
  left: 0;
}
.vas_insight_wrap .vas_insight_videos .vas_insight_videos_content_animation {
  animation: videosContentBgScale 10s;
}
.vas_insight_wrap .vas_insight_videos .vas_insight_videos_content {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 40px 0 0 30px;
  z-index: 9;
}
.vas_insight_wrap .vas_insight_videos .vas_insight_videos_content p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 15px;
}
.vas_insight_wrap .vas_insight_videos .vas_insight_videos_content .vas_insight_videos_content_desc {
  width: 360px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
}
.vas_insight_wrap .vas_insight_videos .vas_insight_guild {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  z-index: 99;
}
.vas_insight_wrap .vas_insight_videos .vas_insight_guild .vas_insight_guild_item {
  display: flex;
  align-items: center;
  width: 187px;
  height: 50px;
  color: #fff;
  font-size: 12px;
  box-sizing: border-box;
  padding-left: 10px;
  border-top: solid 1px rgba(252, 252, 252, 0.1);
  border-right: solid 1px rgba(252, 252, 252, 0.1);
}
.vas_insight_wrap .vas_insight_videos .vas_insight_guild .vas_insight_guild_item:nth-child(4n) {
  border-right: none;
}
.vas_insight_wrap .vas_insight_videos .vas_insight_guild .vas_insight_guild_item > img {
  margin-right: 10px;
}
.vas_insight_wrap .vas_insight_videos .vas_insight_guild .vas_insight_guild_item:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
}
.vas_insight_wrap .vas_insight_videos .vas_insight_guild .vas_insight_guild_item_selected {
  background: rgba(255, 255, 255, 0.1);
}
.vas_insight_wrap .vas_insight_price_con {
  width: 100%;
  height: 190px;
  background: #001038;
  box-shadow: 0 2px 8px 4px rgba(67, 75, 97, 0.05);
  border-radius: 4px;
  margin-top: 28px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.vas_insight_wrap .vas_insight_price_con .vas_insight_price_desc {
  box-sizing: border-box;
  padding: 26px 0 26px 43px;
}
.vas_insight_wrap .vas_insight_price_con .vas_insight_price_desc p {
  font-weight: 400;
  color: #FF9800;
  font-size: 18px;
  margin-bottom: 15px;
}
.vas_insight_wrap .vas_insight_price_con .vas_insight_price_desc ul li {
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vas_insight_wrap .vas_insight_price_con .vas_insight_price_desc ul li .ul_li_circle {
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.45);
  margin-right: 9px;
}
.vas_insight_wrap .vas_insight_price_con > img {
  width: 222px;
  height: 154px;
}
.vas_insight_wrap .vas_insight_price_con .vas_insight_vip_icon {
  width: 20px;
  height: 18px;
  position: absolute;
  top: 33px;
  right: 48px;
}
.vas_insight_wrap .vas_question_list {
  width: 100%;
}
.vas_insight_wrap .vas_question_list .vas_question_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: #F8F8F8 solid 1px;
  box-sizing: border-box;
  padding: 10px 20px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: relative;
}
.vas_insight_wrap .vas_question_list .vas_question_item > p {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.vas_insight_wrap .vas_question_list .vas_question_item > span {
  width: 690px;
  color: #8c8c8c;
  line-height: 20px;
  opacity: 0;
}
.vas_insight_wrap .vas_question_list .vas_question_item .iconfont {
  position: absolute;
  right: 20px;
  color: #63AF57;
}
.vas_insight_wrap .vas_question_list .vas_question_item_open {
  min-height: 67px;
  background: #F8F8F8;
  border-radius: 4px;
  transition: all 0.3s ease-out;
}
.vas_insight_wrap .vas_question_list .vas_question_item_open > span {
  opacity: 1;
}
.swiper-container {
  width: 100%;
  height: 357px;
}
.vas_text_error {
  text-align: end;
}
.vas_icon_common_style .btn_wrap_section + .btn_wrap_section {
  margin-left: 0;
}
.vas_dash_cyber_wrap {
  justify-content: space-between;
}
.vas_dash_cyber_wrap .market_static_item {
  width: calc(33% - 8px);
}
.vas_dash_cyber_wrap .market_static_item:nth-child(n+4) {
  margin-top: 16px;
}
.vas_dash_cyber_wrap .market_static_amount .comp_label_item {
  color: #008BF8;
}
.vas_service_rej_box {
  margin-top: 10px;
}
.vas_service_rej_box .rej_box_wrap {
  color: #DB4437;
  background: #f8dad7;
}
.vas_service_rej_box .rej_box_wrap .rej_box_txt {
  color: #DB4437;
}
.vas_arrived_num {
  color: #8c8c8c;
}
.vas_free_messages_rej {
  margin-top: 10px;
}
.vas_upload_setting_save {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
@keyframes videosContentBgScale {
  0% {
    transform: translate3d(0px, 0px, 0px) scale(1, 1);
  }
  100% {
    transform: translate3d(0px, 0px, 0px) scale(1.1, 1.1);
  }
}
.cyber_terminal_list_con {
  margin-bottom: 20px;
}
.vas_ad_tabs {
  margin-bottom: 20px;
}
.vas_ad_video_loader {
  width: 0;
  height: 0;
}
.vas_ad_preview {
  padding: 10px 0;
  text-align: center;
  position: relative;
  width: calc(100% - 13px);
  background: #f2f4f7;
  border: 1px dashed #e6e8ea;
  overflow: hidden;
  cursor: pointer;
  height: 140px;
  z-index: 1;
  line-height: 140px;
}
.vas_ad_preview .vas_ad_preview_img {
  max-height: 140px;
  vertical-align: middle;
}
.vas_ad_preview .vas_ad_preview_btns {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 99;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.18s ease-out;
}
.vas_ad_preview:hover .vas_ad_preview_btns {
  opacity: 1;
}
.create_ad_visual_upload .layout_app_item_tit {
  position: relative;
}
.create_ad_visual_upload .layout_app_item_tit::before {
  content: "*";
  position: absolute;
  right: -15px;
  font-size: 20px;
  color: #DB4437;
}
.ad_upload_content {
  margin-top: 10px;
}
.ad_upload_content .icon-action-upload:before {
  height: 36px;
}
.hide_upload_ad {
  transition: none;
  height: 0;
  visibility: hidden;
}
.vas_preview_img_box {
  text-align: center;
  padding: 20px 0;
}
.vas_preview_img_box .vas_preview_img {
  height: 400px;
  max-width: 100%;
}
.add_visual_btn {
  margin-left: 10px;
}
.ad_delivery_content {
  background: #F3F3F4;
}
.ad_delivery_content .ad_dc_header {
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
.ad_delivery_content .ad_dc_header .vas_nav_tit_has {
  cursor: pointer;
}
.ad_delivery_content .ad_dc_header .ad_dc_tit_l {
  color: rgba(0, 0, 0, 0.85);
}
.ad_delivery_content .ad_dc_header .ad_dc_tit_l .iconfont {
  color: #008BF8 !important;
}
.ad_delivery_content .ad_dc_header .ad_dc_tit_r {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ad_delivery_content .ad_dc_mid {
  padding: 20px;
  border-top: 1px solid #E6E8EA;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ad_delivery_content .ad_dc_mid .ad_dc_mid_item {
  width: 25%;
  margin-bottom: 20px;
}
.ad_delivery_content .ad_dc_mid .ad_dc_mid_item .ad_dc_mid_item_tit {
  color: rgba(0, 0, 0, 0.45);
  line-height: 20px;
  font-size: 12px;
}
.ad_delivery_content .ad_dc_mid .ad_dc_mid_item .ad_dc_mid_item_val {
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  font-size: 14px;
  max-width: 250px;
}
.ad_delivery_content .ad_dc_slot_list {
  padding: 0 20px 20px 20px;
}
.ad_delivery_content .ad_dc_bot {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e6e8ea;
}
.ad_slot_form .ad_slot_mid {
  font-weight: 600;
  margin: 0 20px;
}
.ad_slot_form .ad_slot_type_form .ad_slot_type_form_box {
  border: 1px dashed rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-top: 10px;
}
.ad_slot_form .ad_slot_type_form .ad_slot_type_form_tit {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 20px;
}
.ad_slot_form .ad_slot_type_form .ad_slot_types {
  width: 400px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.ad_slot_form .ad_slot_type_form .ad_slot_max_size_box {
  width: 400px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px 20px 10px 10px;
  background: #F3F3F4;
}
.ad_slot_form .ad_slot_type_form .ad_slot_max_size_box .as_slot_max_size {
  position: relative;
}
.ad_slot_form .ad_slot_type_form .ad_slot_max_size_box .as_slot_max_size::after {
  content: "MB";
  position: absolute;
  right: 0;
  bottom: 5px;
  color: rgba(0, 0, 0, 0.45);
}
.ad_slot_form .ad_slot_type_form .err_slot_ad_type .error_con_wrap {
  display: block;
}
.ad_slot_form .ad_slot_type_form .error_con_wrap {
  display: none;
}
.ad_slot_form .ad_slot_w_h {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ad_slot_form .ad_slot_w_h .layout_dialog_item {
  margin-right: 0!important;
}
.ad_slot_form .ad_slot_w_h .as_slot_width,
.ad_slot_form .ad_slot_w_h .as_slot_height {
  position: relative;
}
.ad_slot_form .ad_slot_w_h .as_slot_width::after,
.ad_slot_form .ad_slot_w_h .as_slot_height::after {
  content: "PX";
  position: absolute;
  right: 0;
  bottom: 5px;
  color: rgba(0, 0, 0, 0.45);
}
.ad_slot_form .ad_slot_w_h .as_slot_height {
  margin-top: 20px;
}
.ad_slot_form .ad_slot_w_h .as_slot_height .edit_required:before {
  top: -15px;
}
.vas_content_wrap {
  padding: 30px 65px;
  width: 100%;
  max-width: 750px;
  margin: 0 auto 40px;
}
.vas_content_wrap .vas_con_label {
  text-align: center;
}
.vas_content_wrap .how_does_content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vas_content_wrap .how_does_content_l {
  flex: 1;
  text-align: center;
}
.vas_content_wrap .how_does_content_l .how_does_content_l_img {
  width: 320px;
}
.vas_content_wrap .how_does_content_r {
  flex: 1;
}
.vas_content_wrap .how_does_content_r .how_does_content_r_box {
  width: 280px;
  margin: 0 auto;
}
.vas_content_wrap .vas_request_content {
  text-align: center;
  font-size: 12px;
  color: #008BF8;
  line-height: 25px;
  padding: 50px 0;
}
.vas_content_wrap .vas_request_content .vas_adup_intro_icon {
  font-size: 25px;
  padding: 0 10px;
}
.vas_content_wrap .intro_adup_bot {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vas_content_wrap .vas_intro_title {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
  margin-bottom: 10px;
}
.vas_content_wrap .vas_intro_text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 20px;
}
.vas_content_wrap .intro_adup_bot_l .intro_adup_bot_img {
  width: 140px;
}
.vas_content_wrap .intro_adup_bot_r {
  flex: 1;
  padding-left: 45px;
}
.vas_viewer_case {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  padding-top: 73px;
}
.vas_viewer_case .access_right {
  width: auto;
  margin-top: 100px;
}
.vas_viewer_ipt.MuiFormControl-root {
  margin-bottom: 15px;
}
.vas_viewer_ipt .MuiOutlinedInput-input {
  padding: 0 10px;
  height: 36px;
  min-width: 240px;
  background: #fff;
}
.vas_air_action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.vas_viewer_bg {
  width: 580px;
  height: 168px;
  margin-top: 38px;
  background: url("/admin/assets/img/vas-viewer-bg.png") no-repeat center top;
  background-size: 580px 168px;
}
.vas_viewer_bg.no {
  margin-top: 70px;
  opacity: 0.8;
}
.vas_air_no_pms {
  width: 194px;
  height: 143px;
  margin-top: 70px;
  background: url("/admin/assets/img/ra-no-pms.png") no-repeat center top;
  background-size: 194px 143px;
}
.vas_goinsight_cost_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
}
.vas_goinsight_cost_container .vas_goinsight_card_container {
  height: 390px;
  border-radius: 4px;
  border: 1px solid #E5E5EA;
  background: white;
  cursor: pointer;
  position: relative;
  padding: 22px 17px 22px 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 12px;
  box-sizing: border-box;
}
.vas_goinsight_cost_container .vas_goinsight_card_container.selected {
  border-width: 2px;
  box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
}
.vas_goinsight_cost_container .vas_goinsight_card_container.current {
  background: #F3F3F3;
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: not-allowed;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_icon_selected {
  position: absolute;
  right: 0;
  bottom: -4px;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_icon_disabled {
  position: absolute;
  right: 0;
  top: 0;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 900;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_title .vas_goinsight_cost_title_icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_title .vas_goinsight_cost_title_text {
  font-weight: 900;
  font-family: "Roboto Black";
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_introduction {
  width: 260px;
  margin-bottom: 20px;
  height: 56px;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_price {
  margin-bottom: 22px;
  vertical-align: bottom;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_price .vas_goinsight_cost_price_number {
  font-size: 26px;
  font-weight: bold;
  font-family: "number";
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_price .vas_goinsight_cost_price_month {
  color: rgba(0, 0, 0, 0.45);
  text-transform: lowercase;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_divider_line {
  width: 100%;
  height: 1px;
  background-color: #E5E5EA;
  margin-bottom: 8px;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_feature_title {
  margin-bottom: 8px;
  font-weight: bold;
  line-height: 20px;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_feature_list {
  width: 260px;
  max-height: 148px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_feature_list::-webkit-scrollbar {
  display: none /* Chrome Safari */;
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_feature_list .vas_goinsight_cost_feature_list_item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.65);
}
.vas_goinsight_cost_container .vas_goinsight_card_container .vas_goinsight_cost_feature_list .vas_goinsight_cost_feature_list_item .vas_goinsight_cost_feature_item_dot {
  border-radius: 50%;
  margin-right: 7px;
  margin-top: 4px;
  width: 4px;
  height: 4px;
  box-shadow: 0px 6px 16px 0px rgba(0, 139, 248, 0.08), 0px -1px 8px 0px rgba(0, 139, 248, 0.08);
  flex-shrink: 0;
}
.vas_goinsight_cost_tips {
  margin: 30px 5px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.vas_goinsight_cost_tips .end_free_time {
  color: #FF9800;
}
.drive_boost_tips_tit {
  display: inline-block;
  margin: 10px 0 15px 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
}
.drive_boost_tips_txt {
  min-width: 130px;
  margin-right: 10px;
  display: inline-block;
}
.emm_info_wrap {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 30px 0;
  position: relative;
}
.emm_info_wrap .comp_label_item {
  margin: 45px 0 10px 0;
}
.emm_info_wrap .btn_wrap_section {
  display: block;
  margin-top: 30px;
}
.emm_title {
  position: relative;
  text-align: left;
  color: #262626;
  font-size: 20px;
  font-weight: 600;
}
.emm_title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 80px;
  height: 2px;
  background: #FF9800;
}
.emm_title .layout_main_head {
  margin-bottom: 10px;
}
.emm_intro_box {
  text-align: center;
}
.emm_experience_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.emm_experience_wrap .emm_experience_box {
  width: calc(50% - 10px);
  align-items: flex-start;
  margin-bottom: 20px;
}
.emm_experience_wrap .emm_experience_box:nth-child(2n-1) {
  margin-right: 20px;
}
.emm_experience_wrap .emm_experience_box .emm_experience_img {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin: 0 5px 0 -10px;
}
.emm_experience_wrap .emm_experience_box .comp_label_item_tit {
  flex: 1;
  overflow: hidden;
}
.emm_experience_wrap .emm_experience_box .comp_label_item {
  margin-left: 32px;
}
.emm_intro_img {
  display: flex;
  justify-content: center;
  margin: 35px 0;
}
.emm_intro_img .intro_img {
  width: 380px;
  object-fit: cover;
}
.emm_create_step_item {
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  background: #F2F4F7;
  margin-top: 14px;
  box-sizing: border-box;
}
.emm_create_step_num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-radius: 50%;
  background: #008BF8;
}
.emm_global_setting .layout_tit_main {
  padding-top: 0;
}
.info_feature_title {
  position: relative;
  margin-bottom: 40px;
  margin-top: 20px;
  color: #262626;
  font-size: 20px;
  font-weight: 600;
}
.info_feature_title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  width: 80px;
  height: 2px;
  background: #FF9800;
}
.info_feature_spec_lite {
  margin: 20px 0;
  font-size: 12px;
  color: #00000073;
}
.info_feature_spec {
  font-size: 12px;
  color: #000000d9;
}
.unlock_premium_diffimg {
  width: 100%;
  height: 2280px;
  margin: 20px 0;
  background-image: url("/admin/assets/img/unlock_premium_diffimg.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.vas_to_zte {
  position: relative;
}
.vas_to_zte:before {
  content: "";
  position: absolute;
  top: 0;
  left: 7%;
  width: 86%;
  border-top: 1px solid #E6E8EA;
}
.label_whyupgrade_list .label_whyupgrade_item {
  position: relative;
  height: 40px;
  line-height: 40px;
  background: #F2F4F7;
  border-radius: 4px;
  padding-left: 30px;
}
.label_whyupgrade_list .label_whyupgrade_item::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background: #011F31;
  border-radius: 1px;
  top: 50%;
  transform: translate(-20px, -50%);
}
.label_whyupgrade_list .label_whyupgrade_item .label_whyupgrade_item_title {
  font-weight: 600;
  font-size: 14px;
  color: #000000d9;
}
.label_whyupgrade_list .label_whyupgrade_item .label_whyupgrade_item_spec {
  font-weight: 500;
  font-size: 14px;
  color: #00000073;
}
.air_wrap_case {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #F2F4F7;
}
.air_wrap_header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  padding-left: 20px;
  color: #fff;
  font-size: 20px;
  background: #011F31;
}
.air_wrap_box {
  display: flex;
  height: calc(100% - 64px);
  width: 100%;
}
.air_left.layout_main_left_side {
  width: 304px;
}
.air_left.layout_main_left_side_hide {
  width: 0;
  opacity: 0;
}
.air_left .layout_head_tit_wrap {
  padding: 0 20px;
}
.air_left .layout_tit_main {
  width: 100%;
  min-width: 200px;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}
.air_list_case {
  width: 100%;
  padding: 20px;
}
.air_list_item {
  position: relative;
  width: 100%;
  height: 146px;
  margin-bottom: 10px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.air_list_item.cur {
  border: 2px solid #008BF8;
}
.air_list_item.cur .air_list_head {
  background: #008BF8;
}
.air_list_item.cur .air_list_btn_close .iconfont {
  color: #fff;
}
.air_list_head {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 32px;
  padding: 5px 15px;
  background: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
}
.air_list_tit {
  flex: 1;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
}
.air_list_btn_close {
  flex-shrink: 0;
}
.air_list_btn_close .iconfont {
  color: #FF9800;
}
.air_screen_box {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.54);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: none;
}
.air_screen_box .air_list_head {
  height: 42px;
}
.air_screen_box.cur {
  display: block;
}
.air_screen_case {
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.air_error_case {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 28px;
  background: #f3f3f3;
  box-sizing: border-box;
  font-size: 14px;
  color: #262626;
}
.air_error_case:before {
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  margin: 55px 0 10px;
  background-size: auto 40px;
  background-repeat: no-repeat;
  background-position: center top;
}
.air_error_case.primary:before {
  background-image: url("/admin/assets/img/img-ra-anfs.png");
}
.air_error_case.secondary:before {
  background-image: url("/admin/assets/img/img-ra-cd.png");
}
.air_error_case.tertiary:before {
  background-image: url("/admin/assets/img/img-ra-um.png");
}
.air_error_case.quaternary:before {
  background-image: url("/admin/assets/img/img-ra-d.png");
}
.air_wrap_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 55px;
}
.air_box_warp {
  position: relative;
  width: 100%;
  min-width: 1280px;
  margin-top: 30px;
  min-height: 400px;
  font-size: 14px;
  color: #262626;
}
.air_info_box {
  display: flex;
  flex-direction: column;
  padding-top: 42px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.air_info_box.terminal {
  height: initial;
}
.air_info_case {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.air_info_case.hide {
  visibility: hidden;
  opacity: 0;
}
.air_remote_wrap {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  border-top: 1px solid rgba(0, 0, 0, 0.65);
}
.air_remote_wrap.terminal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  padding: 0;
}
.air_remote_wrap.show {
  display: block;
}
.air_remote_wrap.show.full {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.85);
}
.air_fixed_con {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.air_fixed_con::-webkit-scrollbar-track {
  background-color: #B5B7B9;
}
.air_fixed_con::-webkit-scrollbar-thumb {
  background-color: #F2F4F7;
}
.air_support_img {
  width: 160px;
  height: 132px;
  background: url("/admin/assets/img/img-ra-pending.png") no-repeat center top;
}
.air_unsupport_img {
  width: 160px;
  height: 132px;
  background: url("/admin/assets/img/img-ra-support.png") no-repeat center top;
}
.air_tit {
  margin-top: 20px;
  font-size: 20px;
  font-weight: normal;
}
.air_tit_bot {
  margin-bottom: 10px;
}
.air_txt {
  max-width: 550px;
  margin: 10px 0;
  margin-bottom: 20px;
  font-size: 12px;
  color: #8c8c8c;
}
.air_loading_ani {
  width: 8px;
  height: 4px;
  background: #00BCD4;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -6px;
  margin-left: -21px;
  animation: loadingAni 1s infinite ease-in-out alternate;
}
.air_loading_img {
  position: relative;
  width: 339px;
  height: 115px;
  background: url("/admin/assets/img/img-ra-loading.png") no-repeat center;
}
.air_action {
  position: relative;
}
.air_live_hd {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.air_live_drag {
  overflow: hidden;
}
.air_live_con {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 10px;
  background: #5b5f98;
  box-shadow: 0 10px 30px rgba(91, 95, 135, 0.3);
  box-sizing: border-box;
}
.air_live_con.live {
  margin: 0 auto;
}
.air_live_con .container-task-tabs-title {
  margin: 0;
}
.air_live_con .container-task-tabs-title.title-container {
  margin-top: -64px !important;
  height: auto;
  background: transparent;
}
.air_live_con .container-task-tabs-title.title-container > div:first-child {
  background: transparent !important;
}
.air_time_box {
  position: absolute;
  left: 50%;
  top: -20px;
  width: 100%;
  height: 20px;
  line-height: 21px;
  transform: translateX(-50%);
  user-select: none;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  box-shadow: 0 2px 6px rgba(91, 95, 135, 0.3);
  background: none;
}
.air_pause_box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, #145384, #0D2555);
}
.air_pause_wrap {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.air_pause_img {
  width: 240px;
  height: 118px;
  background: url("/admin/assets/img/airviewer-pause.png") no-repeat center;
}
.air_msg {
  color: #fff;
  font-size: 14px;
}
.air_sub_msg {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.air_mask_rect {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 0;
  pointer-events: none;
  border: 2px dashed #FF9800;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0.9;
  box-sizing: border-box;
}
.air_mask_pointer {
  position: absolute;
  left: 10px;
  top: 10px;
  pointer-events: none;
}
.air_mask_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  min-height: 50px;
}
.air_mask_clear {
  position: absolute;
  width: 20px;
  height: 20px;
}
.air_mask_clear .btn_wrap_icon {
  width: 20px;
  height: 20px;
}
.air_mask_clear .iconfont {
  color: #fff;
}
.air_sys,
.air_trans_wrap {
  width: 450px;
}
.air_sys {
  margin-left: 10px;
}
.air_file_view {
  display: flex;
  user-select: none;
  justify-content: space-between;
  align-items: center;
  line-height: 36px;
  min-height: 36px;
  padding: 15px 20px;
  background: #f2f5f7;
}
.air_file_label {
  color: #262626;
  font-weight: bold;
}
.air_file_sel {
  display: flex;
  align-items: center;
  height: 36px;
}
.air_sel_label {
  display: inline-block;
  height: 36px;
  vertical-align: middle;
}
.air_select_justify.MuiFormControl-root {
  width: 100px;
}
.air_select_justify .MuiInputBase-input {
  font-size: 14px;
  text-align: right;
}
.air_select_justify label + .MuiInput-root {
  margin: 0;
}
.air_select_justify .MuiSelect-select.MuiSelect-select {
  padding-right: 36px;
}
.air_select_justify.MuiFormControl-root .MuiInput-underline:before,
.air_select_justify.MuiFormControl-root .MuiInput-underline:hover:before,
.air_select_justify .MuiFormControl-root .Mui-focused.MuiInput-underline:after {
  border-bottom-color: transparent;
  display: none;
}
.air_pos_viewer {
  background: #fff;
  padding: 15px 0 0 15px;
  user-select: none;
}
.air_pos_viewer li {
  position: relative;
  padding: 10px 0 20px 0;
  text-align: left;
  border-top: 1px solid #E6E8EA;
}
.air_pos_viewer h3 {
  display: flex;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #262626;
}
.air_pos_viewer p,
.air_pos_viewer span {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  padding-right: 8px;
  position: relative;
  font-size: 12px;
  line-height: 20px;
  color: #8c8c8c;
  text-overflow: ellipsis;
  overflow: hidden;
}
.air_pos_viewer .pages span {
  margin-right: 0;
  padding-right: 0;
}
.air_pos_viewer p:after {
  content: "/";
  display: block;
  position: absolute;
  color: #8c8c8c;
  opacity: 0.5;
  right: 0;
  top: 0;
}
.air_pos_viewer p:last-of-type:after {
  display: none;
}
.air_pos_viewer_field {
  overflow: auto;
  text-align: left;
  border: none;
  padding-right: 15px;
  box-sizing: border-box;
  word-wrap: break-word;
}
.air_pos_viewer_field font {
  display: block;
}
.air_pos_viewer_field textarea {
  border: none;
  font-size: 12px;
  font-weight: normal;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.air_live_action {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 56px;
  height: fit-content;
  margin: 0 10px;
  background: #fff;
}
.air_live_action .action-icon {
  font-size: 26px;
  color: #63AF57;
}
.air_action_btn_wrap {
  display: inline-block;
  position: relative;
  margin: 7px 0 ;
}
.air_btn_disabled {
  cursor: not-allowed;
}
.air_sharpness_wrap {
  width: 100px;
}
.air_action_btn_fade {
  animation: fade 600ms infinite;
}
.air_path_current {
  color: #262626;
}
.air_path_divider {
  color: #8c8c8c;
}
.air_path_item {
  cursor: pointer;
  color: #63AF57;
}
.air_file_path {
  display: flex;
  align-items: center;
  flex: 1;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.air_file_wrap {
  width: 750px;
}
.air_file_view_header {
  display: flex;
  user-select: none;
  justify-content: space-between;
  line-height: 36px;
  min-height: 36px;
  padding: 15px 20px;
  background: #f2f5f7;
}
.air_tab_wrap.MuiTabs-root {
  padding: 0 20px;
  background: #f2f5f7;
}
.air_box_con {
  justify-content: center;
  align-items: flex-start;
  width: fit-content;
  width: -moz-fit-content;
  margin: 30px auto;
  font-size: 14px;
  color: #262626;
}
.air_only_wrap {
  width: 550px;
  margin: 30px 0 0 0;
}
.air_only_wrap + .air_live_action {
  position: static;
  margin: 30px 10px 0;
}
.air_temp_do {
  position: absolute;
  pointer-events: none;
  border: 2px dashed #FF9800;
  width: 0;
  height: 0;
}
.air_img_con {
  display: block;
  max-width: 100%;
  max-height: calc(100% - 42px);
  margin: 35px auto 0;
}
.air_scale_btn {
  position: absolute;
  right: 90px;
  bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 4px;
  cursor: pointer;
}
.air_case_box {
  overflow: initial;
}
.react-resizable {
  position: relative;
}
.react-resizable-handle,
.react_resizable_handle {
  position: absolute;
  width: 20px;
  height: 20px;
  border-bottom: 3px solid #63AF57;
  border-right: 3px solid #63AF57;
  box-sizing: border-box;
}
.react_resizable_disabled {
  bottom: 0;
  right: 0;
  cursor: not-allowed;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se,
.react_resizable_handle_se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.file_trans_box {
  position: relative;
}
.file_trans_box_item {
  position: relative;
  padding: 10px 0;
  text-align: left;
  border-top: 1px solid #E6E8EA;
}
.file_trans_log_con {
  display: flex;
  align-items: center;
}
.file_trans_log_sub {
  position: relative;
  line-height: 20px;
  color: #8c8c8c;
  margin-right: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.file_trans_log_Seg:after {
  content: "/";
  display: inline-block;
  color: #8c8c8c;
  opacity: 0.5;
  margin-left: 3px;
}
.file_trans_log {
  word-wrap: break-word;
}
.file_trans_log_txt {
  padding-right: 8px;
  margin-right: 0;
  padding-top: 3px;
  color: #63AF57;
  font-size: 14px;
  font-weight: 500;
}
.file_log_txt_waring {
  color: #FF9800;
}
.ra-box-control-menu.active div {
  color: #00BCD4 !important;
}
.ra-box-control-menu.active svg {
  fill: #00BCD4 !important;
}
@keyframes loadingAni {
  0% {
    opacity: 1;
    width: 4px;
    margin-left: -21px;
  }
  50% {
    opacity: 0.4;
    width: 12px;
  }
  100% {
    opacity: 1;
    width: 4px;
    margin-left: 100px;
  }
}
@keyframes fade {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.keyboards_con {
  width: 380px;
  margin: 0 auto;
  background-color: #000;
  position: relative;
  left: -35px;
  box-shadow: 0px 10px 30px 0px rgba(91, 95, 135, 0.2);
  border-radius: 10px;
  border: 4px solid rgba(255, 255, 255, 0.3);
}
.keyboards_con .keyboards_show_con {
  width: 100%;
  padding: 30px 30px 15px 30px;
  box-sizing: border-box;
}
.keyboards_con .keyboards_show_con > ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.keyboards_con .keyboards_show_con.keyboards_show_con_new .keyboards_li .keyboard_main {
  background-image: url("/admin/assets/img/keyboards_2.png");
  background-size: 614px 270px;
}
.keyboards_con .keyboards_show_con .keyboards_li .keyboard_main {
  background-image: url("/admin/assets/img/keyboards.png");
  background-size: 614px 326px;
}
.keyboards_con .keyboards_li .keyboard_main {
  width: 94px;
  height: 46px;
  margin-bottom: 15px;
  cursor: pointer;
}
.keyboards_con .keyboards_li:nth-child(1) .keyboard_main {
  background-position: 0 0;
}
.keyboards_con .keyboards_li:nth-child(1) .keyboard_main:active {
  background-position: -312px 0;
}
.keyboards_con .keyboards_li:nth-child(2) .keyboard_main {
  background-position: -104px 0;
}
.keyboards_con .keyboards_li:nth-child(2) .keyboard_main:active {
  background-position: -416px 0;
}
.keyboards_con .keyboards_li:nth-child(3) .keyboard_main {
  background-position: -208px 0;
}
.keyboards_con .keyboards_li:nth-child(3) .keyboard_main:active {
  background-position: -520px 0;
}
.keyboards_con .keyboards_li:nth-child(4) .keyboard_main {
  background-position: 0px -56px;
}
.keyboards_con .keyboards_li:nth-child(4) .keyboard_main:active {
  background-position: -312px -56px;
}
.keyboards_con .keyboards_li:nth-child(5) .keyboard_main {
  background-position: -104px -56px;
}
.keyboards_con .keyboards_li:nth-child(5) .keyboard_main:active {
  background-position: -416px -56px;
}
.keyboards_con .keyboards_li:nth-child(6) .keyboard_main {
  background-position: -208px -56px;
}
.keyboards_con .keyboards_li:nth-child(6) .keyboard_main:active {
  background-position: -520px -56px;
}
.keyboards_con .keyboards_li:nth-child(7) .keyboard_main {
  background-position: 0px -112px;
}
.keyboards_con .keyboards_li:nth-child(7) .keyboard_main:active {
  background-position: -312px -112px;
}
.keyboards_con .keyboards_li:nth-child(8) .keyboard_main {
  background-position: -104px -112px;
}
.keyboards_con .keyboards_li:nth-child(8) .keyboard_main:active {
  background-position: -416px -112px;
}
.keyboards_con .keyboards_li:nth-child(9) .keyboard_main {
  background-position: -208px -112px;
}
.keyboards_con .keyboards_li:nth-child(9) .keyboard_main:active {
  background-position: -520px -112px;
}
.keyboards_con .keyboards_li:nth-child(10) .keyboard_main {
  background-position: 0px -168px;
}
.keyboards_con .keyboards_li:nth-child(10) .keyboard_main:active {
  background-position: -312px -168px;
}
.keyboards_con .keyboards_li:nth-child(11) .keyboard_main {
  background-position: -104px -168px;
}
.keyboards_con .keyboards_li:nth-child(11) .keyboard_main:active {
  background-position: -416px -168px;
}
.keyboards_con .keyboards_li:nth-child(12) .keyboard_main {
  background-position: -208px -168px;
}
.keyboards_con .keyboards_li:nth-child(12) .keyboard_main:active {
  background-position: -520px -168px;
}
.keyboards_con .keyboards_li:nth-child(13) .keyboard_main {
  background-position: 0px -224px;
}
.keyboards_con .keyboards_li:nth-child(13) .keyboard_main:active {
  background-position: -312px -224px;
}
.keyboards_con .keyboards_li:nth-child(14) .keyboard_main {
  background-position: -104px -224px;
}
.keyboards_con .keyboards_li:nth-child(14) .keyboard_main:active {
  background-position: -416px -224px;
}
.keyboards_con .keyboards_li:nth-child(15) .keyboard_main {
  background-position: -208px -224px;
}
.keyboards_con .keyboards_li:nth-child(15) .keyboard_main:active {
  background-position: -520px -224px;
}
.keyboards_con .keyboards_li:nth-child(16) .keyboard_main {
  background-position: 0px -280px;
}
.keyboards_con .keyboards_li:nth-child(16) .keyboard_main:active {
  background-position: -312px -280px;
}
.keyboards_con .keyboards_li:nth-child(17) .keyboard_main {
  background-position: -104px -280px;
}
.keyboards_con .keyboards_li:nth-child(17) .keyboard_main:active {
  background-position: -416px -280px;
}
.keyboards_con .keyboards_li:nth-child(18) .keyboard_main {
  background-position: -208px -280px;
}
.keyboards_con .keyboards_li:nth-child(18) .keyboard_main:active {
  background-position: -520px -280px;
}
.keyboards_con .keyboards_li:nth-last-child(-n + 3) {
  margin-top: 9px;
}

.status_label_code.status_label_success {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_maintainer {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_approved {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_trail {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_developer {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unavailable {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_inactive {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_failed {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_pending {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_pending_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_offline {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_online {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_rejected {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_active {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_active_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_fixed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_notfixed {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_own {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_registing {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_suspend {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_locked {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_disabled {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_deleted {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_paid {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unpaid {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_open {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_expired {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_draft {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_completed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_inprogress {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_succeed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_migrating {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_invalid {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_partail {
  color: #3366ff;
  background: #d6e0ff;
}
.status_label_code.status_label_enable {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_unknow {
  color: #262626;
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_all {
  background: #d8d8d8;
}
.btn_con_box.MuiButton-root.status_tab_code_orange {
  color: #FF9800;
}
.btn_con_box.MuiButton-root.status_tab_code_orange.bg {
  background: #ffeacc;
}
.btn_con_box.MuiButton-root.status_tab_code_green {
  color: #63AF57;
}
.btn_con_box.MuiButton-root.status_tab_code_green.bg {
  background: #e0efdd;
}
.btn_con_box.MuiButton-root.status_tab_code_grey {
  color: #A9AABD;
}
.btn_con_box.MuiButton-root.status_tab_code_grey.bg {
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_blue {
  color: #00BCD4;
}
.btn_con_box.MuiButton-root.status_tab_code_blue.bg {
  background: #ccf2f6;
}
.btn_con_box.MuiButton-root.status_tab_code_red {
  color: #DB4437;
}
.btn_con_box.MuiButton-root.status_tab_code_red.bg {
  background: #f8dad7;
}
.status_border {
  position: relative;
}
.status_border:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_unavailable {
  border-color: #A9AABD;
}
.status_border_active {
  border-color: #63AF57;
}
.status_border_online {
  border-color: #63AF57;
}
.status_border_offline {
  border-color: #A9AABD;
}
.status_border_pending {
  border-color: #FF9800;
}
.status_border_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_draft {
  border-color: #00BCD4;
}
.status_border_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_rejected {
  border-color: #DB4437;
}
.status_border_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_locked {
  border-color: #A9AABD;
}
.status_border_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_suspend {
  border-color: #A9AABD;
}
.status_border_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple {
  position: relative;
}
.status_border_simple:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_simple_unavailable {
  border-color: #A9AABD;
}
.status_border_simple_active {
  border-color: #63AF57;
}
.status_border_simple_online {
  border-color: #63AF57;
}
.status_border_simple_offline {
  border-color: #A9AABD;
}
.status_border_simple_pending {
  border-color: #FF9800;
}
.status_border_simple_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_draft {
  border-color: #00BCD4;
}
.status_border_simple_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_rejected {
  border-color: #DB4437;
}
.status_border_simple_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_locked {
  border-color: #A9AABD;
}
.status_border_simple_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend {
  border-color: #A9AABD;
}
.status_border_simple_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple:after {
  display: none;
  background: none;
}
.terminal_production_title {
  background: url("/admin/assets/img/market_bg.png") center center no-repeat;
  background-size: 100% 100%;
}
.terminal_con_area {
  padding: 0;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.terminal_con_area .content_tabs {
  background: none;
  border-bottom: none;
}
.terminal_con_box {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  flex-direction: column;
  padding: 30px;
  padding-bottom: 0;
  overflow: hidden;
  overflow-y: auto;
}
.terminal_con_detail_box {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  flex-direction: column;
  overflow: hidden;
}
.terminal_detail_container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.title_con_wrap + .terminal_detail_container {
  height: calc(100% - 64px);
}
.terminal_install_table_index {
  min-width: 20px;
}
.terminal_install_table_apk {
  min-width: 210px;
}
.terminal_install_table_size {
  min-width: 98px;
}
.terminal_install_table_traffic {
  min-width: 150px;
}
.terminal_log_wrap {
  position: relative;
}
.terminal_log_tab_wrap {
  padding-bottom: 30px;
}
.terminal_tab_case {
  margin-top: 15px;
}
.filter_popover_drawer .MuiPopover-paper {
  width: 320px;
}
.terminal_proxy_type_msg {
  margin-top: 5px;
}
.terminal_tid_tips .table_default_th_button {
  align-items: initial;
}
@keyframes fade {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.terminal_accessory_right_wrap {
  margin-top: 25px;
}
.terminal_accessory_right_wrap.terminal_accessory_info_box {
  border-bottom: 1px solid #E6E8EA;
}
.terminal_accessory_right_wrap.terminal_accessory_info_box .app_detail_dev_list .layout_app_detail_item {
  box-sizing: border-box;
  padding-right: 10px;
}
.terminal_accessory_right_wrap .layout_grow_main_table {
  overflow: hidden;
  overflow-x: auto;
}
.terminal_accessory_case.layout_setting_case {
  height: auto;
}
.terminal_accessory_case.layout_setting_case .layout_item_main {
  margin-left: 8px;
}
.terminal_accessory_case.layout_setting_case .layout_setting_left {
  padding-left: 0;
}
.terminal_accessory_case.layout_setting_case .layout_setting_left .layout_fir_item_label .comp_label_item {
  max-width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.terminal_accessory_case.layout_setting_case .layout_setting_right {
  padding-right: 0;
}
.terminal_accessory_case.layout_setting_case .layout_side_item.active .comp_label_item,
.terminal_accessory_case.layout_setting_case .layout_side_item.active .layout_fir_item_label {
  color: #fff;
}
.terminal_operations_wrap {
  max-width: 530px;
}
.terminal_operations_horizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #E6E8EA;
}
.terminal_operations_main {
  padding: 10px  20px 20px 20px;
  box-sizing: border-box;
  max-width: 550px;
}
.terminal_operations_main .default_menu_list.MuiMenuItem-root {
  margin: 0;
  height: 40px;
  line-height: 40px;
}
.terminal_operations_main .default_menu_list.MuiMenuItem-root .iconmenu_icon_txt {
  display: block;
  width: 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.terminal_operations_title {
  padding: 20px 20px 0 20px;
  border-bottom: 1px solid #E6E8EA;
}
.terminal_operations_title .layout_tit_main {
  padding-top: 0;
}
.terminal_log_range_box {
  background-color: #F2F4F7;
  margin-top: 17px;
  padding: 10px 0 0 20px;
}
.terminal_log_range_box .date_time_wrap .ant-picker-clear {
  right: 33px;
}
.accessory_general_info {
  padding: 15px 20px;
  background: #fff;
  flex: 1;
  overflow: hidden;
}
.accessory_general_info .layout_img_wrap {
  width: 100px;
  height: 77px;
}
.accessory_general_info .layout_grow_info_box.layout_app_detail_list {
  padding: 0;
  flex: 1;
}
.accessory_operation_info {
  padding: 15px 20px;
  flex-shrink: 0;
  margin-left: 20px;
  background: #fff;
}
.accessory_general_box {
  display: flex;
  align-items: flex-end;
  margin-top: 5px;
}
.accessory_general_box .layout_img_wrap {
  width: 100px;
  height: 77px;
}
.accessory_detail_section .layout_main_head {
  padding-top: 20px;
}
.accessory_detail_section .layout_app_detail_list {
  position: relative;
}
.accessory_detail_section .layout_loader_small {
  color: #63AF57;
}
.terminal_accessory_general_info {
  flex: 1;
  overflow: hidden;
}
.terminal_accessory_general_info .layout_fir_item_case {
  margin: 15px 0;
}
.terminal_accessory_general_info .layout_fir_item_label {
  color: #262626;
}
.terminal_accessory_general_info .layout_fir_item_label:not(:last-child):after {
  color: #8c8c8c;
}
.terminal_accessory_general_info .comp_label_item {
  color: #262626;
}
.terminal_accessory_general_info .layout_flex_section .comp_label_item_tit {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.terminal_accessory_general_info .layout_flex_section .terminal_accessory_btn:first-child .MuiButton-root.button_com_wrap {
  padding: 0;
  margin-right: 15px;
  min-width: 0;
}
.accessory_operation_item {
  width: 85px;
  height: 82px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #F2F4F7;
  box-sizing: border-box;
  border-radius: 4px;
}
.accessory_operation_item + .accessory_operation_item {
  margin-left: 10px;
}
.accessory_operation_loading {
  position: relative;
  width: 36px;
  height: 36px;
}
.accessory_operation_loading .layout_loader_small {
  right: 50%;
  margin-right: -10px;
}
.accessory_operation_reset_loading {
  position: relative;
  width: 100px;
}
.accessory_operation_reset_loading .layout_loader_small {
  color: #63AF57;
  right: 50%;
  margin-right: -10px;
}
.accessory_info_box {
  display: flex;
  margin: 0 0 20px 0;
}
.accessory_alert_tit {
  font-size: 12px;
  color: #FF9800;
}
.acc_device_status_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.acc_device_status_wrap .layout_case_wrap {
  flex: 1;
  padding: 15px 20px;
  border-radius: 4px;
}
.acc_device_status_wrap .layout_case_wrap + .layout_case_wrap {
  margin-left: 20px;
}
.acc_device_status_wrap .group_card_process_bar {
  background: #F2F4F7;
}
.acc_device_status_txt {
  display: flex;
  align-items: flex-end;
  margin: 5px 0 5px 0;
}
.acc_device_status_txt .comp_label_size_24 {
  font-weight: bold;
  font-family: D-DIN-Bold, D-DIN;
}
.acc_device_status_txt .comp_label_size_20 {
  font-family: D-DIN-Bold, D-DIN;
  font-weight: bold;
  color: #8c8c8c;
}
.accessory_rej_external {
  margin-bottom: 15px;
}
.accessory_device_divider {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 1px;
  box-sizing: border-box;
  background: #F2F4F7;
}
.accessory_firmware_select .search_filter_text_field {
  margin-top: 0;
}
.accessory_firmware_select .search_filter_box {
  margin-top: 0;
  z-index: 99;
}
.accessory_firmware_select .search_filter_box + .search_filter_text_field {
  margin-top: -28px;
}
.accessory_loader_small {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
}
.accessory_loader_small .layout_loader_small {
  position: relative;
  color: #63AF57;
  top: initial;
  margin-top: initial;
  right: initial;
}
.terminal_access_filter_tit.comp_label_item_tit {
  color: #63AF57;
}
.airshield_detail_wrap.layout_case_wrap {
  padding-top: 20px;
}
.airshield_detail_wrap .table_default_wrap tbody:hover {
  background: #fff;
}
.airshield_detail_wrap .table_default_wrap tbody tr {
  background: #F3F3F4;
}
.airshield_summary_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.airshield_summary_wrap .report-piechart-legend .recharts-legend-item {
  width: 220px;
}
.airshield_summary_wrap .dashboard_pie_num_left {
  width: 237px;
  flex-shrink: 0;
}
.airshield_summary_wrap .layout_case_wrap {
  width: 50%;
  height: 210px;
  padding: 18px 20px 18px 20px;
}
.airshield_summary_wrap .layout_case_wrap:first-child {
  margin-right: 10px;
}
.airshield_summary_wrap .layout_app_detail_item {
  min-width: 50%;
  margin-bottom: 15px;
  padding-right: 30px;
  box-sizing: border-box;
}
.emm_device_type .comp_label_item {
  margin-top: 8px;
}
.emm_device_main {
  position: relative;
  overflow: hidden;
  overflow-x: auto;
}
.emm_device_wrap {
  width: 1024px;
}
.emm_device_wrap.emm_device_wrap_download {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 1080px;
  background: #fff;
  padding: 0 40px 40px 40px;
  box-sizing: border-box;
}
.emm_device_wrap.emm_device_wrap_download .comp_label_item_tit {
  margin-top: 30px;
}
.emm_device_wrap.emm_device_wrap_download .emm_device_info.download .layout_app_item_tit_wrap {
  margin-right: 60px;
}
.emm_device_wrap.emm_device_wrap_download .emm_step_txt .comp_label_item_tit {
  margin: 0 0 15px 0;
}
.emm_device_wrap.emm_device_wrap_download .emm_device_qrcode .comp_label_item_tit {
  margin-top: 15px;
}
.emm_device_wrap .comp_label_item_tit {
  margin-top: 10px;
}
.emm_device_wrap .emm_device_info {
  display: flex;
  align-items: flex-start;
  padding: 15px 30px;
  margin-top: 30px;
  background: #F3F3F4;
}
.emm_device_wrap .emm_device_info .layout_app_item_tit_wrap {
  max-width: 165px;
  margin-right: 85px;
}
.emm_qrcode_img {
  width: 385px;
  height: 385px;
}
.emm_expired_qrcode_img {
  width: 335px;
  height: 335px;
}
.emm_device_con {
  display: flex;
  margin-top: 40px;
}
.emm_device_step {
  flex: 1;
  padding: 20px 35px 0 0;
  overflow: hidden;
  border-right: 1px solid #E6E8EA;
}
.emm_download_txt {
  color: #262626;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 15px 5px;
}
.emm_download_txt.href {
  cursor: pointer;
  text-decoration: underline;
  color: #008BF8;
}
.emm_step_item {
  display: flex;
  align-items: flex-start;
}
.emm_step_item + .emm_step_item {
  margin-top: 20px;
}
.emm_step_item .emm_step_num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-right: 15px;
  border-radius: 50%;
  color: #fff;
  background: #008BF8;
}
.emm_step_txt {
  display: flex;
  flex-direction: column;
}
.emm_step_txt .comp_label_item_tit {
  margin: 0 0 15px 0;
}
.emm_step_txt .comp_label_item {
  display: flex;
  align-items: center;
}
.emm_step_txt .comp_label_item:before {
  content: "";
  width: 4px;
  height: 4px;
  margin-right: 9px;
  background: #000;
  border-radius: 50%;
}
.emm_step_txt .comp_label_item + .comp_label_item {
  margin-top: 10px;
}
.emm_device_qrcode {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 390px;
  padding-top: 20px;
  flex-shrink: 0;
}
.emm_device_qrcode .comp_label_item {
  display: inline-block;
  width: 275px;
  margin-top: 5px;
  text-align: center;
}
.emm_device_qrcode .comp_label_item_tit {
  margin-top: 20px;
}
.delete_emm_tips {
  margin: -13px 0 10px 0;
}
.delete_emm_tips .comp_label_item {
  font-size: 14px;
}
.delete_emm_tips .comp_label_item + .comp_label_item {
  margin-top: 15px;
}
.emm_policy_name {
  height: 23px;
  padding: 0 7px;
  margin-left: 5px;
  line-height: 24px;
  background: #E9F4FC;
  font-weight: 500;
  font-size: 12px;
  color: #000000;
  border-radius: 4px;
  border: 1px solid #C7DDED;
}
.emm_policy_wrap {
  padding-top: 30px;
}
.emm_policy_wrap .layout_grow_foot_split .layout_flex_section {
  flex-shrink: 0;
}
.emm_policy_wrap .layout_profile_tips {
  padding: 15px 20px;
  background: #FFFFFF;
  border: none;
  box-shadow: inset 0px -1px 0px 0px #D3E0EA;
  border-radius: 8px 4px 0px 0px;
}
.emm_policy_wrap .emm_policy_tips {
  margin-right: 15px;
}
.emm_policy_wrap .emm_policy_tips .comp_label_item {
  margin-top: 5px;
}
.emm_policy_wrap .layout_profile_tips {
  margin-bottom: 0;
}
.emm_action_box {
  position: relative;
  z-index: 10;
  margin-left: 5px;
}
.emm_action_box + .emm_action_box {
  margin-left: 10px;
}
.emm_checkbox_action_box {
  margin-left: 10px;
  z-index: 10;
}
.emm_action_img {
  width: 24px;
  height: 24px;
}
.emm_action_img.full_management {
  cursor: pointer;
}
.emm_action_img.full_management:hover + .emm_action_tips {
  transition: all 0.24s ease-out;
  opacity: 1;
}
.emm_action_img.lock {
  cursor: pointer;
}
.emm_action_img.lock:hover + .emm_action_tips {
  transition: all 0.24s ease-out;
  opacity: 1;
}
.emm_action_img.unlock {
  cursor: pointer;
}
.emm_action_img.unlock:hover + .emm_action_tips {
  transition: all 0.24s ease-out;
  opacity: 1;
}
.emm_action_tips {
  position: absolute;
  right: 0;
  top: 24px;
  z-index: 999;
  max-width: 250px;
  width: max-content;
  display: flex;
  align-items: center;
  padding: 8px;
  opacity: 0;
  transition: all 0.24s ease-out;
  font-size: 12px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.08), 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
.emm_disable_img {
  width: 18px;
  height: 18px;
  margin-left: 8px;
}
.emm_policy_con .layout_main_head {
  padding: 0;
}
.emm_policy_main {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  background: #fff;
}
.emm_policy_main + .emm_policy_main {
  margin-top: 20px;
}
.emm_policy_config_tit {
  width: 220px;
  flex-shrink: 0;
  margin-right: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.emm_app_config_main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.emm_policy_config_main {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.emm_policy_config_main + .emm_policy_config_main {
  border-top: 1px solid #E1E1E1;
  padding-top: 20px;
  margin-top: 20px;
}
.emm_policy_config_main .emm_app_config_item {
  position: relative;
  width: calc(50% - 10px);
  box-sizing: border-box;
  background: #F2F4F7;
  display: flex;
  align-items: center;
  height: 88px;
  padding: 0 15px 0 20px;
}
.emm_policy_config_main .emm_app_config_item:not(:nth-child(1)):not(:nth-child(2)) {
  margin-top: 10px;
}
.emm_policy_config_main .emm_app_config_item:nth-child(even) {
  margin-left: 20px;
}
.emm_policy_config_main .emm_app_config_item .layout_img_wrap {
  align-self: flex-start;
  margin: 15px 15px 0 0;
}
.emm_policy_config_main .emm_policy_config_item {
  position: relative;
  width: calc(50% - 10px);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background: #F2F4F7;
  min-height: 54px;
  max-height: 72px;
  padding: 6px 15px;
}
.emm_policy_config_main .emm_policy_config_item:not(:nth-child(1)):not(:nth-child(2)) {
  margin-top: 10px;
}
.emm_policy_config_main .emm_policy_config_item:nth-child(even) {
  margin-left: 20px;
}
.emm_manage_app_select.select_root {
  flex-shrink: 0;
}
.emm_app_view_all {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}
.emm_app_operation .icon_text_wrap .iconfont {
  color: #262626;
}
.emm_app_info_box {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.emm_app_info_box .comp_label_item_tit {
  width: 100%;
  margin-bottom: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.emm_app_info_box .btn_wrap_section {
  align-self: flex-end;
}
.emm_app_info_item {
  display: flex;
  align-items: center;
  width: 100%;
}
.emm_app_info_item .emm_app_install_type {
  font-size: 12px;
  text-transform: uppercase;
}
.emm_app_info_item .emm_app_install_type.F {
  color: #2E92E0;
}
.emm_app_info_item .emm_app_install_type.P {
  color: #33A2F9;
}
.emm_app_info_item .emm_app_install_type.A {
  color: #4A6E8D;
}
.emm_app_info_item .emm_app_install_type.B {
  color: #FF9500;
}
.emm_app_info_item .emm_app_install_type.R {
  color: #2981C7;
}
.emm_app_info_item .emm_app_install_type.K {
  color: #1E6094;
}
.emm_app_info_item .emm_app_info_colon {
  margin-right: 5px;
  font-size: 12px;
  color: #8c8c8c;
}
.emm_app_info_item .comp_label_item,
.emm_app_info_item .emm_app_install_type {
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emm_app_title_none {
  display: block;
}
@media screen and (max-width: 1599px) {
  .emm_app_title_none {
    display: none;
  }
  .emm_app_info_item .comp_label_item,
  .emm_app_info_item .emm_app_install_type {
    max-width: 100%;
  }
}
.emm_config_tips {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 1;
  background: transparent;
}
.emm_select_tit {
  font-weight: bold;
}
.emm_tips_full_manage {
  display: flex;
  align-items: center;
  padding: 19px 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.23);
}
.emm_select_tips {
  display: flex;
  align-items: flex-start;
}
.emm_select_tips .emm_select_circle {
  display: block;
  width: 4px;
  flex-shrink: 0;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  margin: 7px 8px 0 0;
}
.emm_select_tips .emm_select_txt {
  flex: 1;
  overflow: hidden;
}
.emm_tips_box {
  line-height: 20px;
}
.emm_tips_box + .emm_tips_box {
  margin-top: 18px;
}
.emm_msg_item {
  font-size: 14px;
  color: #fff;
}
.emm_msg_item + .emm_msg_item {
  margin-top: 20px;
}
.emm_tips_wrap,
.emm_policy_tips_wrap {
  width: 450px;
  padding: 10px 10px 0 10px;
}
.emm_tips_title {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 20px;
}
.emm_policy_tips_box {
  margin: 25px 0;
}
.emm_policy_tips_box .emm_tips_box:first-child {
  margin-top: 25px;
}
.emm_policy_tips_box .emm_tips_box:last-child {
  margin-bottom: 25px;
}
.emm_policy_tips_box .emm_tips_box + .emm_tips_box {
  margin-top: 10px;
}
.emm_full_manage_icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  flex-shrink: 0;
}
.tips_full_manage {
  flex: 1;
  overflow: hidden;
  font-size: 14px;
  color: rgba(215, 233, 251, 0.9);
}
.emm_policy_action_box {
  flex-shrink: 0;
  width: auto;
  display: flex;
  align-items: center;
}
.emm_policy_action_box + .btn_wrap_section {
  margin-left: 5px;
}
.emm_policy_text_field_item {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.emm_policy_text_field_item .tooltips_box {
  max-width: 100%;
  display: inline-block;
  width: fit-content;
}
.emm_policy_text_field_item .comp_label_item_tit {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emm_policy_text_field_item .text_field_wrapper.MuiFormControl-root .MuiInput-underline:before {
  border: none;
}
.emm_policy_text_field_item .text_field_wrapper.MuiFormControl-root .Mui-focused.MuiFormLabel-root {
  font-size: 16px;
  color: #8c8c8c;
  transition: all 0.2s ease;
}
.emm_policy_text_field_item .text_field_wrapper.MuiFormControl-root label {
  transition: all 0.2s ease;
  font-size: 18px;
  color: #262626;
  max-width: 100%;
}
.emm_policy_text_field_item label + .MuiInput-root {
  margin-top: 13px;
  font-size: 14px;
}
.emm_policy_text_field_item .emm_custom_label {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emm_policy_text_field_item .emm_custom_placeholder .MuiInputBase-input {
  padding: 6px 0 5px 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.emm_policy_text_field_item .emm_custom_placeholder.Mui-focused .MuiInputBase-input::placeholder {
  color: #BFBFBF;
}
.emm_policy_text_field_item .emm_custom_placeholder .MuiInputBase-input.Mui-disabled::placeholder {
  color: #9e9e9e;
}
.emm_policy_text_field_item .emm_custom_placeholder .MuiInputBase-input::placeholder {
  color: #63AF57;
  opacity: 1;
  font-size: 12px;
}
.emm_policy_select_item {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.emm_policy_select_item .tooltips_box {
  max-width: 100%;
  display: inline-block;
  width: fit-content;
}
.emm_policy_select_item .comp_label_item_tit {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emm_policy_select_item .select_root {
  display: inline;
  font-size: 12px;
}
.emm_policy_select_item .select_root .MuiInput-root {
  position: relative;
  max-width: 100%;
}
.emm_policy_select_item .select_root.MuiFormControl-root .MuiInput-input {
  font-size: 12px;
  padding: 0 24px 0 0;
}
.emm_policy_select_item .select_root.MuiFormControl-root .MuiInput-underline:before {
  border-bottom-color: transparent;
}
.emm_policy_dialog_item {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.emm_policy_dialog_item .tooltips_box {
  max-width: 100%;
  display: inline-block;
  width: fit-content;
}
.emm_policy_dialog_item .comp_label_item_tit {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emm_policy_dialog_item .comp_label_item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.emm_policy_dialog_item .btn_wrap_section {
  max-width: 50%;
}
.emm_policy_dialog_item .btn_wrap_section .MuiButton-root {
  font-size: 12px;
  text-transform: capitalize;
}
.emm_policy_dialog_item .emm_config_dialog_label {
  max-width: 50%;
  position: relative;
}
.emm_policy_dialog_item .emm_config_dialog_split {
  margin: 0 5px;
  color: #d8d8d8;
  display: inline-block;
}
.emm_policy_toggle_item {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.emm_policy_toggle_item .switch_toggle_root {
  position: relative;
  margin-right: 10px;
}
.emm_policy_toggle_item .comp_label_item_tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.emm_policy_datepicker_item {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.emm_policy_datepicker_item .tooltips_box {
  max-width: 100%;
  display: inline-block;
  width: fit-content;
}
.emm_policy_datepicker_item .comp_label_item_tit {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emm_policy_datepicker_item .date_time_wrap {
  height: 18px;
}
.emm_policy_datepicker_item .date_time_wrap .anticon.anticon-clock-circle {
  display: none;
}
.emm_policy_datepicker_item .date_time_wrap .ant-picker {
  width: initial;
}
.emm_policy_datepicker_item .date_time_wrap .ant-picker-input {
  width: initial;
}
.emm_policy_datepicker_item .date_time_wrap .ant-picker-suffix:before {
  font-size: 18px;
}
.emm_policy_datepicker_item .date_time_wrap .ant-picker-range-separator {
  padding: 0 3px;
}
.emm_policy_datepicker_item .date_time_wrap .ant-picker-input > input {
  padding: 0;
  font-size: 12px;
  width: 60px;
}
.emm_policy_datepicker_item .date_time_wrap .ant-picker-focused .ant-picker-input > input {
  background: transparent;
  border: none;
  box-shadow: none;
}
.emm_add_config_btn.btn_wrap_section {
  height: 94px;
  display: flex;
}
.emm_menu_list .icon_text_wrap .iconfont {
  color: #5b5b5b;
}
.emm_config_error {
  display: inline-block;
  color: #DB4437;
  font-size: 12px;
}
@-webkit-keyframes fade {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
canvas#screen {
  width: max-content;
}
@media screen and (max-width: 1300px) {
  .terminal_con_area {
    overflow-x: auto;
  }
}
.terminal_detail_tips {
  margin-right: 16px;
}
.modify_password_rule {
  font-size: 12px;
  color: #262626;
  line-height: 20px;
  margin-top: 5px;
}
.setting_time_zone_tips {
  padding: 20px 0;
  font-size: 14px;
  color: #8c8c8c;
}
.sup_model_con {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 16px;
  border-bottom: 1px solid #D3E0EA;
  flex-wrap: wrap;
}
.sup_model_con .sup_models_tit {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 20px;
  position: relative;
  padding-left: 10px;
  margin-bottom: 5px;
}
.sup_model_con .sup_models_tit::before {
  content: '';
  position: absolute;
  left: 0;
  top: 40%;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}
.sup_model_style.sup_models_more {
  color: #008BF8;
  cursor: pointer;
}
.sup_models_more_con {
  width: 210px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
  padding-bottom: 5px;
}
.sup_model_style {
  display: inline-block;
  font-size: 12px;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  padding: 5px 10px;
  margin-left: 5px;
  margin-bottom: 5px;
  word-break: break-all;
}
.location_provider_style {
  color: #63AF57;
}
.location_provider_gps_style {
  color: #8c8c8c;
}
.location_provider_gps_style .tips_gps_style {
  margin-right: 5px;
  display: inline-block;
}
.location_provider_gps_style .tips_gps_style .iconfont {
  color: #FF9800;
}
.profile_template_wrap {
  position: relative;
}
.enrollment_record_btn .iconfont {
  width: 32px;
  height: 32px;
  font-size: 32px;
  color: #63AF57;
  margin-right: 15px;
}
.enrollment_record_btn.layout_fir_itemlist.MuiButton-root.button_com_wrap_basic {
  background: #F2F4F7;
}
.terminal_geo_template_item .comp_label_item_tit {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.terminal_geo_template_item .MuiFormControlLabel-root {
  margin-right: 5px;
}
.emm_detail_content_wrap {
  overflow: hidden;
}
.emm_detail_content_wrap .content_tabs_wrap {
  margin-left: 10px;
}
.emm_detail_content_wrap .content_tabs_wrap .MuiTab-root {
  color: #262626;
}
.emm_detail_content_wrap .content_tabs_wrap .MuiTab-textColorInherit.Mui-selected {
  color: #008BF8;
  font-weight: 500;
}
.emm_detail_content_wrap .content_tabs_wrap .MuiTabs-indicator {
  background: #008BF8;
  transition: unset;
}
.emm_detail_content_wrap .layout_con_case.layout_con_case {
  height: calc(100% - 103px);
}
.emm_detail_title_wrap {
  height: 103px;
  background-color: #FFFFFF;
  display: flex;
  padding-right: 40px;
}
.emm_detail_title_wrap .emm_detail_action_btn_wrap {
  display: flex;
  align-items: center;
}
.emm_detail_title_wrap .emm_detail_action_btn_wrap .emm_detail_action_btn .MuiButton-root.button_com_wrap {
  padding: 0 7px;
}
.emm_detail_title_wrap .emm_detail_action_btn_wrap .emm_detail_action_btn .icon_root {
  font-size: 24px;
}
.emm_detail_title_case {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 22px 40px 40px 30px;
}
.emm_detail_title_case .emm_detail_title_txt {
  font-size: 22px;
  line-height: 22px;
  color: #262626;
  margin-right: 15px;
}
.emm_detail_title_case .emm_sn_number {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
  margin-right: 15px;
}
.emm_reboot_device_msg_wrap {
  display: flex;
  flex-direction: column;
}
.emm_reboot_device_msg_wrap p:first-child {
  margin-bottom: 15px;
}
.emm_tit_tips {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  margin-bottom: 5px;
}
.emm_content_tips {
  font-size: 12px;
  color: #8c8c8c;
  line-height: 20px;
  margin-bottom: 17px;
}
.emm_overview_wrap {
  display: flex;
}
.emm_overview_left {
  flex: 1;
  overflow: hidden;
}
.emm_overview_right {
  width: 330px;
  margin-left: 20px;
  flex-shrink: 0;
}
.emm_overview_detail_wrap .emm_overview_last_sync {
  font-size: 12px;
  color: #8c8c8c;
}
.emm_detail_box {
  display: flex;
  align-items: center;
  background: #fff;
  height: 248px;
  box-sizing: border-box;
  padding: 15px 15px 15px 20px;
}
.emm_detail_info {
  display: flex;
  align-items: center;
  flex: 1;
  height: 186px;
  overflow: hidden;
  flex-wrap: wrap;
}
.emm_detail_info .terminal_detail_item {
  margin-bottom: 5px;
}
.emm_detail_info .terminal_detail_item:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.emm_detail_area {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.emm_status_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 218px;
}
.emm_model_img {
  width: 218px;
  height: 218px;
  background: #F2F4F7;
  border-radius: 8px;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 20px;
}
.emm_model_img .emm_model_img_item {
  width: 100%;
  height: 100%;
}
.emm_status_item {
  width: calc(50% - 5px);
  height: 104px;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 10px;
}
.emm_status_item.ram {
  background: rgba(0, 122, 255, 0.1);
}
.emm_status_item.ram:hover {
  background: #CCE8FD;
}
.emm_status_item.battery {
  background: rgba(52, 199, 89, 0.1);
}
.emm_status_item.storage {
  background: rgba(74, 110, 141, 0.1);
}
.emm_status_item.storage:hover {
  background: #DBE2E8;
}
.emm_status_item.network {
  background: rgba(0, 139, 248, 0.1);
}
.emm_status_item.network:hover {
  background: #CCE8FD;
  cursor: pointer;
  transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
.emm_status_item .emm_status_label {
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emm_status_item .emm_status_percent {
  font-size: 22px;
  line-height: 24px;
  font-family: Number;
  margin-top: 10px;
}
.emm_status_item .emm_status_percent i {
  font-size: 24px;
}
.emm_status_item .emm_status_percent.ram {
  color: #007AFF;
}
.emm_status_item .emm_status_percent.battery {
  color: #34C759;
}
.emm_status_item .emm_status_percent.storage {
  color: #4A6E8D;
}
.emm_status_item .emm_status_percent.network {
  color: #008BF8;
}
.emm_status_item .emm_card_case {
  width: 20px;
  height: 20px;
  margin-top: 10px;
}
.emm_status_item .emm_card_case .layout_pie_wrap {
  height: 20px;
}
.emm_status_item .emm_card_case .layout_pie_wrap.layout_pie_circle_green:before {
  background: #EAFAF0;
}
.emm_status_item .emm_card_case .layout_pie_wrap.layout_pie_circle_blue:before {
  background: #E9F2FF;
}
.emm_status_item .emm_card_case .layout_pie_wrap.layout_pie_circle_grey .layout_pie_circle {
  fill: #CBD4DD;
}
.emm_status_item .emm_card_case .layout_pie_wrap.layout_pie_circle_grey:before {
  background: #ECF0F3;
}
.emm_status_item .emm_card_case .layout_pie_wrap:before {
  width: 14px;
  height: 14px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.emm_status_item .emm_card_case .layout_pie_svg_wrap {
  width: 20px;
  height: 20px;
}
.emm_status_item + .emm_status_item:nth-child(2n) {
  margin-left: 10px;
}
.emm_status_item + .emm_status_item:nth-last-child(-n+2) {
  margin-top: 10px;
}
.emm_status_item .layout_flex_section {
  color: #8c8c8c;
  font-size: 12px;
}
.model_label_tips_icon.iconfont {
  font-size: 20px;
  color: #CCCCCC;
}
.model_detail_tips_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 294px;
}
.model_detail_tips_wrap .model_detail_tips_item {
  height: 80px;
  width: 140px;
  border-radius: 4px;
  border: 1px solid #979797;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 10px;
}
.model_detail_tips_wrap .model_detail_tips_item + .model_detail_tips_item:nth-child(2n) {
  margin-left: 10px;
}
.model_detail_tips_wrap .model_detail_tips_item + .model_detail_tips_item:last-child {
  margin-top: 10px;
}
.model_detail_tips_icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.model_detail_tips_icon.iconfont {
  font-size: 16px;
}
.model_detail_tips_icon.icon-a-EMM-ModelLab-RamSize {
  background: rgba(50, 173, 230, 0.2);
  color: #32ADE6;
}
.model_detail_tips_icon.icon-a-EMM-ModelLab-StorageSize {
  background: rgba(52, 199, 89, 0.2);
  color: #34C759;
}
.model_detail_tips_icon.icon-a-EMM-ModelLab-ScreenResolution {
  background: #56503C;
  color: #FCE37F;
}
.model_detail_tips_label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 20px;
}
.model_detail_tips_value {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}
.model_status_tips {
  display: flex;
  flex-direction: column;
}
.model_status_tips .model_detail_tips_icon {
  margin-bottom: 5px;
}
.model_status_tips .model_use_ram {
  color: #63AF57;
}
.emm_network_icons_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.emm_network_icons_wrap .emm_signal_status_wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.emm_network_icons_wrap .emm_signal_status_wrap:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 17px;
  background: url("/admin/assets/img/terminal-detail-status3.png") no-repeat;
}
.emm_network_icons_wrap .emm_signal_status_wrap.simSignal0:before {
  background-position: 0 0;
}
.emm_network_icons_wrap .emm_signal_status_wrap.simSignal1:before {
  background-position: 0 -17px;
}
.emm_network_icons_wrap .emm_signal_status_wrap.simSignal2:before {
  background-position: 0px -34px;
}
.emm_network_icons_wrap .emm_signal_status_wrap.simSignal3:before {
  background-position: 0px -51px;
}
.emm_network_icons_wrap .emm_signal_status_wrap.simSignal4:before {
  background-position: 0px -68px;
}
.emm_network_icons_wrap .emm_network_icon_item {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.emm_network_icons_wrap .emm_network_icon_item.iconfont {
  color: #fff;
}
.emm_network_icons_wrap .emm_network_icon_item.blue {
  background: #008BF8;
}
.emm_network_detail_wrap .emm_network_status_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_item_wrap {
  width: 170px;
  height: 72px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 17px 19px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_item_wrap.blue {
  background: rgba(0, 139, 248, 0.1);
}
.emm_network_detail_wrap .emm_network_status_wrap .network_item_wrap.grey {
  background: #F2F4F7;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_item_wrap.green {
  background: rgba(52, 199, 89, 0.1);
}
.emm_network_detail_wrap .emm_network_status_wrap .network_item_label_wrap {
  display: flex;
  flex-direction: column;
  margin-right: 5px;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_item_label_wrap .network_detail_icon {
  font-size: 18px;
  color: #CDD0D3;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_item_label_wrap .network_detail_label {
  font-size: 14px;
  color: #8c8c8c;
  line-height: 22px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_detail_value {
  font-weight: 500;
  font-size: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 60px;
  font-family: Roboto-Medium;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_detail_value .iconfont {
  font-size: 22px;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_detail_value.blue {
  color: #008BF8;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_detail_value.grey {
  color: #262626;
}
.emm_network_detail_wrap .emm_network_status_wrap .network_detail_value.green {
  color: #63AF57;
}
.emm_network_detail_wrap .emm_network_info {
  background: #F2F4F7;
  width: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 16px 13px;
  margin-bottom: 10px;
}
.emm_network_detail_wrap .emm_network_info .layout_def_tit {
  margin-bottom: 24px;
}
.emm_network_detail_wrap .emm_network_info .emm_network_info_items {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-wrap: wrap;
}
.emm_network_detail_wrap .emm_network_info .emm_network_info_items.top_border {
  border-top: 1px solid #E6E8EA;
}
.emm_network_detail_wrap .emm_network_info .emm_network_info_items.top_border .terminal_detail_item {
  margin-top: 15px;
}
.emm_network_detail_wrap .emm_network_info .emm_network_info_items .terminal_detail_item {
  width: 25%;
  margin-bottom: 20px;
  padding-right: unset;
}
.emm_map_card_wrap {
  display: flex;
  position: relative;
  background: #fff;
  box-sizing: border-box;
  min-height: 197px;
  transition: all 0.24s ease-out 0.1s;
  flex: 1;
  flex-shrink: 0;
  border-radius: 4px 0 0 4px;
}
.emm_map_card_wrap .btn_wrap_section + .btn_wrap_section {
  margin-left: 0;
}
.emm_device_log_wrap .emm_log_failed .comp_label_item_tit {
  color: #FF9800;
}
.emm_device_log_wrap .emm_log_failed .emm_device_log_icon .iconfont {
  color: #FF9800;
}
.emm_device_log_wrap .emm_log_failed .emm_device_fail_reason {
  color: #FF9800;
}
.emm_device_log_wrap .layout_log_btn_tit {
  white-space: unset;
}
.emm_device_log_wrap .emm_device_log_icon {
  margin-right: 11px;
}
.emm_device_log_wrap .emm_device_log_icon .iconfont {
  font-size: 18px;
}
.freeze_periods_wrap .ant-picker-header-view .ant-picker-year-btn {
  display: none;
}
.freeze_periods_wrap .ant-picker-header-super-prev-btn,
.freeze_periods_wrap .ant-picker-header-super-next-btn {
  display: none;
}
.zte_no_zolon_wrap {
  width: 100%;
  margin-right: 20px;
}
.zte_no_zolon_wrap .layout_flex_wrap {
  margin-bottom: 5px;
}
.zte_no_zolon_wrap .layout_flex_section {
  cursor: pointer;
  margin-top: 8px;
}
.zte_copy-btn .MuiButton-root {
  color: #262626;
}
.zte_copy-btn .MuiButton-root .MuiButton-icon {
  color: #63AF57;
}
.zte_no_zolon_tips_icon {
  width: 18px;
  height: 18px;
}
.no_zolon_help_tit_wrap {
  display: flex;
}
.no_zolon_help_tit_list {
  display: flex;
  width: 172px;
  flex-shrink: 0;
  margin-right: 16px;
  flex-direction: column;
}
.no_zolon_help_tit_list .button_com_wrap_basic {
  text-align: left;
  text-transform: capitalize;
  justify-content: flex-start;
}
.no_zolon_help_tit_list .button_com_wrap_basic.MuiButton-root {
  height: 36px;
  background: #F2F4F7;
  border-radius: 2px;
  color: #000;
  font-size: 12px;
}
.no_zolon_help_tit_list .button_com_wrap_basic.MuiButton-root.active {
  background: #63AF57;
  color: #fff;
}
.no_zolon_help_tit_list .button_com_wrap_basic + .button_com_wrap_basic {
  margin-top: 2px;
}
.no_zolon_help_tit_con {
  flex: 1;
  margin-left: 10px;
}
.zte_no_zolon_add .MuiButton-root {
  width: 100%;
  height: 160px;
  background: #F2F4F7;
  border-radius: 2px;
  margin-right: 25px;
}
.zte_no_zolon_add .MuiButton-root.button_com_wrap_basic {
  font-size: 16px;
}
.here_link_color {
  color: #63AF57;
  cursor: pointer;
}
.no_zolon_help_tit_item .no_zolon_help_txt {
  position: relative;
}
.no_zolon_help_tit_item .no_zolon_help_txt:before {
  position: absolute;
  top: 5px;
  left: -10px;
  margin-right: 12px;
  content: "";
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}
.no_zolon_help_tit_item .comp_label_item_tit {
  position: relative;
}
.no_zolon_help_tit_item .comp_label_item_tit:before {
  position: absolute;
  top: 5px;
  left: -10px;
  margin-right: 12px;
  content: "";
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}
.no_zolon_help_tit_item .comp_label_item_tit + .comp_label_item {
  margin-top: 5px;
}
.no_zolon_help_tit_item + .no_zolon_help_tit_item {
  margin-top: 20px;
}
.no_zolon_help_img_box {
  margin-top: 15px;
}
.no_zolon_help_img {
  width: 100%;
  height: 280px;
}
.enroll_device_tit.layout_tit_main {
  padding-top: 0;
}
.zte_img_popup .images_popup_pic {
  width: 1000px!important;
}
.emm_param_variable_main.layout_grow_main {
  margin-top: 0;
  padding-bottom: 30px;
}
.treebox_left_side {
  min-width: 108px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.treebox_left_side .btn_wrap_section {
  display: block;
  width: 34px;
  height: 34px;
  margin-right: 2px;
}
.treebox_left_side .treebox_left_btn.active {
  border-radius: 50%;
  background: rgba(99, 175, 87, 0.2);
}
.treebox_left_hide.btn_wrap_section {
  display: none;
}
.treebox_left_side .btn_wrap_section.active .icon-btn-screen:before {
  content: "\e714";
}
.treebox_left_side .iconfont {
  font-size: 15px;
  color: #63AF57;
}
.treebox_left_side .icon-search-delete {
  font-size: 14px;
  color: #0000008a;
}
.treebox_con_area {
  display: flex;
  width: 100%;
  height: 100%;
}
.treebox_top_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  min-width: 300px;
  height: 64px;
  padding: 0 10px 0 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #D3E0EA;
}
.treebox_left_area {
  position: static;
  flex-shrink: 0;
  background: #fff;
  height: 100%;
  width: 379px;
  bottom: 0;
  top: 0;
  border-right: 1px solid #D3E0EA;
  color: #262626;
}
.treebox_left_tit {
  font-size: 16px;
  color: #262626;
  font-weight: normal;
}
.treebox_left_tit .tip_comp_wrap.iconfont {
  vertical-align: middle;
}
.tree_con_area {
  height: calc(100% - 104px);
  padding: 20px 20px 20px 30px;
  overflow: auto;
}
.tree_con_case {
  position: relative;
  height: calc(100% - 64px);
  overflow: hidden;
}
.main_file_search.component_search {
  min-width: 36px;
}
.main_file_search .button_position_area .iconfont {
  font-size: 17px;
}
.tree_no_data {
  text-align: center;
  color: #262626;
}
.tree_no_data_tit {
  font-size: 20px;
  font-weight: normal;
}
.item_list_case.MuiMenuItem-root {
  font-family: inherit;
  font-size: 14px;
  color: #262626;
}
.terminal_group_main {
  width: 100%;
}
.terminal_group_main .terminal_con_box {
  padding-top: 0;
  padding-bottom: 30px;
}
.treebox_right_area {
  flex: 1;
  background: #f2f5f7;
  height: 100%;
  position: relative;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 3;
  overflow: hidden;
  overflow-x: auto;
}
.treebox_con_area.hide .treebox_right_area {
  margin-left: 0;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.treebox_con_area .title-container {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.treebox_con_area .treebox_left_area {
  transition: all 300ms;
}
.treebox_con_area.hide .treebox_left_area {
  width: 0;
  opacity: 0;
}
.profile_tips_wrap {
  margin-top: 15px;
}
.profile_table_section {
  height: 280px;
  overflow: hidden;
  overflow-y: auto;
}
.tr_app_box {
  max-width: 500px;
}
.tr_app_box .table_apk_tit {
  width: 100%;
}
.tr_app_box .table_apk_img {
  width: 20px;
  height: 20px;
}
.tr_app_box .table_apk_wrap {
  padding-bottom: 3px;
}
.tr_app_box .table_status_count_wrap {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
.tr_app_count {
  font-size: 20px;
  font-family: "number";
  color: #63AF57;
}
.tr_app_detail {
  display: block;
  margin: 3px 20px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.group_detail_box {
  display: flex;
  align-items: center;
}
.group_detail_box_tit {
  line-height: 30px;
  margin-right: 16px;
  color: #262626;
  font-size: 20px;
  white-space: normal;
  word-wrap: break-word;
  font-weight: normal;
  overflow: hidden;
}
.group_detail_box_tit + .status_label_basic {
  flex-shrink: 0;
}
.group_detail_list {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 32px;
}
.group_detail_item {
  display: flex;
  flex-direction: column;
  width: 25%;
}
.terminal_monitor_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 33.3333%;
  height: 145px;
}
.terminal_monitor_box .terminal_monitor_btn {
  width: 100%;
  padding: 6px 0;
  line-height: normal;
  box-sizing: border-box;
}
.group_terminal_wrap {
  position: relative;
}
.terminal_code_case.terminal_code_section .btn_con_box.MuiButton-root {
  margin-top: 10px;
}
.terminal_code_case.terminal_code_section .layout_flex_section {
  margin-top: 10px;
}
.terminal_code_case .layout_main_head_left {
  max-width: 100%;
}
.terminal_code_case .layout_main_head_right {
  flex: 1;
}
.terminal_layout_check.MuiFormControlLabel-root {
  margin-right: 10px;
}
.terminal_detail_box {
  padding-bottom: 30px;
}
.terminal_detail_custom_promotion {
  height: 0;
  position: relative;
  top: 0;
  overflow: visible !important;
  padding-right: 0 !important;
}
.terminal_detail_custom_promotion_container {
  padding: 10px 0px 0px;
}
.terminal_detail_label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  margin-right: 7px;
  position: relative;
}
.terminal_detail_section .terminal_detail_label + .terminal_detail_label:before {
  content: "/";
  margin-right: 7px;
}
.terminal_detail_title_status_con {
  position: relative;
  margin-left: 16px;
  vertical-align: top;
  font-size: 12px;
}
.terminal_detail_statusbox_section {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 35px;
  overflow: hidden;
}
.terminal_detail_tit_left {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.terminal_detail_title_txt {
  margin: 0 20px 5px 0;
  max-height: 80px;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: #fff;
  max-width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.terminal_detail_title_txt .click_able_wrap {
  font-size: inherit;
}
.terminal_detail_title_txt .click_able_wrap:hover {
  color: #eeff41;
}
.terminal_detail_title_txt .click_able_wrap:after {
  content: "";
}
.terminal_detail_title_case {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.terminal_con_case.layout_setting_case {
  flex-direction: column;
  padding: 30px;
}
.tree_group_case {
  margin-top: 16px;
}
.tree_group_case .MuiButton-root .MuiTouchRipple-child {
  background-color: rgba(0, 0, 0, 0.4);
}
.tree_section_case {
  padding-left: 16px;
}
.treebox_search_side {
  width: 34px;
  height: 34px;
  position: relative;
}
.treebox_search_box {
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  background: #fff;
  box-sizing: border-box;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform-origin: right;
}
.treebox_search_box .component_search .MuiInput-underline:before {
  bottom: -17px;
}
.treebox_search_box .component_search .default_search_ipt {
  width: 278px;
}
.treebox_search_box .component_search .default_search_ipt .MuiInput-underline:after {
  bottom: -17px;
}
.treebox_search_box .component_search .default_search_exd {
  width: 0;
}
.terminal_group_head.layout_head_tit_wrap {
  display: flex;
  justify-content: space-between;
}
.terminal_group_head.layout_head_tit_wrap .btn_wrap_section {
  margin: 0;
}
.terminal_detail_title_box {
  position: relative;
  padding: 15px 5px 38px 20px;
  min-height: 120px;
  height: auto;
  box-sizing: border-box;
  color: #fff;
  background: url("/admin/assets/img/terminal-detail-title-bg3.png") right center / contain no-repeat, url("/admin/assets/img/dark_background.png") center / cover no-repeat;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.terminal_detail_title_box.accessory_detail_header {
  margin-bottom: 20px;
  padding: 15px 20px 38px 20px;
  background: url("/admin/assets/img/accessory_bg.png") right center / contain no-repeat, url("/admin/assets/img/dark_background.png") center / cover no-repeat;
}
.terminal_detail_title_box.accessory_detail_header .layout_loader_small {
  color: #63AF57;
}
.terminal_detail_title_box.is_exist_accessory {
  min-height: 150px;
  background: url("/admin/assets/img/accessory_bg.png") right center / contain no-repeat, url("/admin/assets/img/dark_background.png") center / cover no-repeat;
}
.terminal_detail_title_box.is_exist_accessory .terminal_detail_title_txt {
  margin: 0 20px 0 0;
}
.terminal_detail_title_box.is_exist_accessory .terminal_detail_tit_left {
  flex-direction: row;
  align-items: center;
}
.terminal_detail_title_box.terminal_global_wrap_title {
  padding-right: 20px;
}
.terminal_traditional_title.terminal_traditional_title {
  background-image: unset;
}
.terminal_detail_title_wrap {
  background-image: url("/admin/assets/img/dark_background.png");
  background-size: cover;
}
.terminal_group_message .layout_app_detail_item {
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
}
.terminal_group_launcher {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.group_merchantname_box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.group_merchantname_wrap {
  color: #8c8c8c;
}
.group_merchantname_wrap .group_merchant_migrated {
  text-decoration: line-through;
}
.accessory_item_btn.MuiButton-root {
  width: 184px;
  height: 48px;
  background-size: 100% 100%;
  margin: 5px 6px 0 0;
  transition: 0.2s all linear;
  background-image: url("/admin/assets/img/accessory_default.png");
  color: #262626;
}
.accessory_item_btn.MuiButton-root:hover {
  background-image: url("/admin/assets/img/accessory_hover.png");
}
.accessory_item_btn.MuiButton-root.active {
  background-image: url("/admin/assets/img/accessory_on.png");
}
.accessory_item_btn.MuiButton-root.active .comp_label_item {
  color: rgba(0, 0, 0, 0.65);
}
.accessory_item_btn.MuiButton-root .comp_label_item {
  color: #fff;
}
.accessory_item_btn.MuiButton-root .layout_flex_wrap {
  width: 100%;
}
.accessory_item_btn.hasMore.MuiButton-root {
  width: 230px;
  height: 48px;
  background-size: 100% 100%;
}
.accessory_item_btn.hasMore.MuiButton-root .layout_flex_wrap {
  width: 100%;
  padding-right: 5px;
}
.accessory_item_wrap {
  display: flex;
  flex-wrap: nowrap;
}
.accessory_loading_wrap .circular_area {
  padding-top: 0;
}
.accessory_detail_main .layout_flex_section .btn_wrap_section + .btn_wrap_section {
  margin-left: 0;
}
.scan_mode_tit.edit_required:before {
  top: 3px;
}
.group_push_solution_btn.btn_con_box.MuiButton-root {
  margin-left: 24px;
  padding: 0 13px;
}
.group_push_solution_btn.MuiButton-root:hover {
  background-color: #CCEDFB;
}
.group_push_solution_btn:before {
  content: "";
  width: 1px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.15);
  display: block;
  position: absolute;
  left: 0;
  margin-left: -12px;
}
.acc_item_group {
  position: relative;
}
.acc_item_group .accessory_item_btn {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.acc_item_group .accessory_item_more {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  left: 10px;
}
.acc_item_group_ul {
  position: absolute;
  right: 5px;
  top: 55px;
  z-index: 999;
  background-color: #fff;
  padding: 0 10px 10px 10px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.acc_item_group_ul.hide {
  display: none;
}
.acc_item_group_li {
  width: 164px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  background-color: #F3F3F4;
  margin-top: 10px;
  cursor: pointer;
  padding: 10px;
  box-sizing: border-box;
}
.acc_item_group_li.active .comp_label_item {
  color: #fff;
}
.acc_item_group_li .comp_label_item {
  color: rgba(0, 0, 0, 0.6);
}
.acc_item_group_li .layout_flex_wrap {
  width: 100%;
}
.acc_item_group_li .acc_item_group_label {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.acc_item_label {
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.device_class_style {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  padding: 5px 0;
  margin-top: 10px;
}
.device_class_style img {
  display: block;
  width: 20px;
  margin-right: 5px;
}
.device_class_style .icon.icon-icon-btn-LastMonth {
  display: inline-block;
  transform: rotate(180deg);
  position: relative;
  font-size: 14px;
  top: 1px;
}
.device_claas_style {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.termianl_status_box_wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 16px;
  color: #a1ff92;
}
.termianl_status_box_wrap:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 14px;
  background: url("/admin/assets/img/terminal-detail-status.png") no-repeat;
  font-size: 14px;
}
.termianl_status_box_wrap.sub {
  color: #63AF57;
}
.termianl_status_box_wrap.sub:before {
  background: url("/admin/assets/img/terminal-detail-status-lite.png") no-repeat;
}
.termianl_status_box_wrap.simcard.active:before {
  background-position: -77px 0;
  width: 21px;
}
.termianl_status_box_wrap.simcard.default:before {
  background-position: -77px -14px;
  width: 21px;
}
.termianl_status_box_wrap.wifi:before {
  background-position: -53px 0;
  width: 19px;
}
.termianl_status_box_wrap.simSignal0:before {
  background-position: 0 -28px;
  width: 25px;
}
.termianl_status_box_wrap.simSignal1:before {
  background-position: -25px -28px;
  width: 25px;
}
.termianl_status_box_wrap.simSignal2:before {
  background-position: -50px -28px;
  width: 25px;
}
.termianl_status_box_wrap.simSignal3:before {
  background-position: -75px -28px;
  width: 25px;
}
.termianl_status_box_wrap.simSignal4:before {
  background-position: -100px -28px;
  width: 25px;
}
.termianl_status_box_wrap.ethernet:before {
  background-position: -53px -14px;
  width: 19px;
}
.termianl_status_box_wrap.terminal_data.default:before {
  background-position: -30px 0;
  height: 16px;
  top: -1px;
  width: 16px;
  margin-right: 6px;
}
.termianl_status_box_wrap.battery {
  height: 14px;
}
.termianl_status_box_wrap.battery.default:before {
  background-position: 0 0;
  margin-right: 6px;
}
.termianl_status_box_wrap.battery.active:before {
  background-position: 0 -14px;
  margin-right: 6px;
}
.termianl_status_box_wrap.battery.default .terminal_battery_box {
  height: 10px;
  background: #a1ff92;
  border-radius: 1px;
  position: absolute;
  left: 2px;
  top: 2px;
}
.termianl_status_box_wrap.inhousemessage:before {
  background-position: -150px -14px;
  width: 17px;
  margin-right: 6px;
}
.termianl_status_box_wrap.cloudmessage:before {
  background-position: -150px 0;
  width: 17px;
  margin-right: 6px;
}
.offline .termianl_status_box_wrap,
.unavailable .termianl_status_box_wrap {
  color: #a9aabd;
}
.offline .termianl_status_box_wrap:before {
  background-image: url("/admin/assets/img/terminal-detail-status2.png");
}
.termianl_status_box_wrap.mobile-5g:before,
.offline .termianl_status_box_wrap.mobile-5g:before {
  background: none;
  content: "5G";
  width: 19px;
  height: auto;
}
.termianl_status_box_wrap.mobile-4g:before,
.offline .termianl_status_box_wrap.mobile-4g:before {
  background: none;
  content: "4G";
  width: 19px;
  height: auto;
}
.termianl_status_box_wrap.mobile-3g:before,
.offline .termianl_status_box_wrap.mobile-3g:before {
  background: none;
  content: "3G";
  width: 19px;
  height: auto;
}
.termianl_status_box_wrap.mobile-2g:before,
.offline .termianl_status_box_wrap.mobile-2g:before {
  background: none;
  content: "2G";
  width: 19px;
  height: auto;
}
.termianl_status_box_wrap.unknown:before,
.offline .termianl_status_box_wrap.unknown:before {
  background: none;
  content: "NA";
  width: 19px;
  height: auto;
}
.offline .termianl_status_box_wrap.battery.default .terminal_battery_box {
  background: #A9AABD;
}
.click_able_wrap {
  font-size: 12px;
  margin-right: 7px;
  position: relative;
  cursor: pointer;
  transition: all 0.24s ease-out;
  color: #eeff41;
}
.click_able_wrap:after,
.click_able_txt:after {
  content: "/";
  display: inline-block;
  font-size: 12px;
  margin-left: 7px;
  opacity: 0.3;
}
.click_able_txt:last-of-type:after,
.click_able_wrap:last-of-type:after {
  display: none;
}
.click_able_txt {
  margin-right: 7px;
}
.terminal_datail_lastupdate {
  position: absolute;
  right: 66px;
  bottom: 10px;
  font-size: 12px;
  color: #fff;
  opacity: 0.6;
}
.terminal_case_wrap {
  padding-bottom: 40px;
}
.terminal_list_wrap {
  position: relative;
  min-width: 80px;
  text-align: right;
  display: inline-block;
  text-wrap: nowrap;
}
.terminal_list_unavailable {
  line-height: 20px;
  height: 22px;
  color: #262626;
  font-weight: 500;
}
.terminal_list_online {
  color: #63AF57;
  font-weight: 500;
}
.terminal_list_offline {
  color: #A9AABD;
  font-weight: 500;
}
.terminal_list_online:after,
.terminal_list_offline:after,
.terminal_list_unavailable:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 6px;
  vertical-align: middle;
  margin-top: -2px;
  background: url("/admin/assets/img/terminal-list-status.png") no-repeat;
}
.terminal_list_offline:after {
  background-position: -14px -14px;
}
.terminal_list_online:after,
.terminal_list_online.inhousemessage:after,
.terminal_list_unavailable.inhousemessage:after {
  background-position: left bottom;
}
.terminal_list_offline.inhousemessage:after {
  background-position: center bottom;
}
.terminal_list_unavailable:after {
  background-position: right top;
}
.terminal_detail_main {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.terminal_datail_btn_update.MuiFab-root {
  position: absolute;
  right: 16px;
  bottom: -10px;
  z-index: 1;
  background: #eeff41;
}
.terminal_datail_btn_update.MuiFab-root.Mui-focusVisible {
  box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.35), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  background: #63AF57;
}
.terminal_datail_btn_update.MuiFab-root.Mui-focusVisible.MuiFab-primary {
  color: #63AF57;
}
.terminal_datail_btn_update.MuiFab-root.Mui-focusVisible .iconfont {
  color: #fff;
}
.terminal_datail_btn_update.MuiFab-root:hover {
  background: #eeff41;
}
.terminal_datail_btn_update .iconfont {
  font-size: 24px;
  color: #63AF57;
}
.terminal_datail_btn_update.MuiFab-root.Mui-disabled {
  background: #eeeef2;
  cursor: not-allowed;
}
.terminal_datail_btn_update.MuiFab-root.Mui-disabled .iconfont {
  color: #9e9e9e;
}
.termianl_profile_wrap {
  position: relative;
}
.termianl_profile_whitelist {
  position: absolute;
  left: 0;
  top: 0;
}
.termianl_profile_empty {
  height: 36px;
}
.tradition_hardware_style {
  margin-top: 20px;
}
.product_types {
  padding-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.product_types .product_type {
  display: inline-block;
  margin-bottom: 15px;
}
.product_types .product_type button {
  text-transform: none;
  font-size: 12px;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.15);
  color: #262626;
}
.product_types .product_type button:hover {
  background-color: #d5d5d5;
}
.product_types .btn_wrap_section {
  margin-right: 10px;
  margin-left: 0;
}
.product_types .product_type.product_type_act button {
  color: #fff;
}
.terminal_tabs_content {
  display: flex;
  padding-top: 30px;
}
.terminal_tabs_content_left {
  flex: 1;
  margin-right: 20px;
  overflow: hidden;
}
.terminal_tabs_content_right {
  width: 350px;
  flex-shrink: 0;
}
.terminal_tabs_con_item {
  margin-bottom: 30px;
}
.terminal_detail_dashboard {
  display: flex;
  flex-wrap: nowrap;
  transition: all 0.24s ease-out 0.1s;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 4px;
}
.terminal_detail_promotion {
  position: absolute;
  right: 0;
  display: inline-block;
  font-size: 14px;
  margin-top: -10px;
}
.terminal_detail_dashboard_card {
  display: flex;
  position: relative;
  padding: 20px 0 20px 20px;
  background: #fff;
  box-sizing: border-box;
  min-height: 260px;
  transition: all 0.24s ease-out 0.1s;
  flex: 1;
  flex-basis: 61%;
  flex-shrink: 0;
  border-radius: 4px 0 0 4px;
}
.terminal_detail_dashboard_card .btn_wrap_section + .btn_wrap_section {
  margin-left: 0;
}
.terminal_detail_card_label {
  display: block;
  font-size: 14px;
  color: #262626;
  font-weight: 500;
}
.terminal_monitor_section {
  display: flex;
  flex-direction: column;
  width: calc(50% - 10px);
  height: calc(50% - 10px);
  background: #F3F3F4;
  border-radius: 8px;
  margin: 0 10px 10px 0;
  padding: 10px 15px;
  box-sizing: border-box;
  cursor: pointer;
}
.terminal_monitor_section.cpu:hover {
  background: rgba(50, 173, 230, 0.2);
}
.terminal_monitor_section.ram:hover {
  background: rgba(0, 122, 255, 0.15);
}
.terminal_monitor_section.battery:hover {
  background: rgba(52, 199, 89, 0.2);
}
.terminal_monitor_section.storage:hover {
  background: rgba(74, 110, 141, 0.15);
}
.terminal_monitor_section .layout_pie_txt:after {
  content: "\e6f9";
  display: inline-block;
  color: rgba(0, 0, 0, 0.35);
  transform: scale(0.9);
}
.terminal_monitor_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.terminal_monitor_icon.iconfont {
  font-size: 14px;
}
.terminal_monitor_icon.icon-RAM {
  background: rgba(0, 122, 255, 0.15);
  color: #007AFF;
}
.terminal_monitor_icon.icon-Battery {
  background: rgba(52, 199, 89, 0.2);
  color: #34C759;
}
.terminal_monitor_icon.icon-CPU {
  background: rgba(50, 173, 230, 0.2);
  color: #32ADE6;
}
.terminal_monitor_icon.icon-Storage {
  background: rgba(74, 110, 141, 0.15);
  color: #4A6E8D;
}
.terminal_monitor_wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.terminal_monitor_case {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  height: 100%;
}
.terminal_card_case {
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 120px;
  justify-content: space-between;
}
.terminal_card_case .layout_pie_wrap {
  height: 20px;
}
.terminal_card_case .layout_pie_wrap:before {
  width: 14px;
  height: 14px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #F3F3F4;
}
.terminal_card_case .layout_pie_svg_wrap {
  width: 20px;
  height: 20px;
}
.terminal_card_tit {
  line-height: 28px;
  text-align: left;
  font-family: number;
  font-size: 26px;
  color: #262626;
}
.terminal_card_tit em {
  font-size: 18px;
}
.terminal_monitor_btn.button_com_wrap_basic.MuiButton-root {
  text-transform: inherit;
}
.terminal_monitor_btn.button_com_wrap_basic.MuiButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.terminal_monitor_btn:hover .layout_pie_hover_txt {
  opacity: 1;
}
.terminal_section_wrap {
  display: flex;
  align-items: center;
  flex: 1;
}
.terminal_leaflet_refresh_btn {
  position: relative;
}
.terminal_section_bar {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 120px;
}
.terminal_section_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: normal;
}
.terminal_storage_bar_txt {
  font-size: 15px;
  font-weight: 500;
  color: #262626;
  text-transform: capitalize;
}
.terminal_storage_bar_subtxt {
  color: #8c8c8c;
  font-size: 12px;
}
.terminal_storage_bar_box {
  height: 4px;
  border-radius: 4px;
  background: rgba(74, 110, 141, 0.15);
}
.terminal_storage_bar_wrap {
  border-radius: 4px;
  height: 4px;
  background: #4A6E8D;
}
.terminal_detail_head_con {
  position: absolute;
  right: 20px;
  top: 30px;
  z-index: 500;
  display: flex;
  align-items: center;
  height: 40px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
}
.icon_radius_con .MuiButton-root.button_com_wrap_basic {
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  flex-shrink: 0;
}
.icon_radius_con + .btn_wrap_section {
  margin: 0;
  position: relative;
}
.terminal_storage_bar_tst {
  color: #63AF57;
}
.terminal_map_con {
  height: 100%;
}
.terminal_map_con .leaflet-popup-content {
  color: #63AF57;
}
.terminal_detail_nodata {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #8c8c8c;
  height: 250px;
  background: url("/admin/assets/img/map_place.png") no-repeat center center;
  background-size: cover;
}
.terminal_show_address_map {
  padding: 4px 0;
  z-index: 4000;
}
.terminal_box_debug {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 10px;
  padding: 0 16px;
  height: 44px;
  line-height: 44px;
  background: url("/admin/assets/img/UploadApk_Header_Image.png") no-repeat -4px -66px rgba(99, 175, 87, 0.2);
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 4px;
}
.terminal_box_debug_label {
  font-size: 12px;
  color: #8c8c8c;
}
.terminal_box_debug_txt {
  font-size: 16px;
  color: #262626;
  font-weight: 500;
}
.terminal_detail_wrap {
  padding: 20px;
  min-height: 310px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  border-radius: 4px;
}
.terminal_detail_show.btn_wrap_section {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.terminal_detail_show .icon-icon {
  font-size: 22px;
}
.terminal_detail_wrap .terminal_detail_case {
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.terminal_tempered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.terminal_detail_case {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.terminal_detail_case:first-child {
  min-height: 165px;
  flex-direction: column;
  padding-top: 0;
  border-top: 0;
}
.terminal_detail_case:first-child li.terminal_detail_item {
  justify-content: center;
  margin-bottom: 0;
  min-height: 165px;
}
.terminal_detail_case:first-child li.terminal_detail_item:last-child {
  position: absolute;
  right: -14px;
  top: -14px;
  bottom: 0;
  width: 165px;
  padding-right: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.terminal_detail_item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-right: 12px;
  margin-bottom: 22px;
  width: 50%;
  box-sizing: border-box;
}
.terminal_detail_item.full {
  width: 100%;
}
.terminal_detail_item .model_img_style {
  max-width: 165px;
}
.model_img_locked {
  position: absolute;
  width: 160px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.model_img_locked.locked_lang_en {
  background-image: url("/admin/assets/img/terminal_locked_en.png");
}
.model_img_locked.locked_lang_cn {
  background-image: url("/admin/assets/img/terminal_locked_cn.png");
}
.terminal_detail_item_label {
  margin-bottom: 3px;
  font-size: 12px;
  color: #8c8c8c;
}
.terminal_detail_item_label + .terminal_box_applist {
  margin-top: 10px;
}
.terminal_detail_item_txt {
  font-size: 14px;
  color: #262626;
  word-wrap: break-word;
  overflow: hidden;
}
.terminal_detail_item_txt.nowrap {
  display: inline-block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.terminal_key_status {
  display: block;
  width: 18px;
  height: 18px;
  background: url("/admin/assets/img/icons-terminal Log.png") no-repeat 50%;
  background-size: cover;
}
.terminal_detail_item_link {
  color: #00BCD4;
}
.terminal_detail_tabs_content {
  margin-top: 20px;
}
.terminal_box_applist {
  width: 100%;
}
.terminal_box_applist_wrap {
  width: 100%;
  max-height: 20px;
  transition: all 0.24s ease-out;
  overflow: hidden;
}
.terminal_box_sub_applist {
  display: flex;
  justify-content: space-between;
  line-height: 20px;
}
.terminal_detail_sub_txt {
  font-size: 12px;
  color: #262626;
}
.terminal_applist_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  margin-bottom: 2px;
  background: rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  overflow: hidden;
  transition: all 0.24s ease-out;
  flex-wrap: wrap;
}
.terminal_applist_wrap:hover {
  background: #eeeef2;
}
.terminal_applist_wrap:hover .terminal_box_applist_wrap {
  max-height: 200px;
  overflow: auto;
}
.terminal_applist_tit {
  line-height: 20px;
  margin-right: 16px;
  flex: 1;
  font-size: 14px;
  color: #262626;
  font-weight: normal;
  word-break: break-all;
}
.terminal_applist_txt {
  flex-shrink: 0;
  max-width: 160px;
  line-height: 18px;
  font-size: 12px;
  color: #8c8c8c;
}
.terminal_detail_group_wrap {
  margin-top: 26px;
}
.terminal_card_wrap {
  position: relative;
}
.terminal_traditional_puk_item {
  margin-top: 24px;
}
.terminal_traditional_puk_item .layout_main_head_adj {
  padding-bottom: 17px;
}
@keyframes rotate2 {
  0%,
  100% {
    top: 3px;
  }
  50% {
    top: 0px;
  }
}
.location_marker {
  width: 30px;
  position: relative;
  top: -35px;
  left: -10px;
}
.location_marker .location_marker_con {
  position: relative;
  width: 30px;
  height: 36px;
}
.location_marker .location_marker_con .location_marker_img {
  animation: rotate 1.2s ease-out infinite;
}
.location_marker .location_marker_con .location_marker_nm {
  animation: rotate2 1.2s ease-out infinite;
  position: absolute;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  color: #262626;
  background-color: rgba(110, 204, 57, 0.6);
  border: 3px solid rgba(110, 204, 57, 0.4);
  right: -10px;
  border-radius: 50%;
  font-size: 12px;
}
.hide_marker .location_marker {
  opacity: 0!important;
}
.custom-marker .custom-marker-t {
  margin-left: 0;
  margin-top: -60px;
  width: 25px;
  height: 30px;
  z-index: 1000210;
  opacity: 1;
  animation: rotate 1.2s ease-out infinite;
}
.custom-marker .custom-marker-m {
  width: 20px;
  margin-left: 2px;
  margin-top: -100px;
  animation: rotate 1.2s ease-out infinite;
}
.custom-marker .custom-marker-b {
  width: 25px;
  margin-left: -2px;
  margin-top: -80px;
  animation: shadow 1.2s ease-out infinite;
}
.terminal_dialog_map_box .leaflet-popup-content {
  color: #63AF57;
}
.terminal_tabs_con_style {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.terminal_tabs_con_style .layout_loader_small_new {
  margin: 0 20px;
}
.terminal_tabs_con_style .timezone_picker {
  width: auto!important;
  flex: 1;
}
.terminal_tabs_con_style input.MuiAutocomplete-input {
  width: 350px;
}
.terminal_detail_drawer .MuiPaper-root {
  width: 340px;
}
.terminal_detail_drawer .filter_drawer_con {
  padding-right: 8px;
}
.terminal_drawer_section {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.terminal_drawer_pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 175px;
  background: #F2F3F4;
  border-radius: 4px;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
}
.terminal_drawer_pic img {
  max-height: 90%;
}
.terminal_checkup_container {
  width: 100%;
  padding: 0 10px 10px 0;
  border-top-right-radius: 4px;
  box-sizing: border-box;
}
.terminal_checkup_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  color: #00000073;
  border-radius: 4px;
  font-size: 12px;
  box-sizing: border-box;
  cursor: pointer;
}
.terminal_checkup_box .terminal_checkup_area {
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.terminal_checkup_box .terminal_checkup_area .terminal_checkup_icon {
  width: 30px;
  height: 30px;
  background-image: url("/admin/assets/img/terminal_checkup_icon.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.terminal_checkup_box .terminal_checkup_area .terminal_checkup_title {
  font-weight: 600;
  font-size: 14px;
  color: #000000d9;
}
.terminal_checkup_box .terminal_checkup_area .terminal_checkup_arrow {
  color: #000000d9;
}
.terminal_checkup_box .terminal_checkup_area .terminal_checkup_data {
  height: 30px;
  line-height: 22px;
  font-family: number;
  font-weight: bold;
  font-size: 16px;
}
.terminal_checkup_box .terminal_checkup_area .terminal_checkup_data .terminal_checkup_abnormal_item {
  font-size: 24px;
}
.terminal_checkup_box .terminal_checkup_area .terminal_checkup_data .terminal_checkup_split {
  margin: 0 3px;
}
.terminal_checkup_box .terminal_checkup_area .terminal_checkup_data .terminal_checkup_total_item {
  margin-right: 5px;
}
.terminal_checkup_box .terminal_checkup_area .terminal_checkup_text {
  font-weight: bold;
}
.terminal_checkup_box.checkup_abnormal {
  background: #f35f251a;
}
.terminal_checkup_box.checkup_abnormal .terminal_checkup_abnormal_item {
  color: #f35f25;
}
.terminal_checkup_box.checkup_normal {
  background: #63af571a;
}
.terminal_checkup_box.checkup_normal .terminal_checkup_abnormal_item {
  color: #63af57;
}
.terminal_checkup_box.checkup_abnormal:hover {
  background: hsla(17, 90%, 55%, 0.15);
}
.terminal_checkup_box.checkup_normal:hover {
  background: hsla(112, 35%, 51%, 0.15);
}
.terminal_detail_area {
  display: flex;
  flex-direction: column;
  height: 310px;
  padding: 20px 10px 10px 10px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0 4px 4px 0;
  flex: 1;
  flex-basis: 39%;
  overflow: hidden;
}
.layout_tit_main.dialog_top_config_title {
  padding-top: 10px;
}
.checkup_info_dialog .checkup_info_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkup_info_dialog .checkup_info_box .checkup_info_full {
  display: flex;
  flex-direction: column;
}
.checkup_info_dialog .checkup_info_box .checkup_info_label {
  font-weight: 400;
  font-size: 12px;
  color: #00000073;
}
.checkup_info_dialog .checkup_info_box .checkup_info_value {
  font-weight: 400;
  font-size: 14px;
  color: #000000d9;
  margin-top: 10px;
}
.checkup_info_dialog .checkup_info_box .checkup_info_value.checkup_abnormal {
  color: #DB4437;
}
.checkup_info_dialog td.checkup_result_abnormal {
  color: #DB4437;
}
.checkup_info_dialog td.checkup_result_normal {
  color: #63af57;
}
.checkup_info_dialog .dialog_content_area {
  padding-top: 0;
}
.auto_lock_dialog .auto_lock_toggle {
  margin-left: 50px;
}
.auto_lock_dialog .comp_label_item.layout_config_txt {
  margin-top: 10px;
}
.auto_lock_dialog .auto_lock_warning {
  display: flex;
  margin-top: 10px;
}
.auto_lock_dialog .auto_lock_warning .auto_lock_warning_icon {
  color: #DB4437;
  margin: 2px 10px 0 0;
}
.auto_lock_dialog .auto_lock_warning .auto_lock_warning_desc {
  color: #DB4437;
  font-size: 12px;
}
.ignore_geofence_dialog .comp_label_item.layout_config_txt {
  margin-top: 10px;
}
.edit_terminal_radius_dialog .edit_terminal_radius_tip .confirm_box_txt {
  margin: 20px 0;
}
.edit_terminal_radius_dialog .edit_terminal_radius_content {
  min-height: 90px;
  margin: 10px 0;
}
.terminal_dialog_style.MuiDialog-root .MuiDialog-paper {
  width: 100%;
  max-width: 940px;
}
.terminal_apk_addbtn {
  display: inline-block;
  width: 100%;
}
.terminal_app_tit_subcon {
  font-size: 12px;
  color: #63AF57;
}
.terminal_app_parameter.layout_grow_main_con {
  margin-top: 10px;
}
.terminal_app_parameter_img.layout_img_wrap {
  margin-right: 7px;
  border-radius: 6px;
}
.terminal_app_list.layout_tit_main {
  padding-top: 0;
}
.terminal_apk_compare {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.terminal_apk_name {
  font-size: 14px;
  color: #262626;
  line-height: 20px;
  padding-top: 5px;
}
.terminal_apk_time {
  padding-bottom: 5px;
}
.terminal_apk_appname_max .MuiButton-root {
  display: inline-block;
  max-width: 100px;
}
.terminal_apk_developer_max {
  max-width: 120px;
  overflow: hidden;
}
.terminal_table_size {
  width: 50%;
}
.terminal_info_main .table_default_wrap thead .terminal_apk_tit th {
  padding-left: 10px;
  border-top: 2px solid #E6E8EA;
}
.terminal_info_main .table_default_wrap thead th:last-child {
  padding-left: 10px;
}
.terminal_info_main .layout_table_max {
  min-width: 100px;
  max-width: 110px;
  overflow: initial;
}
.terminal_info_main .terminal_last_value {
  padding-right: 20px;
}
.terminal_push_card_wrap.high_wrap {
  height: 140px;
}
.terminal_push_card_wrap.high_wrap .group_terminal_card_tit {
  margin-bottom: 8px;
}
.terminal_push_card_wrap .MuiButton-root.button_com_wrap_basic {
  text-transform: initial;
  padding-top: 15px;
}
.terminal_push_card_wrap .group_terminal_card_case {
  line-height: 22px;
}
.terminal_push_card_wrap .terminal_push_item_wrap {
  margin-right: 10px;
}
.terminal_push_card_wrap .group_terminal_card_tit {
  margin-bottom: 10px;
  line-height: 22px;
}
.terminal_push_card_wrap .group_card_field {
  line-height: 20px;
}
.terminal_push_task_label_wrap .layout_fir_item_label .comp_label_item_det {
  line-height: 20px;
}
.terminal_setting_rej.app_detail_view_item {
  line-height: 16px;
}
.terminal_setting_rej.app_detail_view_item .rej_box_txt {
  line-height: 16px;
}
.terminal_puk_list {
  position: relative;
  max-height: 700px;
  padding: 0 15px;
  margin-bottom: 10px;
  overflow: auto;
  background: #fff;
  box-sizing: border-box;
}
.terminal_puk_list .comp_label_item {
  width: 120px;
}
.terminal_puk_list .comp_label_item_det {
  text-align: right;
}
.terminal_puk_list .app_detail_view_item:last-child {
  border-bottom: none;
}
.terminal_setting_puk {
  display: flex;
  justify-content: center;
}
.terminal_puk_img {
  display: flex;
  align-items: flex-start;
  width: 128px;
  height: 128px;
  overflow: hidden;
}
.terminal_puk_img > img {
  width: 100%;
}
.terminal_control_button {
  margin-top: 16px;
}
.terminal_control_button .btn_wrap_section {
  display: block;
  margin-bottom: 10px;
}
.terminal_control_button .btn_wrap_section + .btn_wrap_section {
  margin-left: 0;
}
.time_pick_wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.time_pick_wrap .date_time_wrap:nth-child(1) .ant-picker-suffix:before {
  display: none;
}
.time_pick_wrap .timezone_rang_icon {
  padding-top: 0;
}
.terminal_usb_setting {
  margin-left: 5px;
}
.terminal_auto_custom .radio_root {
  margin-bottom: 17px;
}
.terminal_config_section {
  width: 100%;
  display: flex;
  align-items: center;
}
.terminal_config_section .layout_flex_wrap {
  flex: 1;
}
.terminal_config_section .icon_terminal_config {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #F2F4F7;
  color: #63AF57;
  font-size: 25px;
}
.setting_time_zone_style {
  padding: 10px 0 20px 0;
}
.time_zone_tips {
  line-height: 20px;
  font-size: 12px;
  color: #8c8c8c;
}
.product_list_wrap .layout_main_left {
  width: 100%;
  padding: 30px;
}
.product_list_wrap .layout_main_left .layout_fir_itemlist.MuiButton-root.button_com_wrap_basic {
  background: #F3F3F4;
  border-radius: 0;
}
.product_list_wrap .layout_main_left .layout_fir_itemlist .iconfont {
  color: #aab7c6;
  font-size: 32px;
}
.product_img_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-right: 8px;
  background: #fff;
  border-radius: 8px;
}
.product_img_wrap.active {
  background: rgba(0, 0, 0, 0.2);
}
.product_img_wrap.layout_img_wrap {
  width: 44px;
  height: 44px;
}

.status_label_code.status_label_success {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_maintainer {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_approved {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_trail {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_developer {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unavailable {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_inactive {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_failed {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_pending {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_pending_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_offline {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_online {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_rejected {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_active {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_active_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_fixed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_notfixed {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_own {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_registing {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_suspend {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_locked {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_disabled {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_deleted {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_paid {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unpaid {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_open {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_expired {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_draft {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_completed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_inprogress {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_succeed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_migrating {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_invalid {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_partail {
  color: #3366ff;
  background: #d6e0ff;
}
.status_label_code.status_label_enable {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_unknow {
  color: #262626;
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_all {
  background: #d8d8d8;
}
.btn_con_box.MuiButton-root.status_tab_code_orange {
  color: #FF9800;
}
.btn_con_box.MuiButton-root.status_tab_code_orange.bg {
  background: #ffeacc;
}
.btn_con_box.MuiButton-root.status_tab_code_green {
  color: #63AF57;
}
.btn_con_box.MuiButton-root.status_tab_code_green.bg {
  background: #e0efdd;
}
.btn_con_box.MuiButton-root.status_tab_code_grey {
  color: #A9AABD;
}
.btn_con_box.MuiButton-root.status_tab_code_grey.bg {
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_blue {
  color: #00BCD4;
}
.btn_con_box.MuiButton-root.status_tab_code_blue.bg {
  background: #ccf2f6;
}
.btn_con_box.MuiButton-root.status_tab_code_red {
  color: #DB4437;
}
.btn_con_box.MuiButton-root.status_tab_code_red.bg {
  background: #f8dad7;
}
.status_border {
  position: relative;
}
.status_border:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_unavailable {
  border-color: #A9AABD;
}
.status_border_active {
  border-color: #63AF57;
}
.status_border_online {
  border-color: #63AF57;
}
.status_border_offline {
  border-color: #A9AABD;
}
.status_border_pending {
  border-color: #FF9800;
}
.status_border_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_draft {
  border-color: #00BCD4;
}
.status_border_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_rejected {
  border-color: #DB4437;
}
.status_border_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_locked {
  border-color: #A9AABD;
}
.status_border_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_suspend {
  border-color: #A9AABD;
}
.status_border_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple {
  position: relative;
}
.status_border_simple:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_simple_unavailable {
  border-color: #A9AABD;
}
.status_border_simple_active {
  border-color: #63AF57;
}
.status_border_simple_online {
  border-color: #63AF57;
}
.status_border_simple_offline {
  border-color: #A9AABD;
}
.status_border_simple_pending {
  border-color: #FF9800;
}
.status_border_simple_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_draft {
  border-color: #00BCD4;
}
.status_border_simple_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_rejected {
  border-color: #DB4437;
}
.status_border_simple_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_locked {
  border-color: #A9AABD;
}
.status_border_simple_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend {
  border-color: #A9AABD;
}
.status_border_simple_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple:after {
  display: none;
  background: none;
}
.dashboard_default_widget {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 20px;
}
.dashboard_widget_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 56px;
  transition: all 0.24s ease-out;
}
.dashboard_widget_con {
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
}
.dashboard_widget_section {
  display: flex;
  align-items: center;
  padding-right: 100px;
  overflow: hidden;
}
.dashboard_widget_tit {
  flex: 1;
  font-size: 16px;
  color: #262626;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
  box-sizing: border-box;
}
.dashboard_editable_column {
  padding: 10px;
  margin: 20px 0 0 0;
  background: #e9eff4;
  border: 1px dotted #d3e0ea;
  min-height: 300px;
  transition: all 0.24s ease-out;
}
.dashboard_editable_column .dashboard_widget_header {
  cursor: move;
}
.dashboard_editable_column .dashboard_widget_header:hover {
  background: #E6E9ED;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.dashboard_droppable_column {
  background-color: #d3e0ea;
  border: 1px dotted #5b5f98;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.dashboard_widget_action {
  flex-shrink: 0;
}
.dashboard_case_section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.dashboard_drawer_wrap .MuiDrawer-paper {
  width: 320px;
}
.promotion-container-dashboard {
  padding-right: 38px;
  width: 100%;
}
.promotion-container-outclass {
  position: relative;
  height: 20px;
  width: 100%;
}
.promotion-container-rootclass.promotion-container-rootclass.promotion-container-rootclass {
  position: absolute;
  width: 100%;
  background: #f2f4f7;
  box-sizing: border-box;
  width: calc(100% - 10px);
  padding-right: 28px;
}
.dashboard_drawer_tit {
  line-height: 64px;
  font-size: 18px;
  color: #262626;
  background: #f2f5f7;
  border-bottom: 1px solid #E6E8EA;
  text-align: center;
  font-weight: normal;
}
.dashboard_drawer_main {
  padding: 20px;
}
.dashboard_checkbox_wrap.MuiButton-root {
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 10px auto;
  padding: 10px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #E6E8EA;
}
.dashboard_checkbox_wrap.MuiButton-root:hover {
  border: 1px solid currentColor;
  background: #fff;
}
.dashboard_checkbox_wrap.MuiButton-root .comp_label_item {
  flex: 1;
  overflow: hidden;
  color: currentColor;
  text-align: left;
}
.dashboard_widget_icon {
  margin-right: 10px;
}
.dashboard_box_scan_tmp {
  height: 25px;
}
.dashboard_insight_container {
  width: 100%;
  overflow: auto;
  padding: 0 30px;
  box-sizing: border-box;
}
.dashboard_drawer_case .MuiDrawer-paper {
  width: 240px;
}
.dashboard_drawer_case .dashboard_drawer_main {
  padding: 30px;
}
.dashboard_layout_icon {
  width: 100%;
  height: 112px;
  margin-bottom: 20px;
  cursor: pointer;
}
.dashboard_layout_icon.MuiButton-root {
  margin-bottom: 20px;
}
.dashboard_layout_icon:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  transform: translate3d(0, -2px, 0);
}
.dashboard_one {
  background: url("/admin/assets/img/dashboard-layout-1.png") no-repeat center;
}
.dashboard_two {
  background: url("/admin/assets/img/dashboard-layout-2.png") no-repeat center;
}
.dashboard_three {
  background: url("/admin/assets/img/dashboard-layout-3.png") no-repeat center;
}
.dashboard_four {
  background: url("/admin/assets/img/dashboard-layout-4.png") no-repeat center;
}
.dashboard_box_con {
  padding: 0;
  overflow: auto;
}
.dashboard_box_con :nth-child(1) .dashboard_editable_column {
  margin-top: 0;
}
.dashboard_case_wrap .row {
  margin: 0 -8px;
}
.dashboard_case_wrap .row > div {
  transition: all 0.24s ease-out;
  padding: 0 8px;
}
.dashboard_case_wrap .defaultWidgetFrameHeader span.title {
  line-height: 54px !important;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
}
.dashboard_case_wrap .defaultWidgetFrameContainer {
  height: 200px;
}
.defaultWidgetFrameHeader {
  height: 56px;
  border-bottom: 0;
  padding-right: 200px;
}
.dashboard_axis_selector.MuiFormControl-root {
  position: absolute;
  top: 13px;
  right: 115px;
}
.dashboard_stacked_bar {
  position: relative;
  height: 260px;
  overflow: auto;
}
.dashboard_chart_addon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px 10px 0 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  pointer-events: none;
}
.dashboard_addon_item {
  display: flex;
  align-items: center;
  margin-bottom: 31px;
  color: #262626;
}
.dashboard_addon_pic {
  margin-right: 3px;
}
.dashboard_addon_name {
  flex: 1 1 0;
  margin-right: 10px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard_addon_value {
  flex: 0 0 auto;
  font-size: 14px;
  font-family: "Number";
}
.dashboard_tooltip_label {
  display: block;
  margin-bottom: 10px;
}
.dashboard_tooltip_value {
  display: flex;
  align-items: center;
  color: #262626;
}
.dashboard_tooltip_value.half {
  display: inline-flex;
  margin-right: 30px;
}
.dashboard_tooltip_len {
  display: flex;
  align-items: center;
}
.dashboard_tooltip_len .recharts-surface {
  margin-right: 4px;
  border-radius: 2px;
}
.dashboard_tooltip_case {
  display: flex;
  align-items: center;
}
.dashboard_tooltip_txt {
  font-size: 16px;
  margin-left: 16px;
}
.dashboard_legend_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  overflow: hidden;
}
.dashboard_legend_item {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.dashboard_legend_item .comp_label_item {
  margin-left: 8px;
}
.dashboard_dig_case {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  box-sizing: border-box;
  overflow: hidden;
}
.dashboard_dig_case .dashboard_main_card {
  min-width: auto;
  padding-top: 12px;
  box-sizing: border-box;
  height: 130px;
  box-shadow: 1px 1px 0 0 rgba(198, 211, 220, 0.41);
  border: none;
}
.dashboard_dig_case .dashboard_main_card .layout_main_head {
  padding-bottom: 30px;
}
.dashboard_sel_case.MuiFormControl-root {
  margin-right: 40px;
}
.dashboard_con_case {
  height: 260px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.dashboard_con_case .layout_setting_case {
  height: 100%;
  overflow: hidden;
}
.dashboard_con_case tbody tr:nth-child(1) .dashboard_top_txt,
.dashboard_con_case tbody tr:nth-child(2) .dashboard_top_txt,
.dashboard_con_case tbody tr:nth-child(3) .dashboard_top_txt {
  font-size: 14px;
  color: #FF9800;
}
.dashboard_summary_con {
  display: flex;
  height: 240px;
  overflow: auto;
  margin-top: 20px;
}
.accessory_summary_con.dashboard_summary_con {
  overflow: initial;
  margin-top: 0;
}
.accessory_summary_con .dashboard_pie_num_left {
  display: none;
}
.accessory_summary_con .dashboard_pie_wrap {
  width: 50%;
}
.dashboard_summary_box {
  min-width: 450px;
  text-align: center;
}
.dashboard_summary_box.dashboard_emm_summary {
  position: relative;
  border-left: 1px dashed #E6E8EA;
}
.dashboard_summary_box.dashboard_emm_summary_noline {
  position: relative;
}
.dashboard_summary_box .dashboard_emm_summary_title {
  position: absolute;
  color: #000000d9;
  left: 20px;
}
.col-md-12.col-sm-12.col-xs-12 .dashboard_summary_con {
  justify-content: center;
}
.insight_dashboard_promotion_container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 6px;
}
.dashboard_pie_wrap {
  position: relative;
  width: 100%;
}
.dashboard_pie_num_wrap {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.dashboard_pie_num_left {
  width: 277px;
  flex-shrink: 0;
}
.dashboard_pie_num_right {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dashboard_pie_num_right .comp_label_item_tit {
  font-family: Number;
}
.dash_box_btn.btn_wrap_section .Mui-focusVisible.MuiIconButton-root {
  opacity: 1;
}
@media screen and (min-width: 1599px) {
  .dashboard_case_wrap .row {
    justify-content: space-between;
  }
  .dashboard_case_wrap .row > div {
    flex-basis: 33.33333%;
    flex-grow: 1;
  }
}
/*! from bootstrap v3.3.7 */
.row {
  margin-left: 20px;
  margin-right: 20px;
  box-sizing: border-box;
  display: flex;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  flex-grow: 0;
  flex-shrink: 1;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
  flex-basis: 100%;
}
.col-xs-11 {
  flex-basis: 91.66666667%;
  width: 91.66666667%;
}
.col-xs-10 {
  flex-basis: 83.33333333%;
  width: 83.33333333%;
}
.col-xs-9 {
  flex-basis: 75%;
  width: 75%;
}
.col-xs-8 {
  flex-basis: 66.66666667%;
  width: 66.66666667%;
}
.col-xs-7 {
  flex-basis: 58.33333333%;
  width: 58.33333333%;
}
.col-xs-6 {
  flex-basis: 50%;
  width: 50%;
}
.col-xs-5 {
  flex-basis: 41.66666667%;
  width: 41.66666667%;
}
.col-xs-4 {
  flex-basis: 33.33333333%;
  width: 33.33333333%;
}
.col-xs-3 {
  flex-basis: 25%;
  width: 25%;
}
.col-xs-2 {
  flex-basis: 16.66666667%;
  width: 16.66666667%;
}
.col-xs-1 {
  flex-basis: 8.33333333%;
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
/* XY轴线 */
.recharts-cartesian-axis-line {
  stroke: #E6E8EA !important;
}
.recharts-cartesian-grid-horizontal line {
  stroke: #E6E8EA !important;
}
.recharts-cartesian-axis-tick text {
  fill: #8c8c8c !important;
  font-size: 12px;
  line-height: 22px;
}
/* XY坐标文字连线 */
.recharts-cartesian-axis-tick-line {
  opacity: 0;
}
.recharts-default-tooltip,
.recharts-tooltip-wrapper {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  padding: 10px;
  max-width: 500px;
  word-break: break-all;
  z-index: 10;
}
.recharts-default-tooltip p,
.recharts-tooltip-wrapper p {
  font-size: 11px;
  margin: 0;
  padding: 0;
  color: #8c8c8c;
}
.recharts-tooltip-item-name,
.recharts-tooltip-wrapper p em {
  display: block !important;
  font-size: 18px !important;
  font-family: "number";
  line-height: 32px;
}
.recharts-tooltip-item-value {
  display: block !important;
  font-size: 18px !important;
  color: #00BCD4 !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
}
.recharts-responsive-container > div:last-child > div:last-child div {
  display: none;
}
.recharts-tooltip-cursor {
  fill: rgba(0, 0, 0, 0.05) !important;
}
.recharts-default-legend {
  white-space: nowrap;
  overflow: hidden;
}
/* piechart */
.report-piechart-legend .recharts-legend-item {
  margin: 6px 0;
  width: 260px;
  position: relative;
  padding-right: 46px;
  box-sizing: border-box;
  word-break: break-all;
  padding-left: 20px;
}
.report-piechart-legend .recharts-legend-item-text {
  font-size: 12px;
}
.report-piechart-legend .recharts-legend-item svg {
  margin-right: 10px !important;
  position: absolute;
  left: 0;
  top: 3px;
}
.report-piechart-legend .recharts-legend-item em {
  text-align: right;
  position: absolute;
  right: 0;
  top: 4px;
  font-family: "number";
  font-size: 16px;
}
.recharts-legend-item {
  color: #262626;
}
.inactive_right_style {
  height: 40px;
  margin-top: 12px;
  border-right: 1px solid #E6E8EA;
}
.bigScreenContainerWrap {
  min-height: calc(100% - 39px);
  overflow-y: auto;
  overflow-x: hidden;
}
#bigScreenContainer {
  position: relative;
}
.insight_foot {
  position: relative;
  z-index: 10;
}

.status_label_code.status_label_success {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_maintainer {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_approved {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_trail {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_developer {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unavailable {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_inactive {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_failed {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_pending {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_pending_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_offline {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_online {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_rejected {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_active {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_active_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_fixed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_notfixed {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_own {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_registing {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_suspend {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_locked {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_disabled {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_deleted {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_paid {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unpaid {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_open {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_expired {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_draft {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_completed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_inprogress {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_succeed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_migrating {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_invalid {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_partail {
  color: #3366ff;
  background: #d6e0ff;
}
.status_label_code.status_label_enable {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_unknow {
  color: #262626;
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_all {
  background: #d8d8d8;
}
.btn_con_box.MuiButton-root.status_tab_code_orange {
  color: #FF9800;
}
.btn_con_box.MuiButton-root.status_tab_code_orange.bg {
  background: #ffeacc;
}
.btn_con_box.MuiButton-root.status_tab_code_green {
  color: #63AF57;
}
.btn_con_box.MuiButton-root.status_tab_code_green.bg {
  background: #e0efdd;
}
.btn_con_box.MuiButton-root.status_tab_code_grey {
  color: #A9AABD;
}
.btn_con_box.MuiButton-root.status_tab_code_grey.bg {
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_blue {
  color: #00BCD4;
}
.btn_con_box.MuiButton-root.status_tab_code_blue.bg {
  background: #ccf2f6;
}
.btn_con_box.MuiButton-root.status_tab_code_red {
  color: #DB4437;
}
.btn_con_box.MuiButton-root.status_tab_code_red.bg {
  background: #f8dad7;
}
.status_border {
  position: relative;
}
.status_border:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_unavailable {
  border-color: #A9AABD;
}
.status_border_active {
  border-color: #63AF57;
}
.status_border_online {
  border-color: #63AF57;
}
.status_border_offline {
  border-color: #A9AABD;
}
.status_border_pending {
  border-color: #FF9800;
}
.status_border_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_draft {
  border-color: #00BCD4;
}
.status_border_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_rejected {
  border-color: #DB4437;
}
.status_border_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_locked {
  border-color: #A9AABD;
}
.status_border_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_suspend {
  border-color: #A9AABD;
}
.status_border_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple {
  position: relative;
}
.status_border_simple:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_simple_unavailable {
  border-color: #A9AABD;
}
.status_border_simple_active {
  border-color: #63AF57;
}
.status_border_simple_online {
  border-color: #63AF57;
}
.status_border_simple_offline {
  border-color: #A9AABD;
}
.status_border_simple_pending {
  border-color: #FF9800;
}
.status_border_simple_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_draft {
  border-color: #00BCD4;
}
.status_border_simple_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_rejected {
  border-color: #DB4437;
}
.status_border_simple_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_locked {
  border-color: #A9AABD;
}
.status_border_simple_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend {
  border-color: #A9AABD;
}
.status_border_simple_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple:after {
  display: none;
  background: none;
}
.user_max_email .comp_label_item_det {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user_pop_tit_box.layout_def_tit {
  font-size: 20px;
}
.user_roles_sty {
  margin-top: 10px;
}
.user_market_sty {
  margin-top: 20px;
}
.user_markets_li_sty {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.user_markets_li_sty .layout_img_wrap {
  margin-right: 10px;
}
.merchant_list_container .merchant_list_content {
  max-height: 400px;
  overflow-y: auto;
}
.apk_param_temp_con {
  position: relative;
  padding-bottom: 20px;
  padding-top: 10px;
}
.apk_param_temp_footer {
  padding: 10px 20px 0 0;
}
.apk_param_title_main {
  position: relative;
  padding: 20px 10px 20px 20px;
  height: 120px;
  box-sizing: border-box;
  color: #fff;
}
.apk_param_title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.apk_param_title_box .btn_wrap_icon {
  flex-shrink: 0;
}
.apk_param_title_bot {
  flex: 1;
  overflow: hidden;
}
.apk_param_detail_label {
  font-size: 12px;
  color: #d7d7e0;
}
.apk_param_detail_tit {
  line-height: 21px;
  margin-right: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.apk_param_detail_tit.group_rki_tit {
  margin-top: 10px;
}
.apk_param_detail_con {
  width: 100%;
  min-height: 450px;
  flex-shrink: 0;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  overflow: hidden;
}
.apk_param_case .layout_app_detail_item {
  width: 50%;
  margin-bottom: 16px;
  overflow: hidden;
}
.apk_param_case .layout_app_detail_item .comp_label_item_det {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apk_param_tab_con {
  padding: 20px 20px 0;
}
.apk_param_file_box {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 10px;
  margin: 0 -20px;
  border-top: 1px solid #E6E8EA;
}
.apk_param_file_list {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.apk_param_file_item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.apk_file_item_txt {
  flex: 1;
  overflow: hidden;
  line-height: 20px;
  font-size: 14px;
  color: #262626;
  word-wrap: break-word;
}
.apk_param_box_head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 58px;
  padding: 0 10px;
  background: #e9edf5;
  box-sizing: border-box;
}
.apk_param_temp_item.MuiButton-root.button_com_wrap_basic {
  padding: 8px 0;
  text-align: left;
  text-transform: inherit;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.apk_param_temp_item.MuiButton-root.button_com_wrap_basic:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.apk_param_temp_item:hover .apk_param_temp_case + .btn_wrap_icon {
  visibility: visible;
}
.apk_param_temp_icon {
  width: 44px;
  flex-shrink: 0;
  font-size: 23px;
  color: #8c8c8c;
}
.apk_param_temp_icon:before {
  position: relative;
  left: 16px;
  top: 0;
}
.apk_param_temp_case {
  flex: 1;
  overflow: hidden;
  margin-right: 10px;
}
.apk_param_temp_case + .btn_wrap_icon {
  flex-shrink: 0;
  visibility: hidden;
}
.apk_param_temp_case .comp_label_item_tit {
  font-size: 16px;
}
.apk_param_temp_txt {
  line-height: 22px;
}
.app_config_case_box.layout_case_wrap {
  padding-top: 20px;
}
.apk_param_dialog_box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.apk_param_dialog_section {
  width: calc(50% - 15px);
}
.apk_param_left {
  flex-shrink: 0;
  width: 330px;
  margin-right: 20px;
  align-self: flex-start;
}
.apk_param_right {
  flex: 1;
  align-self: flex-start;
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: 8px;
}
.app_admin_detail_head {
  display: flex;
  margin-bottom: 12px;
  border-radius: 4px;
}
.app_admin_detail_head.app_detail_head {
  padding: 20px;
}
.app_admin_detail_head .app_detail_head_right {
  width: 240px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
.app_admin_detail_head .app_promotion_container {
  position: absolute;
  width: 500px;
  text-align: right;
  top: 150px;
}
.app_admin_detail_head .app_detail_dev_list .layout_app_detail_item {
  width: 25%;
  padding-right: 10px;
  box-sizing: border-box;
}
.app_admin_detail_head .app_detail_head_con {
  width: 100%;
  margin-top: 30px;
}
.app_admin_detail_head .app_detail_head_shrink_margin {
  margin-top: 10px;
}
.app_status_icon .status_label_basic {
  height: 15px;
}
.app_status_icon .icon_root {
  margin-right: 5px;
}
.app_tit_secondary.layout_tit_main {
  justify-content: space-between;
  margin-bottom: 15px;
}
.app_rej_case .rej_box_wrap {
  margin-bottom: 10px;
}
.app_con_case.layout_setting_case {
  flex-direction: column;
  padding: 20px 30px;
}
.apk_scan_head {
  padding: 15px 20px 0;
  margin-bottom: 20px;
  background: #f2f5f7;
  border: 1px solid #E6E8EA;
}
.apk_scan_head .layout_apk_img_txt {
  margin-bottom: 10px;
}
.apk_scan_result .status_label_code {
  font-size: 18px;
}
.apk_scan_case {
  display: flex;
  justify-content: space-between;
}
.apk_scan_case .market_static_item {
  width: 100%;
}
.apk_scan_wrap {
  width: calc(50% - 10px);
}
.apk_scan_wrap .dashboard_box_wrap {
  height: 171px;
  box-sizing: border-box;
}
.apk_scan_wrap .market_static_item {
  width: 100%;
  padding: 12px 15px;
  box-sizing: border-box;
}
.apk_scan_wrap .market_static_item + .market_static_item {
  margin-top: 15px;
}
.app_scan_bot {
  display: flex;
  align-items: center;
}
.app_scan_bot .comp_label_item {
  margin-left: 5px;
}
.app_apv_dialog_sel {
  margin-top: 10px;
}
.app_merchant_case .layout_case_wrap {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: -2px;
}
.apk_param_detail.layout_box_detail {
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 70px;
  box-sizing: border-box;
}
.app_list_noborder.app_btn_item {
  border: none;
}
.apk_signature_tab.MuiTab-root {
  overflow: initial;
}
.apk_signature_tab .apk_signature_cirle {
  display: inline-block;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -20px;
  top: 6px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #f8dad7;
  color: #DB4437;
  font-size: 12px;
}
.apk_refresh_btn {
  position: absolute;
  right: 10px;
  top: 5px;
}
.app_service_introduction {
  line-height: 22px;
  margin-top: 20px;
}
.app_offline_text {
  display: flex;
  align-items: center;
}
.app_offline_text .status_label_code {
  margin-left: 8px;
}
.industry_app_head.layout_app_tit_wrap {
  flex-direction: row;
  justify-content: space-between;
}
.industry_head_list .layout_app_detail_item {
  width: 20%;
  margin: 10px 0;
}
.app_solution_price {
  display: flex;
  flex-direction: column;
}
.app_solution_price .comp_label_item {
  margin-bottom: 5px;
}
.app_solution_price .comp_label_det_txt {
  font-family: "number";
  color: #FF9800;
  font-weight: 400;
}
.edit_attribution_wrap .layout_app_item_tit_wrap {
  width: 100%;
}
.edit_attribution_wrap .layout_app_item_tit_wrap .layout_app_item_tit {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edit_attribution_wrap .comp_label_ellipsis {
  width: initial;
  max-width: 100%;
}
.emm_app_dialog_warp.layout_setting_case {
  padding: unset;
}
.emm_app_dialog_warp .layout_tit_main {
  margin-bottom: 15px;
}
.emm_app_list_item.layout_fir_itemlist.MuiButton-root.button_com_wrap_basic {
  background: #F3F3F4;
}
.emm_app_list_item.layout_fir_itemlist.MuiButton-root.button_com_wrap_basic:hover {
  background: #EBEBEB;
}
.emm_add_application_btn.MuiButton-contained {
  margin-left: 10px;
  color: #fff;
  background: #63AF57;
}
.emm_add_application_btn.MuiButton-contained:hover {
  background: #60A954;
}
.emm_app_detail_head {
  margin-bottom: 12px;
}
.emm_app_detail_head .emm_app_detail_icon_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.emm_app_detail_head .emm_app_detail_icon_wrap .layout_img_wrap {
  width: 60px;
  height: 60px;
}
.emm_app_detail_head .emm_app_detail_icon_wrap .layout_item_main {
  padding-left: 10px;
}
.emm_app_detail_head .emm_app_detail_icon_wrap .layout_item_main .layout_config_tit {
  font-size: 20px;
}
.emm_app_detail_head .emm_app_detail_icon_wrap .layout_fir_item_label .comp_label_det_txt {
  margin-left: unset;
  font-size: 14px;
}
.emm_app_detail_head .emm_app_detail_list {
  padding-top: 20px;
  border-top: 1px solid #E6E8EA;
}
.emm_app_detail_head .emm_app_detail_list .layout_app_detail_item {
  width: 20%;
  margin: 10px 0;
}
.emm_app_info.layout_config_code_wrap {
  min-width: unset;
  border-top: unset;
  background-color: #fff;
  padding: 0 30px 30px;
  margin-top: 20px;
}
.emm_app_info .layout_config_code_case {
  width: 100%;
}
.emm_app_info .emm_app_shot_border {
  padding-top: 5px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E6E8EA;
  overflow: hidden;
  overflow-x: auto;
}
.emm_app_info .emm_app_shot_border .emm_app_screenshot_container {
  display: flex;
  min-width: 715px;
}
.emm_app_info .emm_app_shot_border .emm_app_screenshot_container .screenshot_item_wrap {
  width: 225px;
  height: 400px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  box-sizing: border-box;
  background-color: #F2F4F7;
}
.emm_app_info .emm_app_shot_border .emm_app_screenshot_container .screenshot_item_wrap .screenshot_item {
  max-width: 100%;
  max-height: 100%;
}
.emm_app_info .comp_label_item {
  font-size: 14px;
}
.emm_app_managed_wrap {
  background-color: #fff;
  padding: 0 30px 30px;
  margin-top: 20px;
}
.app_sp_case {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  vertical-align: bottom;
}
.no_line_tip {
  color: #000000d9;
  border-bottom: none;
  margin-top: 0px;
}
.app_price_or_text .comp_label_item_det,
.app_price_or_text .comp_label_item_det.layout_app_item_con {
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app_price_or_text .comp_label_item_det:hover,
.app_price_or_text .comp_label_item_det.layout_app_item_con:hover {
  cursor: default;
}
.report_img_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  position: relative;
  margin-right: 8px;
  content: "";
  background: #f2f5f7;
}
.report_cat_terminal,
.report_cat_system {
  width: 32px;
  height: 32px;
  display: block;
  background: url("/admin/assets/img/setting-menu-image.png") no-repeat;
}
.report_cat_system {
  background-position: 0 -224px;
}
.report_cat_terminal {
  background-position: 0 -545px;
}
.report_case_box_wrap {
  overflow: hidden;
}
.report_case_box_wrap .search_filter_touch {
  z-index: 101;
}
.report_case_box_wrap .layout_def_tit {
  margin-top: 20px;
}
.report_case_box_wrap .layout_picker_wrap .layout_app_item_tit_wrap > .comp_label_item {
  margin-bottom: 0;
  line-height: 13px;
}
.report_table_case .MuiInputBase-input {
  padding: 0;
}
.report_table_case .MuiInputBase-root.Mui-disabled .Mui-disabled {
  font-size: 12px;
}
.report_audit_img {
  margin-right: 20px;
}
.report_audit_img.audit_type_box {
  position: relative;
}
.report_audit_img.audit_type_box:before {
  left: 0;
  top: 0;
}
.report_left_con.layout_setting_left {
  width: 400px;
  padding-right: 20px;
}
.audit_type_case {
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #E6E8EA;
}
.report_box_relative {
  position: relative;
}
.loading_sty {
  margin-top: 50px;
}
.asset_dialog_rej_box.rej_box_wrap {
  margin-bottom: 10px;
}
.role_list_main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.role_list_item {
  width: 33%;
  height: 530px;
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #D3E0EA;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
}
.role_list_item:last-child:nth-child(3n - 1) {
  margin-right: calc(33% + 1% / 2);
}
.role_tit_box {
  width: 100%;
  height: 100px;
  padding: 10px 20px 0;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #D3E0EA;
}
.role_tit_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.role_list_tit {
  position: relative;
  max-width: calc(100% - 90px);
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.role_list_txt {
  position: relative;
  left: -23px;
  font-size: 68px;
  word-break: keep-all;
  white-space: nowrap;
  color: #fff;
  opacity: 0.06;
  font-style: italic;
  text-transform: uppercase;
}
.role_tit_section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.role_tit_section .main_file_search.component_search {
  position: relative;
  right: 0;
  min-width: 40px;
  height: 40px;
  color: inherit;
  background: currentColor;
}
.role_tit_section .component_search .button_position_area {
  width: 40px;
  height: 40px;
}
.role_tit_section .component_search .default_search_ipt {
  width: 260px;
}
.role_tit_section .component_search .default_search_exd {
  width: 0;
}
.role_tit_section .component_search .default_search_ipt .MuiInput-underline:after,
.role_tit_section .component_search .MuiInput-underline:hover:not(.Mui-disabled):before {
  border-color: #fff;
}
.role_tit_section .component_search .default_search_ipt .MuiInputBase-input {
  box-sizing: border-box;
  height: 35px;
}
.role_tit_section .iconfont,
.role_tit_section .component_search .button_position_area .iconfont,
.role_tit_section .component_search .default_search_ipt .MuiInputBase-input {
  color: #fff;
}
.role_tit_section .search_remove_position {
  top: 3px;
}
.role_list_case {
  position: relative;
  z-index: 3;
  height: 430px;
}
.role_list_tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.role_list_tabs_footer {
  flex-shrink: 0;
  height: 48px;
  background: #f2f5f7;
  border-top: 1px solid #D3E0EA;
  z-index: 10;
}
.role_list_tabs_footer .MuiButton-root.button_com_wrap_basic {
  height: 48px;
}
.role_list_tabs_footer.role_detail_foot {
  display: flex;
  align-items: center;
}
.role_detail_foot:after {
  content: "";
  position: absolute;
  left: 50%;
  display: inline-block;
  width: 1px;
  height: 28px;
  background: #D3E0EA;
}
.role_detail_foot_btn.btn_wrap_section {
  display: flex;
  align-items: center;
  flex: 1;
}
.role_list_area {
  flex: 1;
  overflow: hidden;
}
.role_list_area.role_detail_main {
  display: flex;
  padding-top: 10px;
}
.role_user_list.layout_fir_itemlist {
  position: relative;
  display: flex;
}
.role_user_list.layout_fir_itemlist:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  left: 75px;
  right: 0;
  background: #D3E0EA;
  bottom: 0;
}
.role_user_list.layout_fir_itemlist.MuiButton-root.button_com_wrap_basic {
  height: 64px;
  margin-top: 0;
  -webkit-user-select: text;
}
.role_user_btn {
  background: #fff;
  border-radius: 50%;
}
.role_user_list_img.layout_img_wrap {
  flex-shrink: 0;
  margin-right: 12px;
}
.role_user_item_con {
  flex: 1;
  overflow: hidden;
}
.role_user_item_footer {
  padding-top: 5px;
}
.role_user_item_footer .pages_area.page_change_area {
  justify-content: center;
}
.role_detail_con {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 10px 20px 0;
  box-sizing: border-box;
}
.role_detail_con_main {
  display: flex;
  flex-wrap: wrap;
}
.role_detail_section {
  display: flex;
  width: calc(33.3333% - 10px);
  flex-direction: column;
  margin-right: 10px;
  margin-bottom: 25px;
}
.role_detail_img {
  display: block;
  width: 17px;
  height: 17px;
  margin-bottom: 15px;
  background: url("/admin/assets/img/menu-icon.png") no-repeat -34px 0;
}
.role_detail_icon_MENU_DASHBOARD {
  background-position: -34px -17px;
}
.role_detail_icon_MENU_MAP {
  background-position: -34px -238px;
}
.role_detail_icon_MENU_APP_MANAGEMENT {
  background-position: -34px 0;
}
.role_detail_icon_MENU_DEVELOPER_APPROVAL {
  background-position: -34px -68px;
}
.role_detail_icon_MENU_SALE_SETTING {
  background-position: -34px -204px;
}
.role_detail_icon_MENU_GROUP {
  background-position: -34px -153px;
}
.role_detail_icon_MENU_APK_PARAM {
  background-position: -34px -255px;
}
.role_detail_icon_MENU_FIRMWARE_MANAGEMENT,
.role_detail_icon_MENU_FIRMWARE_APPROVAL {
  background-position: -34px -306px;
}
.role_detail_icon_MENU_FACTORY_LIST {
  background-position: -34px -170px;
}
.role_detail_icon_MENU_MODEL_LIST {
  background-position: -34px -170px;
}
.role_detail_icon_MENU_TERMINAL {
  background-position: -34px -119px;
}
.role_detail_icon_MENU_VERSION_MANAGEMENT,
.role_detail_icon_MENU_VERSION_APPROVAL {
  background-position: -34px -289px;
}
.role_detail_icon_MENU_SYSTEM_SETTING {
  background-position: -34px -85px;
}
.role_detail_icon_MENU_ROLE_MANAGEMENT {
  background-position: -34px -102px;
}
.role_detail_icon_MENU_MARKET_LIST {
  background-position: -34px -51px;
}
.role_detail_icon_MENU_GLOBAL_CONFIG {
  background-position: -34px -323px;
}
.role_detail_icon_MENU_PUSH_TEST {
  background-position: -34px -272px;
}
.role_detail_icon_MENU_MY_SUBSCRIPTION {
  background-position: -34px -340px;
}
.role_detail_icon_MENU_REPORTS,
.role_detail_icon_MENU_REPORT_CENTER {
  background-position: -34px -357px;
}
.role_detail_icon_MENU_AUDIT_TRAILS {
  background-position: -34px -374px;
}
.role_detail_icon_MENU_USER_LIST {
  background-position: -34px -391px;
}
.role_detail_icon_MENU_TERMINAL_STOCK {
  background-position: -34px -407px;
}
.role_detail_icon_MENU_REPORT_MANAGEMENT {
  background-position: -34px -441px;
}
.role_detail_icon_MENU_ACTIVITY_LIST {
  background-position: -34px -221px;
}
.role_detail_icon_MENU_SERVICE_CENTER {
  background-position: -34px -458px;
}
.role_detail_section_title {
  height: 36px;
  margin-bottom: 12px;
  overflow: hidden;
}
.role_detail_txt {
  font-size: 12px;
  color: #8c8c8c;
  line-height: 18px;
  word-wrap: break-word;
}
.role_detail_section_item {
  display: flex;
  align-items: center;
}
.role_detail_section_item .role_detail_logo {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url("/admin/assets/img/rolelist-jurisdiction-full.png") no-repeat 0 0;
}
.role_detail_section_item.is_readonly .role_detail_logo {
  display: block;
  width: 16px;
  height: 16px;
  background: url("/admin/assets/img/rolelist-jurisdiction-full.png") no-repeat -16px 0;
}
.role_detail_section_item.is_readonly .role_detail_tit {
  font-size: 12px;
  color: #63AF57;
}
.role_detail_section_item.isOperable {
  height: 16px;
}
.role_detail_section_item.isOperable .role_detail_logo {
  flex-shrink: 0;
  background: url("/admin/assets/img/rolelist-jurisdiction-full.png") no-repeat -32px 0;
}
.role_detail_section_item.isOperable .role_detail_tit {
  color: #63AF57;
}
.role_detail_section_item.isOperable .MuiButton-endIcon {
  margin-left: 0;
}
.role_detail_section_item .role_detail_tit {
  font-size: 12px;
  color: #00BCD4;
}
.role_edit_tree_section {
  max-height: 170px;
  overflow: hidden;
  overflow-y: auto;
}
.role_operation_specific {
  position: relative;
}
.role_operation_specific:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  z-index: 99;
  background: url("/admin/assets/img/AppDetailView-version-list-apk-distribution.png") no-repeat left center;
}
.role_side_item + .role_side_item {
  margin-top: 20px;
}
.role_title_case.layout_def_tit {
  padding-bottom: 10px;
  border-bottom: 1px solid #D3E0EA;
}
.operation_detail_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.operation_detail_box > .comp_label_item_tit {
  margin-top: 50px;
  margin-bottom: 25px;
  font-size: 18px;
}
.operation_detail_box > .comp_label_item {
  max-width: 700px;
  margin-bottom: 25px;
}
.role_box_case {
  padding-top: 20px;
}
.role_email_active .button_com_wrap_basic {
  height: 58px;
}
.sub_tip_txt {
  margin: 0 3px;
  color: #262626;
}
.filter_tooltip_wrap {
  list-style: disc;
}
.filter_tooltip_item {
  font-size: 12px;
}
.filter_tooltip_tit {
  margin: 7px 0;
  font-size: 12px;
}
.push_task_timepicker.layout_time_input_sec .date_time_wrap .ant-picker-clear {
  right: 32px;
}
.push_case_head {
  display: flex;
  align-items: center;
  margin-left: 40px;
}
.push_btn_img {
  display: block;
  width: 70px;
  height: 68px;
  margin-right: 20px;
  background: url("/admin/assets/img/server-list-icon-server.png") no-repeat center 11px #F2F4F7;
}
.push_btn_status {
  display: flex;
  align-items: center;
  width: 55px;
  height: 42px;
  padding-left: 15px;
  margin-left: 15px;
  box-sizing: border-box;
  border-left: 1px solid #E6E8EA;
}
.push_btn_filter {
  margin-left: 6px;
}
.push_con_wrap {
  margin-bottom: 20px;
}
.push_con_filter {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.push_con_filter .layout_flex {
  line-height: 22px;
}
.filter_drawer_iconmenu_failed {
  position: relative;
  top: 15px;
}
.filter_drawer_push_container.filter_drawer_container {
  position: fixed;
  right: 230px;
  top: auto;
  left: auto;
  width: 320px;
}
.push_param_search {
  padding-top: 10px;
}
.push_param_search.layout_main_head {
  padding-bottom: 10px;
}
.group_terminal_wrap_style .infinite_scroll_wrap {
  width: 100%;
}
.group_terminal_wrap_style .infinite_scroll_wrap .infinite_scroll_component {
  display: flex;
  flex-wrap: wrap;
}
.group_terminal_wrap_style .infinite_scroll_wrap .infinite_scroll_component .group_terminal_card:nth-child(odd) {
  margin-right: 20px;
}
.push_scope_box {
  display: flex;
  align-items: center;
}
.push_scope_box .push_scope_box_item {
  min-width: 140px;
  height: 30px;
  text-align: center;
}
.push_group_interval .text_field_wrapper {
  margin-right: 5px;
  width: 130px;
}
.push_group_interval .text_field_wrapper .MuiInput-input {
  text-align: end;
}
.push_group_time_zone_picker.timezone_picker {
  width: 400px;
}
.push_group_time_picker .date_time_wrap {
  width: 200px;
}
.push_group_gradual_name {
  color: #63AF57;
  white-space: nowrap;
}
.push_group_gradual_tips_wrap li {
  line-height: 25px;
  list-style-type: disc;
  margin-left: 20px;
  margin-right: 20px;
}
.push_group_gradual_tips_wrap .push_group_gradual_second_tips li {
  list-style-type: circle;
}
.push_group_time_pick_wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.push_group_time_pick_wrap .timezone_rang_icon {
  padding-top: 0;
}
.same_template_dialog_wrap {
  display: flex;
  flex-direction: column;
}
.same_template_dialog_wrap .same_template_label {
  font-size: 14px;
  color: #262626;
  margin-bottom: 10px;
}
.same_template_dialog_wrap .same_template_item {
  height: 40px;
  background: #F3F3F4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  margin-bottom: 5px;
}
.same_template_dialog_wrap .same_template_item .same_template_file_name {
  font-size: 12px;
  color: #262626;
  flex: 1;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.file_progress_bar {
  width: 100%;
  height: 8px;
  background: rgba(99, 175, 87, 0.1);
}
.file_progress_bar_inner {
  height: 100%;
  background-color: #63AF57;
  background-image: repeating-linear-gradient(-45deg, #84c38e, #84c38e 10px, #63AF57 10px, #63AF57 20px);
  animation: barberpole 12s linear infinite;
}
.file_table_wrap {
  padding: 20px;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.file_table_box {
  min-height: 70vh;
  max-height: 70vh;
  overflow: auto;
}
.file_table_box tr {
  position: relative;
}
.file_table_box .table_default_wrap {
  border-spacing: 0 1px;
}
.file_table_box .table_default_wrap tr.file_progress_bar_wrap,
.file_table_box .table_default_wrap tr.file_progress_bar_wrap td {
  height: auto;
  padding: 0;
  margin: 0;
}
.file_table_box .table_default_wrap tbody tr {
  height: 35px;
}
.file_table_box .table_default_wrap tbody tr td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.file_txt_cursor {
  cursor: pointer;
}
.file_txt_con {
  display: flex;
  align-items: center;
}
.file_txt_con.iconfont {
  font-size: 20px;
  margin-right: 5px;
  color: #63AF57;
}
.file_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ie_browser_container {
  height: 600px;
  margin: 0;
  background-color: rgba(35, 35, 91, 0.6);
  user-select: none;
  overflow: hidden;
}
.ie_title_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 600px;
}
.ie_browser_gif {
  width: 436px;
  margin-bottom: 35px;
}
.ie_title_para {
  color: #262626;
  font-size: 22px;
}
.bill_con_case.layout_setting_case {
  flex-direction: column;
  padding: 20px 30px;
  overflow-x: auto;
}
.bill_center_content {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bill_center_main {
  width: 880px;
}
.bill_center_side {
  width: 300px;
  box-sizing: border-box;
}
.bill_center_date_picker {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 15px;
  background: #fff;
}
.bill_center_date_picker .bill_picker_icon {
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
  line-height: 22px;
  border-left: 1px solid #E6E8EA;
  padding: 0 10px;
}
.bill_center_date_picker .bill_picker_icon .iconfont {
  margin-right: 10px;
}
.bill_center_date_picker .bill_select {
  padding: 0 10px;
}
.bill_center_date_picker .bill_select .select_root.MuiFormControl-root .MuiInput-input {
  font-size: 14px;
}
.bill_date_picker {
  flex: 1;
  box-sizing: border-box;
}
.bill_date_picker .date_time_wrap .ant-picker-focused .ant-picker-input > input {
  box-sizing: border-box;
}
.bill_num_amount {
  display: flex;
  font-size: 40px;
  font-weight: bold;
  font-family: "number";
  color: #262626;
  line-height: 40px;
}
.bill_num_amount_secondary {
  display: flex;
  font-size: 40px;
  font-weight: bold;
  font-family: "number";
  color: #63AF57;
  line-height: 40px;
}
.bill_code_label {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.bill_const_item.cur {
  border: 1px solid #008BF8;
  box-shadow: 0px 6px 16px 0px rgba(18, 0, 0, 0.08), 0px -1px 8px 0px rgba(0, 0, 0, 0.08);
}
.bill_const_item.layout_fir_itemlist.MuiButton-root.button_com_wrap_basic {
  width: calc(33.333333% - 10px);
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
}
.bill_const_item.layout_fir_itemlist.MuiButton-root.button_com_wrap_basic:nth-child(3n+3) {
  margin-right: 0;
}
.bill_detail_border.MuiButton-root.button_com_wrap_basic {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.bill_btn_case {
  justify-content: space-between;
}
.bill_btn_case .layout_config_action {
  margin-top: 0;
  align-items: flex-end;
  text-align: right;
}
.bill_btn_case .layout_config_action .comp_label_item_tit {
  font-weight: 600;
  font-size: 20px;
}
.bill_btn_case .layout_config_action .comp_label_item_tit {
  font-family: "number";
}
.bill_detail_case.comp_label_item_tit {
  font-weight: 600;
}
.bill_detail_case .layout_config_action {
  margin-top: 0;
  align-items: flex-end;
  text-align: right;
}
.bill_detail_case .layout_config_action .comp_label_item_tit {
  font-weight: 600;
  font-size: 20px;
}
.bill_detail_case .layout_config_action .comp_label_item_tit {
  font-family: "number";
  font-weight: normal;
}
.bill_voice_case.MuiButton-root.button_com_wrap_basic {
  padding-left: 0;
}
.bill_voice_case.bill_global_voice_case .layout_config_action .comp_label_item_tit {
  color: #63AF57;
}
.bill_voice_case .menu_con_area {
  position: relative;
  top: -2px;
}
.bill_voice_case .layout_btn_wrap {
  align-items: flex-start;
}
.bill_voice_case .layout_config_action {
  margin-top: 0;
  align-items: flex-end;
  text-align: right;
}
.bill_voice_case .layout_config_action .comp_label_item_tit {
  font-weight: 600;
  font-size: 16px;
}
.bill_voice_case .layout_config_tit_wrap .comp_label_item_tit {
  font-size: 14px;
}
.bill_voice_case .btn_wrap_icon {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
.bill_num_btn {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  font-family: "number";
  color: #63AF57;
  line-height: 20px;
}
.bill_center_income {
  margin-bottom: 20px;
}
.bill_market_details {
  position: relative;
}
.bill_market_details .layout_def_tit {
  padding-left: 0;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
}
.bill_market_details .layout_main_head {
  padding-bottom: 5px;
}
.billing_market_list {
  position: relative;
}
.billing_market_list .bill_global_drawer_iconmenu.filter_drawer_iconmenu .filter_drawer_container {
  position: absolute;
  left: -300px;
  top: 45px;
}
.billing_market_list .label_filter_btn:not(.active) .iconfont {
  color: #A9AABD;
}
.billing_market_list .bill_left_search.component_search .button_position_area .iconfont {
  color: #A9AABD;
}
.bill_global_drawer_iconmenu.filter_drawer_iconmenu .filter_drawer_container .layout_def_tit {
  font-size: 18px;
  color: #262626;
}
.bill_pay_case {
  width: 300px;
  min-height: 294px;
  text-align: center;
  background: #000 url("/admin/assets/img/bill_bg.jpg") no-repeat center top;
  background-size: cover;
  box-sizing: border-box;
}
.bill_pay_icon {
  height: 36px;
  text-align: right;
}
.bill_pay_txt {
  line-height: 24px;
  font-size: 16px;
  color: #fff;
}
.bill_pay_img {
  height: 36px;
  margin-bottom: 10px;
}
.bill_pay_unpaid_amount {
  margin-top: 20px;
}
.bill_pay_unpaid_amount .bill_pay_unpaid_label {
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
}
.bill_pay_unpaid_amount .bill_pay_unpaid_num {
  display: flex;
  font-size: 40px;
  font-weight: bold;
  font-family: "number";
  color: #fff;
  line-height: 40px;
  justify-content: center;
}
.bill_unresolved_main {
  margin-top: 15px;
}
.bill_unresolved_item {
  display: flex;
  flex-direction: row;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.bill_unresolved_item .menu_con_area .btn_wrap_icon {
  margin-left: 0;
}
.bill_unresolved_item .layout_config_action .comp_label_item_tit {
  font-family: "number";
}
.bill_unresolved_item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.bill_unresolved_item .bill_global_voice_case {
  flex: 1;
}
.bill_unresolved_item .bill_global_voice_case .layout_btn_wrap {
  position: relative;
}
.bill_unresolved_item .bill_global_voice_case .layout_config_tit_wrap {
  position: absolute;
  left: 0;
  top: 0;
}
.bill_unresolved_item .bill_global_voice_case .layout_config_action {
  width: 100%;
}
.drawer_bill_detail .MuiDrawer-paper {
  width: 480px;
}
.drawer_bill_main_top.single {
  padding: 20px 20px 25px 20px;
  box-sizing: border-box;
  background: url("/admin/assets/img/bill_detail_bg.png") no-repeat center top;
}
.drawer_bill_main_top.single .drawer_bill_main_header {
  padding-bottom: 0;
}
.drawer_bill_main_top.plurl {
  padding: 20px 20px 0 20px;
  box-sizing: border-box;
  background: url("/admin/assets/img/bill_detail_month_bg.png") no-repeat center top;
}
.drawer_bill_main_top.global_plurl {
  padding: 20px 20px 0 20px;
  box-sizing: border-box;
  background: url("/admin/assets/img/bill_global_bg.png") no-repeat center top;
}
.drawer_bill_main_top.plurl .draw_bill_tit,
.drawer_bill_main_top.global_plurl .draw_bill_tit {
  color: #fff;
}
.drawer_bill_main_top.plurl .draw_bill_item,
.drawer_bill_main_top.global_plurl .draw_bill_item {
  color: rgba(255, 255, 255, 0.85);
}
.drawer_bill_main_top .draw_bill_item {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  line-height: 20px;
  color: #8c8c8c;
  margin-top: 8px;
}
.drawer_bill_main_top .draw_bill_item .draw_bill_label {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 8px;
}
.drawer_bill_main_top .draw_bill_item .draw_bill_label.draw_bill_period {
  width: 60px;
}
.drawer_bill_main_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}
.drawer_bill_logo {
  width: 40px;
  height: 40px;
  padding: 4px;
  box-sizing: border-box;
  background: #fff;
  opacity: 0.85;
  border-radius: 8px;
}
.drawer_bill_logo img {
  width: 100%;
  height: 100%;
}
.drawer_bill_main_bottom {
  padding: 25px 20px;
}
.drawer_bill_bottom_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.bill_vas_img {
  margin-right: 15px;
}
.bill_edit_price_txt {
  margin-right: 10px;
  text-decoration: line-through;
  font-size: 14px;
  color: #8c8c8c;
}
.bill_drawer_number {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  font-family: "number";
  color: #262626;
  line-height: 20px;
}
.bill_drawer_number_con {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  font-family: "number";
  color: #262626;
  line-height: 16px;
}
.bill_drawer_list {
  margin-bottom: 15px;
}
.icon_close_draw {
  position: absolute;
  bottom: 22px;
  left: 20px;
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
}
.bill_pay_action {
  padding: 0 20px;
}
.bill_pay_action .btn_wrap_section {
  margin: 0 0 10px 0;
}
.bill_meta_container {
  padding: 15px 30px 20px 30px;
  margin-bottom: 20px;
  background: #fff;
}
.bill_meta_case {
  flex: 1;
  overflow: hidden;
  margin-bottom: 20px;
}
.bill_meta_case .layout_app_detail_item {
  width: 25%;
}
.bill_log_detail.bill_detail_case.layout_btn_wrap {
  padding: 7px 0;
}
.bill_log_detail.bill_detail_case .layout_config_action {
  align-items: center;
}
.bill_log_detail.bill_detail_case .layout_item_main .layout_config_tit {
  margin-bottom: 0;
}
.bill_log_section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-right: 16px;
}
.bill_log_case {
  display: flex;
  overflow: hidden;
}
.bill_log_price {
  display: flex;
  justify-content: flex-end;
  width: 160px;
  padding-right: 20px;
}
.bill_log_comment {
  width: 130px;
  text-align: left;
  margin-left: 48px;
}
.bill_log_comment .bill_log_after.comp_label_item {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bill_log_change_after.comp_label_item {
  color: #008BF8;
}
.bill_log_after.comp_label_item {
  color: #262626;
}
.billlog_terminal_imgbox {
  display: flex;
  align-items: center;
  flex: 1;
}
.bill_log_before.comp_label_item {
  color: rgba(0, 0, 0, 0.25);
  text-decoration: line-through;
}
.bill_log_terminal.layout_btn_wrap {
  align-items: flex-start;
  padding: 5px 0;
}
.bill_log_terminal.layout_btn_wrap .layout_config_action {
  margin-top: 5px;
}
.bill_log_terminal.layout_btn_wrap .layout_config_action .bill_log_price_box .bill_log_case:first-child {
  padding-top: 0;
}
.bill_log_terminal.layout_btn_wrap .layout_config_action .bill_log_price_box .bill_log_case:last-child {
  padding-bottom: 0;
}
.bill_log_terminal.layout_btn_wrap .layout_config_action .bill_log_price_box .bill_log_case {
  padding: 15px 0;
}
.bill_log_terminal.layout_btn_wrap .layout_config_action .bill_log_price_box .bill_log_case + .bill_log_case {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.bill_detail_header {
  margin-top: 20px;
}
.bill_payment_document {
  width: 300px;
  text-align: center;
  border-left: 1px solid #E6E8EA;
}
.bill_payment_txt {
  margin-bottom: 10px;
  color: #8c8c8c;
  font-size: 12px;
}
.bill_payment_img img {
  margin: 0 auto;
}
.drawer_edit_breadlabel {
  margin-bottom: 12px;
}
.drawer_edit_breadlabel .edit_breadlabel_income {
  cursor: pointer;
}
.bill_edit_wrap {
  margin-top: 6px;
  border-radius: 1px;
  border: 1px solid #DDDDDD;
}
.bill_edit_wrap.isCyberLab .bill_edit_box .bill_edit_box_number {
  width: 20px;
}
.bill_edit_wrap.isCyberLab .bill_edit_box .bill_edit_box_price {
  width: 93px;
}
.bill_edit_wrap.isCyberLab .bill_edit_box .bill_cyberlab_chargetype {
  width: 105px;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bill_edit_wrap .bill_edit_box {
  display: flex;
  align-items: center;
  padding: 0 20px;
  min-height: 36px;
  background: #F8F8F9;
  text-align: right;
  border-radius: 1px;
  font-size: 12px;
  font-weight: 500;
  color: #8c8c8c;
}
.bill_edit_wrap .bill_edit_box.bill_edit_con {
  padding-top: 4px;
  background: #fff;
  color: #262626;
  font-size: 14px;
}
.bill_edit_wrap .bill_edit_box .bill_edit_box_number {
  text-align: left;
}
.bill_edit_wrap .bill_edit_box .bill_edit_box_price {
  width: 120px;
}
.bill_edit_wrap .bill_edit_box .bill_edit_box_price .layout_list_action_input.text_field_wrapper.MuiFormControl-root .MuiInputBase-input {
  width: 66px;
  color: #8c8c8c;
}
.bill_edit_wrap .bill_edit_box_comment {
  padding: 20px 20px 15px 20px;
  box-sizing: border-box;
}
.bill_edit_wrap .bill_edit_box_comment .layout_app_item_tit {
  margin-bottom: 0;
}
.bill_edit_box_number {
  width: 40px;
}
.bill_confirm_btn .MuiButton-contained.Mui-disabled {
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.45);
}
.bill_log_totalamount {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 20px 210px 0 0;
}
.bill_log_totalamount .bill_log_amount_box {
  display: flex;
  margin-left: 40px;
}
.bill_log_totalamount .bill_log_amount_box .comp_label_item_tit {
  font-family: "number";
}
.bill_log_totalamount .bill_log_amount_box .comp_label_item_tit.bill_log_beforetotalamount {
  color: rgba(0, 0, 0, 0.25);
  text-decoration: line-through;
}
.bill_disabled_btn .MuiButton-contained.Mui-disabled {
  color: #fff;
  background: #d8d8d8;
}
.bill_disabled_btn .MuiButton-contained.Mui-disabled:hover {
  background: #d8d8d8;
}
.re_enrollment_wrap {
  width: 400px;
  margin: 10px 20px 0 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #F2F4F7;
}
.billing_income_vas_wrap .comp_label_item_det {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1440px) {
  .bill_center_content {
    width: 1000px;
  }
  .bill_center_main {
    width: 680px;
  }
}
.drawer_bill_detail_container {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-bottom: 80px;
}
.drawer_bill_detail_container .drawer_bill_detail_main {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.bill_market_const_item.layout_fir_itemlist.MuiButton-root.button_com_wrap_basic {
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: calc(25% - 10px);
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
}
.bill_market_const_item.layout_fir_itemlist.MuiButton-root.button_com_wrap_basic.cur {
  border: 1px solid #008BF8;
  box-shadow: 0px 6px 16px 0px rgba(18, 0, 0, 0.08), 0px -1px 8px 0px rgba(0, 0, 0, 0.08);
}
.bill_market_const_item.layout_fir_itemlist.MuiButton-root.button_com_wrap_basic:nth-child(4n+4) {
  margin-right: 0;
}
.bill_center_cost {
  margin-bottom: 20px;
}
.bill_center_cost .comp_label_item_det {
  display: flex;
  flex-wrap: wrap;
}
.bill_center_income {
  margin-bottom: 20px;
}
.bill_market_list_width {
  min-width: auto;
}
.bill_market_list_head {
  padding-bottom: 0;
}
.bill_detail_border.MuiButton-root.button_com_wrap_basic {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.bill_details_content .layout_fir_itemlist + .layout_fir_itemlist.MuiButton-root.button_com_wrap_basic {
  margin-top: 0;
}
.bill_details_content .layout_app_item_tit {
  margin-bottom: 5px;
}
.bill_market_pay_img {
  height: 36px;
}
.bill_market_content {
  width: 1200px;
  margin: 0 auto;
  padding-top: 10px;
}
.bill_market_case {
  width: 100%;
  height: 64px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  background: url("/admin/assets/img/bill_market_bg.png") no-repeat center top;
  background-size: cover;
}
.bill_market_pay_logo {
  display: flex;
  align-items: center;
  padding-left: 14px;
}
.bill_market_pay_logo .bill_market_pay_txt {
  line-height: 24px;
  font-size: 16px;
  color: #fff;
  padding-left: 10px;
}
.bill_market_top_right {
  width: 380px;
  display: flex;
  align-items: center;
}
.bill_market_top_right:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 42px;
  background: #8c8c8c;
}
.bill_market_top_right .bill_market_pay_main {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
}
.bill_market_top_right .bill_market_pay_main .bill_market_unpaid_amount {
  padding-left: 17px;
  text-align: left;
  justify-content: center;
}
.bill_market_top_right .bill_market_pay_main .bill_market_unpaid_amount .bill_market_unpaid_label {
  font-size: 12px;
  line-height: 20px;
  color: #9e9e9e;
}
.bill_market_top_right .bill_market_pay_main .bill_market_unpaid_amount .bill_market_unpaid_num {
  font-size: 26px;
  font-weight: bold;
  line-height: 28px;
  font-family: "number";
  color: #fff;
}
.bill_market_top_right .bill_market_pay_main .bill_market_pay_action {
  display: flex;
}
.bill_market_top_right .bill_market_pay_main .bill_market_pay_action .layout_config_action {
  margin-top: 0px;
}
.bill_market_main_content {
  background-color: #fff;
}
.bill_market_main_details {
  padding: 0 30px 20px 20px;
}
.bill_market_center_date_picker {
  height: 52px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
}
.bill_market_select {
  display: flex;
  flex: 1;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.bill_market_select .select_root.MuiFormControl-root .MuiInput-input {
  font-size: 14px;
  color: #262626;
}
.bill_market_period {
  width: 700px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.bill_market_period .layout_main_head {
  padding-bottom: 0;
  flex: 1;
}
.bill_market_period .bill_market_date_picker {
  display: flex;
  flex: 1;
  align-items: center;
}
.bill_market_period .bill_market_date_picker .date_time_wrap .ant-picker-clear {
  right: 35px;
}
.bill_market_period .bill_market_date_picker .date_time_wrap .ant-picker-suffix:before {
  font-size: 20px;
}
.bill_market_picker_icon {
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
  padding-right: 10px;
  line-height: 22px;
}
.bill_market_picker_icon .iconfont {
  margin-right: 10px;
}
.bill_period_border {
  border-left: 1px solid #E6E8EA;
  height: 22px;
}
.bill_market_cash_content {
  border-bottom: 1px solid #E6E8EA;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bill_market_cash_content .bill_market_balance {
  height: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #8c8c8c;
  line-height: 20px;
  padding: 10px 0 5px 0;
}
.bill_market_cash_content .bill_cash_money {
  font-size: 26px;
  font-family: "number";
  font-weight: bold;
  color: #262626;
  line-height: 28px;
}
.bill_market_cash_content .bill_cash_out {
  font-size: 12px;
  color: #008BF8;
  line-height: 20px;
  padding: 5px 0 10px 0;
}
.bill_num_income {
  display: flex;
  font-size: 40px;
  font-weight: bold;
  font-family: "number";
  color: #63AF57;
  line-height: 40px;
}
.layout_fir_itemlist.bill_income_list.MuiButton-root {
  padding: 10px 0 10px 16px;
}
.bill_income_list.MuiButtonBase-root {
  background-color: #fff;
  border-bottom: 1px solid #E6E8EA;
}
.bill_income_list.MuiButtonBase-root.Mui-disabled {
  cursor: default;
  pointer-events: none;
}
.bill_income_list .comp_label_det_txt {
  margin: 0;
}
.bill_income_number {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  font-family: "number";
  color: #63AF57;
  line-height: 20px;
}
.bill_income_down .MuiButton-startIcon {
  color: #A9AABD;
}
.menu_con_area {
  z-index: 1;
  pointer-events: initial;
}
.bill_tran_date_picker {
  margin-right: 10px;
}
.bill_tran_date_picker .ant-picker-input {
  width: 200px;
}
.bill_tran_date_picker .ant-picker-input .ant-picker-suffix:before {
  color: #A9AABD;
}
@media screen and (max-width: 1440px) {
  .bill_market_content {
    width: 1000px;
  }
  .bill_market_period {
    width: 640px;
  }
}
.store_app_list {
  display: flex;
  flex-wrap: wrap;
}
.store_app_list_item {
  display: flex;
  width: 50%;
  height: 70px;
  margin-bottom: 6px;
}
.store_app_list_item .layout_dashed_btn {
  flex: 1;
  height: 100%;
  margin-top: 0;
  margin-right: 16px;
  box-sizing: border-box;
  border-radius: 4px;
}
.store_app_list_item .layout_dashed_btn.btn_wrap_section {
  display: flex;
  height: 100%;
}
.store_app_list_item .layout_fir_itemlist.button_com_wrap_basic {
  flex: 1;
  margin-right: 16px;
  border: 1px solid #E6E8EA;
  border-left: none;
  overflow: hidden;
  box-sizing: border-box;
  height: 100%;
  padding: 0;
}
.store_app_list_item .layout_fir_itemlist.button_com_wrap_basic .layout_btn_wrap {
  height: 100%;
  padding: 10px 60px 10px 16px;
  box-sizing: border-box;
  border-left-width: 2px;
  border-left-style: solid;
}
.store_app_list_item .status_border_online .store_app_list_status {
  color: #63AF57;
}
.store_app_list_item .status_border_online .store_app_list_icon {
  background: url("/admin/assets/img/TaskListView-app-list-downloaded.png") no-repeat center #f8fafb;
}
.store_app_list_item .status_border_draft .store_app_list_status {
  color: #00BCD4;
}
.store_app_list_item .status_border_draft .store_app_list_icon {
  background: url("/admin/assets/img/TaskListView-app-list-draft.png") no-repeat center #f8fafb;
}
.store_app_list_item .status_border_rejected .store_app_list_status {
  color: #DB4437;
}
.store_app_list_item .status_border_rejected .store_app_list_icon {
  background: url("/admin/assets/img/TaskListView-app-list-failed.png") no-repeat center #f8fafb;
}
.store_app_list_item .status_border_pending .store_app_list_status {
  color: #FF9800;
}
.store_app_list_item .status_border_pending .store_app_list_icon {
  background: url("/admin/assets/img/TaskListView-app-list-pending.png") no-repeat center #f8fafb;
}
.store_app_list_item .status_border_failed .store_app_list_status {
  color: #DB4437;
}
.store_app_list_item .status_border_failed .store_app_list_icon {
  background: url("/admin/assets/img/TaskListView-app-list-failed.png") no-repeat center #f8fafb;
}
.store_app_list_item .status_border_unavailable .store_app_list_status {
  color: #A9AABD;
}
.store_app_list_item .status_border_unavailable .store_app_list_icon {
  background: url("/admin/assets/img/TaskListView-app-list-suspend.png") no-repeat center #f8fafb;
}
.store_app_list_icon {
  display: block;
  width: 100%;
  height: 22px;
  background: url("/admin/assets/img/TaskListView-app-list-active.png") no-repeat center;
}
.store_app_list_status {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 100%;
  line-height: 24px;
  background: #f8fafb;
  font-size: 12px;
  overflow: hidden;
}
.self_label_case {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.self_label_case .comp_label_item {
  line-height: 14px;
}
.self_label_case .comp_label_item:first-child {
  width: 100px;
  flex-shrink: 0;
}
.self_label_case .comp_label_item:nth-child(2) {
  flex: 1;
  overflow: hidden;
  word-wrap: break-word;
}
.store_app_firmware_list {
  margin-top: 3px;
  overflow: unset;
}
.store_app_firmware_list .search_filter_default {
  margin-left: 25px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.store_app_firmware_list .search_filter_default .search_filter_label {
  display: flex;
  margin-bottom: -7px;
}
.store_app_firmware_list .layout_app_item_tit_wrap {
  min-width: 120px;
  width: 18%;
}
.store_app_firmware_list .layout_app_item_tit_wrap .comp_label_item {
  margin-bottom: -9px;
  display: unset;
  line-height: unset;
}
.store_app_firmware_list .store_app_firmware_method {
  min-width: 120px;
  width: 18%;
  margin-left: 21px;
}
.store_app_firmware_list .store_app_firmware_method .code_from_control.MuiFormControl-root.MuiInput-input {
  color: #E6E8EA;
}
.store_app_firmware_list .layout_code_action {
  display: unset;
  flex: unset;
  width: 90px;
  text-align: end;
  min-width: unset;
  padding-right: unset;
  box-sizing: unset;
  overflow: unset;
}
.store_app_firmware_item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  margin-top: 3px;
  padding: 12px 16px;
  background: #F2F4F7;
  box-sizing: border-box;
}
.store_app_firmware_model {
  width: 20%;
  min-width: 120px;
  overflow: hidden;
}
.store_app_firmware_version {
  display: flex;
  flex: 1;
}
.store_app_firmware_operation {
  align-items: center;
  flex: unset;
  width: 90px;
  text-align: end;
  min-width: unset;
  padding-right: unset;
  box-sizing: unset;
  overflow: unset;
}
@media screen and (max-width: 1400px) {
  .store_app_list_item {
    width: 100%;
  }
}
.developer_rej_section {
  padding: 20px 20px 0;
}
.developer_person_wrap {
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 4px;
}
.developer_person_wrap .app_detail_view_wrap {
  padding: 0 16px;
}
.developer_person_wrap .app_detail_view_item > .comp_label_item {
  flex-shrink: 0;
  width: auto;
}
.developer_person_wrap .app_detail_view_item > .comp_label_item_det {
  padding-left: 5px;
  text-align: right;
}
.developer_person_wrap .app_detail_view_item:first-child > .comp_label_item_det {
  overflow: initial;
}
.developer_person_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 220px;
  padding: 0 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #E6E8EA;
}
.developer_box_section {
  margin: 15px 0;
}
.developer_agent_case {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px;
}
.developer_icon_menu {
  position: relative;
  left: 15px;
}
.developer_card_img.layout_img_wrap {
  width: initial;
  height: initial;
  max-width: 130px;
  border-radius: 4px;
  cursor: pointer;
}
.developer_rej_reason {
  margin: 10px 0 35px 0;
}
.developer_setting_right.layout_setting_right {
  padding-top: 15px;
}
.developer_title_case.layout_def_tit {
  margin-bottom: 36px;
}
.developer_line_radio {
  justify-content: center;
}
.developer_line_radio .radio_root.MuiFormControlLabel-root {
  margin: 0 10px;
}
.developer_line_radio .layout_radio_checked:first-child.MuiFormControlLabel-root .MuiTypography-root:before {
  background: url("/admin/assets/img/AppEditView-radiobutton-developer.png") no-repeat center bottom currentColor;
}
.developer_line_radio .layout_radio_checked:last-child.MuiFormControlLabel-root .MuiTypography-root:before {
  background: url("/admin/assets/img/AppEditView-radiobutton-developer.png") no-repeat center top currentColor;
}
.developer_list_btn .layout_fir_item_label > .comp_label_item {
  flex-shrink: 0;
}
.developer_service_item.layout_fir_itemlist.MuiButton-root {
  align-items: inherit;
}
.developer_added_service .layout_tit_main:first-child {
  padding-top: unset;
}
.developer_added_service .layout_config_wrap {
  background-color: #fff;
}
.developer_added_service .developer_ser_img.layout_img_wrap {
  width: 40px;
  height: 40px;
  padding: 5px;
  margin-right: 15px;
  box-sizing: border-box;
  background: #F2F4F7;
}
.developer_added_service .developer_main_cont.layout_item_main .layout_config_tit {
  font-size: 14px;
}
.alert_trans_case .layout_app_item_tit_wrap {
  margin-bottom: 16px;
}
.alert_filter_drawer_iconmenu {
  position: relative;
}
.alert_filter_drawer_iconmenu .filter_drawer_container {
  position: absolute;
  left: auto;
  right: 0;
}
.alert_case_wrap {
  padding-top: 10px;
  min-height: 280px;
}
.alert_case_wrap.layout_case_wrap {
  padding-top: 10px;
}
.alert_avatar_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #F2F4F7;
  border-radius: 8px;
  margin-right: 12px;
}
.alert_static_case {
  margin: 10px 0 20px;
}
.alert_static_item {
  width: calc(50% - 20px);
}
.alert_create_plan_by_worksheet.MuiMenuItem-root {
  font-size: 12px;
  padding: 4px 8px 4px 12px;
  color: rgba(0, 0, 0, 0.26);
}
.alert_create_plan_by_worksheet.MuiMenuItem-root:hover,
.alert_create_plan_by_worksheet.MuiMenuItem-root:focus {
  background: #fff;
}
.alert_name_card_worksheet_box {
  max-width: 200px;
  margin-right: 50px;
}
.font_style_italic {
  font-style: italic;
}
.plan_tips_icon {
  margin-left: 5px;
}
.plan_custom_config_wrap {
  max-height: 314px;
  overflow-x: hidden;
  overflow-y: auto;
}
.plan_custom_config_item {
  width: 50%;
  margin-bottom: 20px;
}
.plan_custom_config_item .comp_label_item_det {
  display: flex;
  align-items: center;
}
.plan_show_detail_wrap {
  padding-top: 15px;
  border-top: 1px solid #E6E8EA;
}
.plan_filter_by_myself {
  padding-left: 8px;
}
.plan_filter_by_myself .MuiFormControlLabel-label {
  font-size: 12px;
}
.plan_click_here {
  color: #63AF57;
  cursor: pointer;
}
.plan_title_style {
  color: #008BF8;
  margin-left: 5px;
}
.failed_text_color {
  color: #DB4437;
}
.migrate_text_line {
  text-decoration: line-through;
}
.migrate_text_color {
  color: #8c8c8c;
}

.status_label_code.status_label_success {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_maintainer {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_approved {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_trail {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_developer {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unavailable {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_inactive {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_failed {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_pending {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_pending_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_offline {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_online {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_rejected {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_active {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_active_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_fixed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_notfixed {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_own {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_registing {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_suspend {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_locked {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_disabled {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_deleted {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_paid {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unpaid {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_open {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_expired {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_draft {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_completed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_inprogress {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_succeed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_migrating {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_invalid {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_partail {
  color: #3366ff;
  background: #d6e0ff;
}
.status_label_code.status_label_enable {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_unknow {
  color: #262626;
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_all {
  background: #d8d8d8;
}
.btn_con_box.MuiButton-root.status_tab_code_orange {
  color: #FF9800;
}
.btn_con_box.MuiButton-root.status_tab_code_orange.bg {
  background: #ffeacc;
}
.btn_con_box.MuiButton-root.status_tab_code_green {
  color: #63AF57;
}
.btn_con_box.MuiButton-root.status_tab_code_green.bg {
  background: #e0efdd;
}
.btn_con_box.MuiButton-root.status_tab_code_grey {
  color: #A9AABD;
}
.btn_con_box.MuiButton-root.status_tab_code_grey.bg {
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_blue {
  color: #00BCD4;
}
.btn_con_box.MuiButton-root.status_tab_code_blue.bg {
  background: #ccf2f6;
}
.btn_con_box.MuiButton-root.status_tab_code_red {
  color: #DB4437;
}
.btn_con_box.MuiButton-root.status_tab_code_red.bg {
  background: #f8dad7;
}
.status_border {
  position: relative;
}
.status_border:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_unavailable {
  border-color: #A9AABD;
}
.status_border_active {
  border-color: #63AF57;
}
.status_border_online {
  border-color: #63AF57;
}
.status_border_offline {
  border-color: #A9AABD;
}
.status_border_pending {
  border-color: #FF9800;
}
.status_border_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_draft {
  border-color: #00BCD4;
}
.status_border_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_rejected {
  border-color: #DB4437;
}
.status_border_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_locked {
  border-color: #A9AABD;
}
.status_border_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_suspend {
  border-color: #A9AABD;
}
.status_border_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple {
  position: relative;
}
.status_border_simple:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_simple_unavailable {
  border-color: #A9AABD;
}
.status_border_simple_active {
  border-color: #63AF57;
}
.status_border_simple_online {
  border-color: #63AF57;
}
.status_border_simple_offline {
  border-color: #A9AABD;
}
.status_border_simple_pending {
  border-color: #FF9800;
}
.status_border_simple_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_draft {
  border-color: #00BCD4;
}
.status_border_simple_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_rejected {
  border-color: #DB4437;
}
.status_border_simple_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_locked {
  border-color: #A9AABD;
}
.status_border_simple_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend {
  border-color: #A9AABD;
}
.status_border_simple_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple:after {
  display: none;
  background: none;
}
.manu_market_box_img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.manufacturers_style {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.manufacturers_style .comp_label_item_tit {
  text-overflow: ellipsis;
}
.manufacturers_style .layout_item_main {
  flex: 1;
}
.manu_market_case .comp_label_item {
  text-overflow: ellipsis;
  overflow: hidden;
}
.manu_market_case .layout_fir_item_label {
  max-width: 50%;
  overflow: hidden;
}
.manufacture_tit_style {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  padding-bottom: 10px;
  border-bottom: 1px solid #F2F4F7;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.model_name_style {
  font-weight: 400;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
}
.upload_model_img_style .comp_label_item {
  margin-bottom: 10px;
}
.upload_model_img_style .upload_model_img_msg {
  margin-top: 10px;
}
.model_img_style {
  max-width: 100px;
}
.launcher_con_wrap .launcher_con_case {
  margin-top: 6px;
}
.launcher_con_case {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.launcher_con_case .layout_case_wrap {
  flex: 1;
  margin-top: 20px;
  padding: 0 0 50px 0;
}
.launcher_con_case .parameter_popup_btn {
  margin-bottom: 12px;
}
.launcher_bkg_case {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 26px 20px 20px;
  box-sizing: border-box;
}
.launcher_bkg_case .MuiInputBase-root input {
  font-size: 14px;
}
.launcher_bkg_wrap,
.launcher_noti_wrap {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
  min-width: 600px;
  margin-top: 20px;
  overflow: hidden;
  border: 1px dashed rgba(0, 0, 0, 0.15);
}
.launcher_noti_wrap {
  min-width: 790px;
  margin: 20px auto 0;
}
.launcher_noti_case > .layout_flex_section {
  flex-shrink: 0;
}
.launcher_bkg_check {
  text-align: center;
  margin: 20px 0 10px;
}
.launcher_bg_case {
  position: relative;
  background: #fff;
}
.launcher_bg_case.layout_image_box {
  flex-shrink: 0;
  width: 600px;
  height: 320px;
  padding: 0;
  border: none;
  box-shadow: none;
}
.launcher_bg_case.layout_image_box.launcher_bg_previewUrl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.launcher_bg_case.layout_image_box.launcher_bg_previewUrl > .layout_img_wrap {
  width: auto;
  height: auto;
  max-width: 560px;
  max-height: 300px;
  border-radius: 0;
}
.launcher_desk_case {
  position: relative;
  background: #fff;
}
.launcher_desk_case.layout_image_box {
  flex-shrink: 0;
  width: 600px;
  height: 320px;
  padding: 0;
  border: none;
  box-shadow: none;
}
.launcher_desk_case.layout_image_box.launcher_bg_previewUrl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.launcher_desk_case.layout_image_box.launcher_bg_previewUrl > .layout_img_wrap {
  width: auto;
  height: auto;
  max-width: 560px;
  max-height: 300px;
  border-radius: 0;
}
.launcher_desk_case.layout_image_box {
  width: 200px;
  height: 377px;
}
.launcher_desk_case.layout_image_box.launcher_bg_previewUrl > .layout_img_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
}
.launcher_con_horiz .launcher_desk_case.layout_image_box {
  width: 450px;
  height: 282px;
}
.launcher_con_horiz .launcher_desk_case.layout_image_box .launcher_layout_item {
  width: 20%;
}
.launcher_layout_case {
  position: relative;
  z-index: 5;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.launcher_layout_item {
  width: 33.3333%;
  height: 60px;
  margin: 5px 0;
  padding: 0 2px;
  box-sizing: border-box;
}
.launcher_bg_add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-transform: uppercase;
  background: #F2F4F7;
}
.launcher_bg_add.launcher_bg_def {
  cursor: not-allowed;
}
.launcher_bg_add .btn_wrap_icon {
  width: 50px;
  height: 50px;
}
.launcher_bkg_layout {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0 20px 20px 20px;
  overflow: hidden;
  box-sizing: border-box;
  overflow-x: auto;
}
.launcher_layout_wrap {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  min-width: 100%;
}
.launcher_bkg_foot {
  padding: 20px;
}
.launcher_kiosk_case {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.launcher_kiosk_case .layout_config_wrap {
  margin-bottom: 5px;
}
.launcher_border_top {
  padding-top: 0;
}
.launcher_border_top::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}
.launcher_boot_imagecon {
  margin-bottom: 10px;
}
.launcher_logo_spec_con {
  display: flex;
  flex-direction: column;
}
.boot_tips_tit {
  font-size: 12px;
  color: #008BF8;
  margin-top: 5px;
}
.boot_tips_tit:hover {
  cursor: pointer;
}
.boot_tips_content {
  margin: 15px;
}
.boot_tips_content .boot_tips_list {
  margin-top: 10px;
}
.boot_tips_content .boot_tips_list .boot_tips_item {
  font-size: 12px;
  color: #FFFFFF;
  margin: 8px 0;
  position: relative;
  padding-left: 15px;
}
.boot_tips_content .boot_tips_list .boot_tips_item::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  border-radius: 50%;
  top: 2px;
  transform: translate(-15px, 2px);
}
.launcher_boot_imagehead {
  display: flex;
  justify-content: space-between;
}
.launcher_boot_imagebox {
  margin-top: 10px;
}
.launcher_boot_imagebox .launcher_boot_rules {
  margin-top: 10px;
  padding-left: 15px;
}
.launcher_boot_imagebox .launcher_boot_rules .launcher_boot_rules_item {
  font-size: 12px;
  color: #8c8c8c;
  line-height: 20px;
  position: relative;
}
.launcher_boot_imagebox .launcher_boot_rules .launcher_boot_rules_item::before {
  position: absolute;
  top: 50%;
  transform: translate(-15px, -50%);
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #8c8c8c;
}
.boot_animation_player_box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.boot_animation_player_box .boot_animation_player {
  width: 200px;
  height: 380px;
}
.image_animation_player {
  position: relative;
}
.image_animation_player:hover {
  cursor: pointer;
}
.image_animation_player:hover .animation_btn_modal.animation_btn_play {
  display: block;
}
.image_animation_player .image_animation_player_img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.image_animation_player .animation_btn_modal {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0000004d;
}
.image_animation_player .animation_btn_modal .animation_btn_con {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}
.image_animation_player .animation_btn_modal.animation_btn_play {
  display: none;
}
.image_animation_player .animation_btn_modal.animation_btn_play .animation_btn_con {
  background-image: url("/admin/assets/img/animation_play_icon.png");
}
.image_animation_player .animation_btn_modal.animation_btn_pause {
  display: block;
}
.image_animation_player .animation_btn_modal.animation_btn_pause .animation_btn_con {
  background-image: url("/admin/assets/img/animation_pause_icon.png");
}
.launcher_boot_image_upload .MuiButton-root.button_com_wrap_basic {
  height: 100px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.launcher_boot_image_upload .MuiButton-root.button_com_wrap_basic:before {
  margin-bottom: 14px;
  font-size: 26px;
  content: "\e6d8";
}
.launcher_boot_image_loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.launcher_logo_spec {
  margin-left: 15px;
  width: 500px;
}
.launcher_logo_upload .MuiButton-root {
  width: 80%;
}
.launcher_kiosk_img_wrap.upload_single_wrap {
  width: 54px;
}
.launcher_kiosk_img_wrap.upload_single_wrap .upload_single_case {
  width: 100%;
  height: 54px;
}
.launcher_lock_case .layout_config_wrap {
  margin-bottom: 0;
}
.launcher_app_icon.layout_image_box {
  width: 54px;
  height: 54px;
}
.launcher_detail_case .layout_case_wrap {
  margin-top: 7px;
  border-top: 1px solid #E6E8EA;
}
.launcher_detail_case .parameter_popup_btn {
  margin-bottom: 12px;
}
.launcher_detail_case .launcher_bkg_case {
  padding-top: 0;
}
.launcher_config_case.layout_config_wrap {
  width: 100%;
  min-height: 42px;
  border-top: none;
}
.launcher_item_label {
  margin-right: 4px;
}
.launcher_layout_con {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.launcher_layout_con:not(:first-child) {
  margin-left: 35px;
}
.launcher_layout_head {
  height: 20px;
}
.launcher_layout_head .comp_label_item_tit {
  line-height: 20px;
}
.launcher_layout_bottom {
  height: 20px;
  margin-top: 10px;
  text-align: center;
}
.launcher_fold_wrap.upload_single_wrap {
  width: 100%;
  height: 100%;
}
.launcher_fold_case {
  display: flex;
  flex-wrap: wrap;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #d0d0d0;
  cursor: pointer;
}
.launcher_fold_icon {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.launcher_fold_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.3333%;
  height: 33.3333%;
}
.launcher_fold_item .upload_single_wrap {
  width: 10px;
  height: 10px;
  box-sizing: border-box;
}
.launcher_fold_item .upload_single_case {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.launcher_fold_item .upload_single_case:after {
  display: none;
}
.launcher_fold_item .upload_layout_txt.comp_label_item {
  display: none;
}
.launcher_fold_dialog {
  position: absolute;
  left: 0;
  top: 0 ;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.launcher_fold_dialog_wrap {
  width: 190px;
  height: 330px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
}
.launcher_fold_dialog_hrz {
  width: 345px;
  height: 240px;
}
.launcher_fold_dialog_hrz .launcher_fold_dialog_con {
  height: 130px;
}
.launcher_fold_dialog_hrz .launcher_fold_dialog_con .launcher_layout_item {
  margin: 5px 0 0;
}
.launcher_fold_dialog_con {
  width: 100%;
  height: 210px;
  background: none;
}
.launcher_fold_dialog_con.layout_image_box {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  display: none;
}
.launcher_fold_dialog_con.layout_image_box.active {
  display: block;
}
.launcher_fold_dialog_con.layout_image_box:hover {
  box-shadow: none;
}
.launcher_fold_dialog_page {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.launcher_fold_dialog_page .page_btn_box .page_btn_area {
  min-width: 18px;
  height: 18px;
  line-height: 18px;
}
.launcher_fold_dialog_case {
  padding: 0 10px;
}
.launcher_fold_dialog_case .layout_list_action_input.MuiFormControl-root .MuiInputBase-input {
  text-align: center;
}
.launcher_con_nodata {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
}
.launcher_con_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 87px;
  padding: 30px 30px 20px 30px;
  box-sizing: border-box;
  background: #F2F4F7;
}
.launcher_con_btn .layout_config_action {
  margin-top: 0;
}
.launcher_bkg_type {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px 0;
}
.launcher_bkg_type.launcher_bkg_error {
  flex-direction: column;
  align-items: center;
}
.launcher_tit_item {
  margin-top: 10px;
}
.launcher_view_tabs .MuiButton-root {
  text-transform: initial;
}
.launcher_bkg_font {
  padding: 0 10px 15px;
}
.launcher_bkg_font:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}
.launcher_bkg_font.launcher_bkg_font_psd:before {
  opacity: 0;
}
.launcher_bkg_label .layout_app_item_tit {
  margin-left: 10px;
}
.launcher_config_font {
  right: 0;
  bottom: 58px;
}
.launcher_config_color_box {
  position: absolute;
  right: 0;
  top: 0;
}
.launcher_section_font {
  position: relative;
  width: 123px;
}
.launcher_section_font .MuiInput-input {
  cursor: default;
}
.launcher_section_font .MuiInput-underline:after,
.launcher_section_font .MuiInput-underline:before {
  display: none;
}
.launcher_kiosk_img {
  display: flex;
}
.launcher_kiosk_img_item {
  margin-right: 10px;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 7px;
}
.launcher_kiosk_app {
  margin-top: 30px;
}
.launcher_screen_img {
  margin-top: 38px;
}
.launcher_screen_img > .layout_image_box {
  overflow: initial;
}
.launcher_screen_img > .layout_image_box .upload_app_del {
  right: -12px;
  top: -15px;
}
.launcher_screen_img > .layout_image_box + .layout_image_box {
  margin-left: 6px;
}
.launcher_lock_btn {
  cursor: pointer;
}
.list_case_con .layout_config_wrap.launcher_lock_case {
  padding: 12px 16px;
}
.launcher_icon_section {
  display: flex;
  align-items: center;
}
.launcher_icon_section .icon_root {
  margin-right: 14px;
  color: #8c8c8c;
}
.launcher_fold_input {
  position: relative;
}
.launcher_fold_input:before {
  position: absolute;
  left: 0;
  bottom: 5px;
  font-size: 18px;
  font-family: "iconfont";
  color: #8c8c8c;
}
.launcher_fold_input .MuiInput-input {
  font-size: 14px;
  text-align: center;
  padding-left: 12px;
}
.launcher_fold_txt:before {
  content: "\e6dd";
}
.launcher_fold_psd:before {
  left: -3px;
  font-size: 22px;
  content: "\e7c1";
}
.launcher_bkg_box .btn_wrap_section {
  margin-left: 10px;
}
.launcher_per_case.check_comp_wrap {
  margin-right: 8px;
}
.launcher_per_item {
  margin-right: 28px;
}
.launcher_lock_base {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding-left: 16px;
  margin-bottom: 2px;
  background: #fff;
}
.launcher_lock_base .check_comp_wrap {
  margin-right: 12px;
}
.map_detail_container {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 1000;
  width: 417px;
  padding: 10px 0 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  max-height: calc(100% - 40px);
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
}
.map_market_detail_container {
  position: absolute;
  top: 80px;
  left: 30px;
  z-index: 1000;
  width: 350px;
  padding: 10px 0 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  max-height: calc(100% - 40px);
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
}
.map_detail_case {
  position: relative;
}
.map_detail_loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}
.map_detail_search {
  padding: 0 10px;
  margin-bottom: 20px;
}
.map_detail_search .layout_flex_section .component_search_full {
  flex: 1;
}
.map_detail_content {
  width: 100%;
  padding: 0;
  transition: all 0.24s ease-out;
  overflow: hidden;
}
.map_select_con {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 140px;
  left: 30px;
  width: 350px;
  height: 51px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 14px;
  z-index: 1000;
}
.map_mask {
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.map_title_case {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  min-height: 56px;
  background: #F2F4F7;
}
.map_title_case .btn_wrap_section_full {
  display: block;
  height: 100%;
}
.map_title_case .btn_wrap_section_full .MuiButton-root.button_com_wrap {
  padding: 0 30px;
  height: 100%;
  display: inline;
  word-wrap: break-word;
}
.map_title_case .btn_wrap_section_full .MuiButton-root.button_com_wrap .MuiButton-startIcon {
  display: unset;
}
.map_title_case .btn_wrap_icon {
  position: absolute;
  right: 0;
  top: 10px;
}
.map_btn_case + .map_btn_case {
  border-top: 1px solid #E6E8EA;
}
.map_btn_case.MuiButton-root.button_com_wrap {
  height: 50px;
  display: flex;
  justify-content: space-between;
}
.map_con_list {
  max-height: 290px;
  margin-bottom: 20px;
  padding: 0 20px;
  overflow: auto;
  transition: all 0.24s ease-out;
}
.map_con_terminal > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.map_con_terminal > li .comp_label_item_det {
  max-width: 190px;
}
.map_con_installed > li {
  display: flex;
  align-items: center;
  height: 28px;
  margin-bottom: 15px;
}
.map_con_installed > li .layout_img_wrap {
  margin-right: 7px;
}
.map_con_installed > li .comp_label_item_det,
.map_con_installed > li .comp_label_item {
  flex: 1;
  margin-left: 3px;
  max-width: 42%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.map_con_hardware > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 10px;
  height: 36px;
  background: #F2F4F7;
  font-size: 14px;
}
.map_con_hardware > li .status_label_basic {
  font-size: 14px;
}
.map_con_hardware > li .status_label_basic .iconfont {
  font-size: 20px;
}
.map_address_container {
  position: absolute;
  padding: 12px 8px;
  width: 400px;
  left: calc(50% - 200px);
  text-align: center;
  z-index: 2000;
  opacity: 1;
  bottom: 20px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #E6E8EA;
  transition: all 0.24s ease-out;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.map_address_container.hidden {
  width: 400px;
  left: calc(50% - 200px);
  bottom: -20px;
  opacity: 0;
  transition: all 0.24s ease-out;
}
.map_address_content {
  vertical-align: middle;
  color: #262626;
  font-weight: normal;
  display: inline-block;
  transition: all 0.24s ease-out;
}
.map_btn_box .status_label_basic {
  display: unset;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
  height: unset;
  font-size: 14px;
}
.map_btn_box .comp_label_item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
}
.map_btn_box .layout_flex_section {
  flex: 1;
  overflow: hidden;
}
.map_btn_page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.map_btn_page .pages_area.page_change_area {
  flex: inherit;
}
.map_icon_set.iconfont {
  font-size: 17px;
  color: #00BCD4;
}
.map_check_box {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 52px;
  padding-left: 20px;
  line-height: 52px;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  height: calc(100vh - 64px);
  width: 100%;
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
  max-width: none !important;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
/* cursors */
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.leaflet-marker-draggable {
  width: 30px !important;
  height: 30px !important;
  margin-top: -15px !important;
  margin-left: -15px !important;
}
.leaflet-marker-draggable.leaflet-zoom-animated {
  transition: none !important;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
  font: 12px/1.5 "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}
.leaflet-control-zoom-out {
  font-size: 20px;
}
.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
}
.leaflet-touch .leaflet-control-zoom-in:focus {
  border: 1px solid #000;
}
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
}
.leaflet-touch .leaflet-control-zoom-out:focus {
  border: 1px solid #000;
}
/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url(/admin/assets/img/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(/admin/assets/img/layers-2x.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url("/admin/assets/img/marker-icon.png");
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:focus {
  border: 1px solid #000;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}
.leaflet-popup-content p {
  margin: 18px 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
.leaflet-control-geocoder-address-context {
  color: #666;
}
.leaflet-container {
  height: calc(100vh - 64px);
  width: 100%;
}
.leaflet-left {
  left: initial !important;
  right: 20px;
}
.leaflet-top {
  top: initial !important;
  bottom: 20px;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  bottom: 34px !important;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms !important;
}
.leaflet-zoom-animated {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms !important;
}
/*animation*/
@keyframes shadow {
  0%,
  100% {
    width: 31px;
    padding: 0;
  }
  50% {
    width: 25px;
    padding: 0 3px;
  }
}
@keyframes rotate {
  0%,
  100% {
    padding-top: 8px;
  }
  50% {
    padding-top: 0px;
  }
}
.leaflet-marker-pane img.map-point-animation {
  animation: rotate 1.2s ease-out infinite;
}
.leaflet-shadow-pane img.map-point-animation {
  animation: shadow 1.2s ease-out infinite;
}
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}
.leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c;
}
.leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39;
}
.leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357;
}
.leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c;
}
.leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73;
}
.leaflet-oldie .marker-cluster-large div {
  background-color: #f18017;
}
.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
  line-height: 30px;
}
.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg {
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.setting_scopes_selector .search_filter_text_field {
  margin-top: 0;
}
.setting_scopes_selector .search_filter_box {
  position: absolute;
  top: 9px;
}
.setting_scopes_selector .MuiInput-underline.Mui-disabled:before {
  border-bottom-style: solid;
}
.setting_scopes_selector input:disabled {
  cursor: initial;
}
.verification-box {
  width: 360px;
  height: 36px;
  position: relative;
  padding-right: 90px;
  box-sizing: border-box;
}
.verification-box a {
  position: absolute;
  display: block;
  width: 52px;
  height: 36px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.verification-box .input-box {
  width: 270px !important;
}
.verification-box img {
  position: absolute;
  right: 0;
  top: 0;
}
.verification-box p {
  text-align: center;
  font-size: 14px;
  color: #A9AABD;
  line-height: 36px;
  border-radius: 4px;
}
/* helper_tour */
.helper_tour {
  color: #262626 !important;
  border-radius: 2px !important;
}
.helper_tour.reactour__helper {
  color: #262626;
  border-radius: 4px;
}
.helper_tour .cAxQge,
.helper_tour .yJsFH {
  color: #63AF57;
}
.helper_tour .eTpeTG {
  color: #FF9800;
}
.helper_tour .dtEeev {
  top: 15px;
  right: 15px;
}
.helper_mask {
  opacity: 0.7;
}
.migration_main_con {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.migration_main_con .migration_roll_con {
  width: 330px;
  height: 205px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 27px 15px 0 15px;
}
.migration_main_con .migration_roll_con .layout_dialog_item {
  width: initial;
  margin-right: 10px;
}
.migration_main_con .migration_roll_con .layout_dialog_item .filter_drawer_checkbox.check_comp_wrap.filter_drawer_checkbox_normal.active {
  border-color: currentColor;
}
.migration_main_con .migration_roll_con .layout_dialog_item .layout_config_tit_wrap {
  margin-bottom: 8px;
}
.migration_main_con .migration_roll_con .layout_dialog_item .layout_config_tit_wrap .comp_label_item_tit.layout_config_tit {
  color: #8c8c8c;
  font-size: 12px;
}
.text_field_wrapper.MuiFormControl-root .Mui-disabled .MuiInput-input {
  font-size: 14px;
  color: #262626;
}
.migration_reseller_type {
  font-size: 12px;
  color: #8c8c8c;
}
.terminal_migration_text.MuiFormControl-root {
  margin-top: 8px;
}
.welcome_container {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 30px;
}
.welcome_container .welcome_content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}
.welcome_container .welcome_tit {
  position: absolute;
  top: 130px;
  left: 130px;
  font-size: 36px;
  color: #262626;
  line-height: 60px;
}
.welcome_container .welcome_bot_bor {
  margin-top: 34px;
  width: 55px;
  height: 2px;
  background: #FF9800;
}
.welcome_container .welcome_tit_h3 .welcome_tit_b {
  color: rgb(7 167 237);
}
.welcome_container .welcome_bg {
  width: 100%;
  height: 100%;
}
.iot_product_item.layout_fir_itemlist.MuiButton-root {
  padding: 15px 28px 15px 15px;
}
.iot_product_item.layout_fir_itemlist .layout_flex_section .layout_app_detail_item:nth-child(1) {
  width: auto;
}
.iot_product_item.layout_fir_itemlist .layout_app_detail_item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 20px;
  width: 101px;
  overflow: hidden;
}
.iot_product_item.layout_fir_itemlist .status_label_code {
  color: #008BF8;
  margin-bottom: 5px;
  font-family: "number";
  font-weight: bold;
}
.iot_product_detail_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  padding: 20px 15px 20px 20px;
  min-height: 120px;
  height: 120px;
  box-sizing: border-box;
  color: #fff;
  background-size: contain;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.iot_product_detail_box.PAYMENT_DEVICE {
  background: url("/admin/assets/img/iot/product_detail_payment_device.png") right center / contain no-repeat, url("/admin/assets/img/dark_background.png") center / cover no-repeat;
}
.iot_product_detail_box.CHARGE_POINT {
  background: url("/admin/assets/img/iot/product_detail_charge_point_title.png") right center / contain no-repeat, url("/admin/assets/img/dark_background.png") center / cover no-repeat;
}
.iot_product_detail_box.PRINTER {
  background: url("/admin/assets/img/iot/product_detail_printer.png") right center / contain no-repeat, url("/admin/assets/img/dark_background.png") center / cover no-repeat;
}
.iot_product_detail_box.SCANNER {
  background: url("/admin/assets/img/iot/product_detail_scan_gun.png") right center / contain no-repeat, url("/admin/assets/img/dark_background.png") center / cover no-repeat;
}
.iot_product_detail_box .menu_con_area {
  flex-shrink: 0;
}
.iot_product_detail_box .comp_label_item {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.45);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iot_product_detail_box .comp_label_item:last-child {
  display: block;
  margin-top: 5px;
}
.iot_detail_desc {
  width: 100%;
  flex: 1;
  overflow: hidden;
}
.iot_detail_section {
  display: flex;
  align-items: flex-start;
  flex: 1;
  overflow: hidden;
}
.iot_detail_section .layout_img_wrap {
  margin-right: 20px;
  flex-shrink: 0;
}
.iot_model_wrap.layout_setting_wrap {
  height: initial;
  overflow: initial;
}
.iot_model_wrap.layout_setting_wrap .layout_setting_case {
  height: initial;
  overflow: initial;
}
.iot_model_wrap .layout_setting_left {
  padding: 35px 0 30px 0;
}
.iot_model_wrap .layout_setting_left .layout_btn_wrap {
  align-items: flex-start;
}
.iot_model_wrap .layout_setting_left .layout_btn_wrap .btn_wrap_icon {
  width: initial;
  height: initial;
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist.MuiButton-root {
  padding: 15px 10px 15px 15px;
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist.MuiButton-root.active .MuiIconButton-colorPrimary {
  color: #fff;
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist.MuiButton-root.active .comp_label_item {
  opacity: 1;
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist.MuiButton-root.active .layout_fir_item_label:before {
  color: #fff;
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist.MuiButton-root.active .layout_fir_item_label .comp_label_item {
  color: #fff;
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist .layout_fir_item_case {
  margin-top: 5px;
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist .layout_fir_item_label:not(:last-child):after {
  margin: 0 5px;
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist .layout_fir_item_label.icon-icon-log-tabs_calendar:before {
  font-size: 18px;
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist .layout_fir_item_label:before {
  color: rgba(0, 0, 0, 0.65);
}
.iot_model_wrap .layout_setting_left .layout_fir_itemlist .layout_fir_item_label .comp_label_item {
  color: #262626;
}
.iot_model_wrap .layout_setting_right {
  padding: 20px 0 30px 0;
}
.iot_model_wrap .table_action_td .layout_flex_section {
  justify-content: flex-end;
}
.iot_firmware_left_wrap {
  position: relative;
  width: 330px;
  flex-shrink: 0;
  padding: 20px 0 20px 20px;
  margin: 20px 20px 0 0;
  background: #fff;
  box-sizing: border-box;
}
.iot_search_box {
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  background: #F2F4F7;
  box-sizing: border-box;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform-origin: right;
}
.iot_search_box .component_search .default_search_ipt {
  width: 294px;
}
.iot_search_box .component_search .default_search_exd {
  width: 0;
}
.iot_search_side {
  width: 34px;
  height: 34px;
  position: relative;
}
.iot_firmware_right_wrap.layout_setting_right {
  height: 100%;
  padding: 20px 0 0 0;
  box-sizing: border-box;
}
.iot_firmware_right_wrap .layout_case_wrap {
  padding: 20px;
}
.iot_manu_title {
  flex: 1;
  margin-right: 5px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iot_firmware_version {
  display: flex;
  align-items: center;
  width: 100%;
}
.iot_firmware_version .layout_dialog_item {
  width: 33.3%;
  position: relative;
}
.iot_firmware_version .layout_dialog_item + .layout_dialog_item:before {
  position: absolute;
  left: -12px;
  top: -12px;
  font-size: 24px;
  content: ".";
  color: rgba(0, 0, 0, 0.65);
}
.iot_firmware_version_item.text_field_wrapper {
  position: absolute;
  bottom: 0;
}
.iot_firmware_wrap.layout_setting_wrap {
  overflow: initial;
}
.iot_firmware_wrap .layout_setting_case {
  height: initial;
  overflow: initial;
}
.iot_firmware_wrap .layout_setting_wrap {
  overflow: initial;
}
.iot_firmware_wrap .tree_section_area {
  position: relative;
  margin-left: -16px;
  padding: 0 4px 0 0;
  background: none;
}
.iot_tabs_wrap.content_tabs_wrap {
  margin-top: 8px;
  border-bottom: 1px solid #E6E8EA;
}
.iot_tabs_wrap.content_tabs_wrap .MuiTab-root {
  color: #262626;
}
.iot_tabs_wrap.content_tabs_wrap .MuiTab-textColorInherit.Mui-selected {
  color: currentColor;
}
.iot_tabs_wrap.content_tabs_wrap .MuiTabs-indicator {
  background: currentColor;
}
.iot_tabs_wrap .content_tabbox_btn.MuiTab-root:first-child {
  margin-left: 0;
}
.iot_firmware_edit {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  height: 142px;
  width: 100%;
  margin-bottom: 30px;
  margin-right: 20px;
  box-sizing: border-box;
  background: #F3F3F3;
  border: 1px dashed rgba(0, 0, 0, 0.15);
}
.iot_firmware_edit .layout_img_wrap {
  width: 76px;
  height: 76px;
}
.iot_firmware_edit_box {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.iot_firmware_edit_box .layout_flex_section {
  margin-top: -8px;
}
.iot_upload_firmware {
  position: relative;
  width: 100%;
}
.iot_upload_firmware .edit_required {
  height: 24px;
}
.iot_upload_image {
  display: flex;
  flex-direction: column;
}
.iot_upload_image .comp_label_item {
  margin-bottom: 8px;
}
.iot_menu_list.MuiMenuItem-root .icon_root {
  display: none;
}
.profile_type_config_style {
  margin-top: 0;
  padding-bottom: 60px;
}
.profile_type_config_style .layout_tit_main {
  padding-top: 30px;
  margin-bottom: 15px;
}
.audit_filter_bar .text_field_wrapper.MuiFormControl-root label {
  font-size: 14px;
}
.audit_date_wrap .audit_date_end_time {
  margin-top: 10px;
}
.audit_history_wrap.show .audit_history_box {
  display: block;
  margin-bottom: 25px;
}
.audit_history_wrap.show .layout_flex_wrap {
  border-bottom: none;
  margin-bottom: 0;
}
.audit_history_wrap .layout_flex_wrap {
  border-bottom: 1px solid #E6E8EA;
  margin-bottom: 25px;
}
.audit_history_wrap .audit_history_box {
  display: none;
  margin-bottom: 0;
}
.audit_parameter_item_bold {
  font-weight: 600;
}
.audit_parameter_item_lite {
  color: #8c8c8c;
}
.table_default_wrap tbody tr td.audit_history_td {
  white-space: pre-line;
}
.audit_history_td {
  width: 200px;
  max-width: 200px;
}
.audit_history_field {
  width: 380px;
}
.audit_log_terminal {
  width: 100%;
  height: 500px;
  max-height: 500px;
  box-sizing: border-box;
  padding: 10px;
  color: #262626;
  border: 1px solid #E6E8EA;
  overflow: hidden;
  overflow-y: auto;
}
.iot_detail_wrap .layout_app_detail_item {
  min-width: 50%;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.iot_detail_wrap .button_com_wrap.MuiButton-root {
  padding: 0;
  min-width: 0;
}
.iot_log_diff_red {
  color: #DB4437;
}
.iot_log_diff_red.no_color {
  color: #262626;
}
.iot_log_diff_green {
  color: #63AF57;
}
.iot_log_diff_green.no_color {
  color: #262626;
}
.layout_flex_section .layout_log_btn_tit {
  flex: initial;
}
.radio_audit_log {
  padding-bottom: 15px;
  border-bottom: 1px solid #E6E8EA;
  margin-bottom: 20px;
  font-size: 14px;
}
.radio_audit_log_none_line {
  padding-bottom: 15px;
  font-size: 14px;
}
.industry_side_item .MuiButton-root.button_com_wrap {
  min-height: 100px;
}
.industry_side_item .MuiButton-root.button_com_wrap .layout_config_txt .industry_side_desc {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.industry_side_item .soloution_list_con.MuiButton-root {
  align-items: center !important;
}
.industry_side_item .solution_list_tit {
  flex: 1;
}
.industry_side_item .solution_list_tit .layout_config_tit {
  font-size: 16px;
}
.industry_left_search .component_search {
  margin-left: 10px;
}
.industry_left_search .component_search .default_search_ipt {
  width: auto;
}
.industry_left_search .component_search .default_search_exd {
  width: 0;
}
.industry_static_wrap {
  justify-content: space-between;
}
.industry_static_wrap .market_static_item {
  width: calc(50% - 8px);
}
.industry_static_wrap .market_static_item:nth-child(n+3) {
  margin-top: 16px;
}
.industry_static_wrap .market_static_amount .comp_label_item {
  color: #008BF8;
}
.industry_nav_tit_box {
  display: flex;
  align-items: center;
  flex: 1;
  color: #262626;
  font-size: 18px;
  font-weight: 600;
}
.industry_nav_tit_box .btn_wrap_icon + .industry_nav_tit {
  border: none;
}
.industry_nav_tit_box .layout_flex_section .industry_nav_tit {
  border: none;
}
.industry_nav_tit {
  position: relative;
  padding-left: 10px;
  line-height: 20px;
  border-left: 2px solid #262626;
  color: #262626;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
}
.industry_nav_tit_has {
  color: #008BF8;
}
.industry_nav_line {
  display: inline-block;
  margin: 0 5px;
  color: #A9AABD;
  font-weight: normal;
}
.industry_nav_tit_last {
  color: #262626;
  border: none;
}
.industry_icon_common_style .btn_wrap_section + .btn_wrap_section {
  margin-left: 0;
}
.industry_main_warp {
  display: flex;
  flex-direction: column;
}
.industry_banner_wrap {
  margin-bottom: 20px;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.industry_banner_wrap .swiper-slide {
  padding: 0 2px;
  box-sizing: border-box;
}
.industry_banner_wrap .banner_img {
  width: 100%;
  height: 300px;
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1400px) {
  .industry_banner_wrap .banner_img {
    height: 200px;
  }
}
.industry_banner_wrap .banner_img.banner_pic_pointer {
  cursor: pointer;
}
.industry_banner_wrap .swiper-pagination {
  position: absolute;
  width: 60px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 15px !important;
  background: rgba(0, 0, 0, 0.5);
  height: 14px;
  line-height: 14px;
  border-radius: 2px;
  padding: 0 3px;
}
.industry_banner_wrap .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 18px;
  height: 4px;
  border-radius: 2px;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0.4;
}
.industry_banner_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.industry_solution_container {
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}
.industry_solution_container .industry_solution_cont {
  height: 212px;
  padding-left: 30px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.industry_solution_container .industry_solution_cont .solution_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_info {
  display: flex;
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_info .solution_main_tit .comp_label_item_tit {
  line-height: 24px;
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_info .solution_main_tit .solution_main_tit_con {
  display: flex;
  flex-direction: row;
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_info .solution_main_tit .solution_main_tit_con .comp_label_item_tit {
  margin-right: 10px;
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_info .solution_main_tit .solution_main_tit_con .icon-log-terminal-safe {
  font-size: 12px;
  margin-right: 5px;
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_info .solution_main_tit .comp_label_item {
  line-height: 22px;
  display: flex;
  font-size: 14px;
  margin-top: 5px;
  margin-right: 10px;
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_info img {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.19);
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_price .solution_app_price {
  font-size: 22px;
  color: #FF9800;
  margin-right: 4px;
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_price .solution_app_price .solution_app_price_mode {
  font-size: 22px;
  font-style: normal;
  color: rgba(0, 0, 0, 0.45);
}
.industry_solution_container .industry_solution_cont .solution_main .solution_main_price .comp_label_item {
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
}
.industry_solution_container .industry_solution_cont .solution_desc {
  font-size: 12px;
  line-height: 22px;
  color: #8c8c8c;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-word;
}
.industry_solution_container .industry_solution_cont .MuiButton-root.button_com_wrap {
  padding: 0 ;
}
.industry_solution_container .industry_solution_shot {
  display: flex;
  padding: 30px 80px;
}
.industry_solution_container .industry_solution_shot .shot_pic_wrap {
  width: 120px;
  height: 212px;
  background-color: #F2F4F7;
  display: flex;
  align-items: center;
}
.industry_solution_container .industry_solution_shot .shot_pic_wrap .shot_pic_style {
  width: 100%;
}
.industry_solution_container .industry_solution_shot .shot_pic_wrap:nth-child(2) {
  margin: 0 40px;
}
.solution_grow_wrap {
  background-color: #fff;
  width: auto;
  padding: 40px 30px;
}
.solution_grow_wrap .solution_row_tits {
  padding-bottom: 30px;
}
.solution_grow_wrap .solution_row_tits .layout_main_head_left {
  flex: 1;
  overflow: hidden;
}
.solution_grow_wrap .solution_app_left .solution_app_date {
  margin-top: 20px;
}
.solution_app_price_wrap {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.solution_app_price_wrap .solution_app_price {
  color: #FF9800;
  font-size: 18px;
  font-weight: bold;
}
.solution_app_price_wrap .solution_app_price .solution_app_price_mode {
  font-size: 14px ;
  font-style: normal;
  color: rgba(0, 0, 0, 0.45);
}
.solution_app_price_wrap .comp_label_item {
  margin-top: 5px;
}
.solution_testing_num_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F2F4F7;
  border-radius: 5px;
  padding: 2px 10px;
  margin-top: 10px;
}
.solution_testing_num_wrap .solution_testing_num {
  color: #63AF57;
  margin-left: 10px;
}
.solution_testing_num_wrap .solution_testing_view {
  width: 30px;
  height: 30px;
}
.solution_testing_num_wrap:hover {
  cursor: pointer;
}
.solution_info_code.layout_config_code_wrap {
  min-width: unset;
  width: 100%;
  border-top: unset;
}
.solution_info_code .layout_config_code_case {
  width: 100%;
}
.solution_shot_border {
  padding-top: 5px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E6E8EA;
  overflow: hidden;
  overflow-x: auto;
}
.solution_shot_border .solution_screenshot_container {
  display: flex;
  min-width: 715px;
}
.solution_shot_border .solution_screenshot_container .screenshot_item_wrap {
  width: 225px;
  height: 400px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  box-sizing: border-box;
  background-color: #F2F4F7;
}
.solution_shot_border .solution_screenshot_container .screenshot_item_wrap .screenshot_item {
  max-width: 100%;
  max-height: 100%;
}
.solution_detail_con_list {
  padding-bottom: 10px;
}
.solution_detail_con_list .layout_app_detail_item {
  width: 20%;
  margin: 10px 0;
  padding-right: 10px;
  box-sizing: border-box;
}
.solution_detail_con_list .layout_app_detail_item.app_detail_item_full {
  width: 100%;
}
.solution_price_dialog .layout_config_tit_wrap {
  margin-right: 20px;
}
.solution_price_dialog .setting_text_ipt.MuiFormControl-root {
  flex: 1;
}
@media screen and (min-width: 1440px) and (max-width: 1660px) {
  .industry_solution_container .industry_solution_shot {
    padding: 30px 60px;
  }
  .industry_solution_container .industry_solution_shot .shot_pic_wrap:nth-child(2) {
    margin: 0 20px;
  }
}
@media screen and (max-width: 1440px) {
  .industry_solution_container .industry_solution_shot {
    padding: 30px;
  }
  .industry_solution_container .industry_solution_shot .shot_pic_wrap:nth-child(2) {
    margin: 0 16px;
  }
}
.layout_fir_itemlist.MuiButton-root.active .industry_installed_tit,
.layout_fir_itemlist.MuiButton-root.active .industry_installed_num {
  color: #fff;
}
.app_list_con {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
}
.app_list_con .app_item_li {
  flex-basis: calc(33.33% - 14px);
  /* 每个小div的宽度为百分之20，减去20px的间距 */
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: #fff;
  margin-bottom: 20px;
  margin-right: 20px;
}
.app_list_con .app_item_li button.button_com_wrap_link {
  width: 100%;
}
.app_list_con .app_item_li:nth-child(3n) {
  margin-right: 0;
  /* 清除每一行最后一个小div的右侧间距 */
}
.app_list_con .app_item_li_con {
  width: 100%;
}
.app_list_con .app_item_li_con .app_categories {
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  color: #8c8c8c;
  -webkit-box-orient: vertical;
  /* 隐藏溢出内容 */
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.app_list_con .app_item_li_con .app_item_solution_title {
  white-space: nowrap;
  margin-left: 10px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app_list_con .app_item_bg {
  width: 100%;
  height: 60px;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}
.app_list_con .app_item_bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.2;
  z-index: 2;
}
.app_list_con .app_item_bot {
  display: flex;
  width: 100%;
  height: 190px;
  box-sizing: border-box;
  padding: 20px;
  flex-direction: column;
  justify-content: space-between;
}
.app_list_con .app_item_bot .dev_app_item_r {
  color: rgba(37, 37, 37, 0.28);
  font-size: 14px;
  font-family: "number";
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app_list_con .app_item_bot_l .layout_def_tit {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.app_list_con .app_item_bot_r {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: right;
  align-items: center;
}
.app_list_con .app_item_bot_r .icon-log-terminal-safe {
  font-size: 12px;
  margin-right: 5px;
}
.app_list_con .app_item_bot_r .app_li_lb {
  margin-top: 8px;
}
.app_list_con .app_item_bot_r .app_li_lb .comp_label_item {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
}
.app_list_con .app_item_bot_r .app_li_lb .solution_app_price {
  font-size: 16px;
  color: #FF9800;
  margin-right: 4px;
}
.app_list_con .app_item_bot_r .app_li_lb .solution_app_price .solution_app_price_mode {
  font-size: 14px ;
  font-style: normal;
  color: rgba(0, 0, 0, 0.45);
}
.app_list_con .app_item_bot_r .app_li_lb .comp_label_item {
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
}
.app_list_con .app_item_bot_r .app_li_price {
  font-family: Number;
  font-size: 16px;
  font-weight: bold;
  color: #FF9800;
}
.app_list_con .app_item_bot_r .layout_def_tit {
  font-size: 20px;
  font-weight: bold;
  font-family: Number;
}
.app_list_con .app_item_img {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.app_list_con .app_item_img img {
  display: block;
  width: 36px;
  height: 36px;
}
.industry_confirm .confirm_box_tit,
.industry_confirm .confirm_box_txt {
  margin-bottom: 15px;
  margin-top: 10px;
}
.industry_confirm_icon {
  color: #63AF57;
  font-size: 30px;
  margin-right: 5px;
}
.applyDetailDialog .dialog_content_area {
  padding: 0;
}
.applyDetailDialog .apdd_line {
  width: 60px;
  height: 2px;
  background: #FF6901;
  margin: 16px auto;
}
.applyDetailDialog .apdd_top {
  padding: 25px 35px 35px 35px;
  background: linear-gradient(270deg, #23468F 0%, #1D0447 100%);
  color: rgba(255, 255, 255, 0.85);
}
.applyDetailDialog .apdd_top .apdd_tit {
  font-size: 20px;
  line-height: 44px;
  font-weight: normal;
  text-align: center;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 10px;
}
.applyDetailDialog .apdd_top .apdd_ad {
  margin: 35px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.applyDetailDialog .apdd_top .apdd_ad .apdd_ad_left {
  flex: 1;
}
.applyDetailDialog .apdd_top .apdd_ad .apdd_ad_left .apdd_ad_left_li {
  width: 300px;
  padding: 15px 20px;
  box-sizing: border-box;
  margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.33);
  border-radius: 4px;
  cursor: pointer;
}
.applyDetailDialog .apdd_top .apdd_ad .apdd_ad_left .apdd_ad_left_li .apdd_ad_h4 {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 26px;
}
.applyDetailDialog .apdd_top .apdd_ad .apdd_ad_left .apdd_ad_left_li .apdd_ad_p {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 22px;
}
.applyDetailDialog .apdd_top .apdd_ad .apdd_ad_left .apdd_ad_left_li.active {
  background: rgba(255, 255, 255, 0.2);
}
.applyDetailDialog .apdd_top .apdd_ad .apdd_ad_right {
  flex: 1;
  text-align: center;
}
.applyDetailDialog .apdd_top .apdd_ad .apdd_ad_right .apdd_ad_right_img {
  width: 300px;
}
.applyDetailDialog .apdd_top .apdd_p {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  line-height: 20px;
  text-align: center;
}
.applyDetailDialog .apdd_bot {
  padding: 25px 35px 35px 35px;
  color: #262626;
  text-align: center;
}
.applyDetailDialog .apdd_bot .apdd_tit {
  font-size: 20px;
  line-height: 44px;
  font-weight: normal;
  text-align: center;
  color: #262626;
}
.applyDetailDialog .apdd_bot .apdd_bot_step {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.applyDetailDialog .apdd_bot .apdd_bot_step .apdd_step_li {
  flex-basis: calc(33.33% - 12px);
  background: #F3F3F4;
  border-radius: 4px;
  padding: 15px 30px 20px 30px;
  box-sizing: border-box;
}
.applyDetailDialog .apdd_bot .apdd_bot_step .apdd_step_li .apdd_step_li_h3 {
  margin-bottom: 5px;
  font-weight: normal;
  color: #262626;
}
.applyDetailDialog .apdd_bot .apdd_bot_step .apdd_step_li .apdd_step_img {
  width: 150px;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
}
.applyDetailDialog .apdd_bot .apdd_bot_step .apdd_step_li .apdd_step_li_p {
  color: #8c8c8c;
  font-size: 12px;
}
.app_tit_style .comp_label_item_tit {
  margin-right: 10px;
}
.app_tit_style .icon-log-terminal-safe {
  font-size: 12px;
  margin-right: 5px;
}
.tip_industry_solution {
  font-size: 12px;
  color: #FF9800;
  line-height: 20px;
  padding: 8px 0px;
  border-top: 1px solid #E6E8EA;
  border-bottom: 1px solid #E6E8EA;
  margin-top: 5px;
}
.industry_developer_tab.MuiTab-root {
  overflow: initial;
}
.industry_developer_tab .industry_developer_circle {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 17px;
  position: absolute;
  right: -20px;
  top: 6px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  color: currentColor;
  background: #eeff41;
  font-size: 12px;
}
.template_left_wrap {
  width: 480px;
}
.template_search_side {
  width: 34px;
  height: 34px;
  position: relative;
}
.template_search_box {
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  background: #F2F4F7;
  box-sizing: border-box;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform-origin: right;
}
.template_search_box .component_search .default_search_ipt {
  width: 278px;
}
.template_search_box .component_search .default_search_exd {
  width: 0;
}
.create_geo_fence_tit {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  margin-bottom: 20px;
  background: rgba(0, 0, 0, 0.04);
}
.create_geo_fence_header {
  margin-bottom: 25px;
}
.create_geo_fence_header .comp_label_item_tit {
  margin-bottom: 20px;
}
.create_geo_fence_auto {
  margin-bottom: 15px;
}
.geo_fence_center_wrap {
  position: relative;
}
.geo_fence_center_radius {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 209px;
  height: 64px;
  padding: 0 15px;
  box-sizing: border-box;
  background: #fff;
  position: absolute;
  top: 8px;
  left: 11px;
  z-index: 999;
}
.geo_fence_center_radius .text_field_wrapper {
  margin-top: -8px;
}
.create_geo_fence_label {
  font-size: 14px;
  color: #262626;
}
.create_geo_fence_text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.geo_fence_list_item {
  width: calc(33% - 13px);
  margin-bottom: 20px;
}
.geo_fence_list_item .layout_flex_wrap {
  height: 40px;
  padding: 0 0 0 20px;
  background: #fff;
}
.geo_fence_list_item .layout_flex_wrap .comp_label_item_tit {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.geo_fence_list_item .layout_flex_wrap .btn_wrap_section + .btn_wrap_section {
  margin-left: 5px;
}
.geo_fence_list_wrap {
  display: flex;
  flex-wrap: wrap;
}
.geo_fence_list_wrap .geo_fence_list_item:nth-child(3n+2) {
  margin: 0 20px;
}
.geofence_img {
  width: 718px;
  object-fit: cover;
}
.geo_fence_template_btn {
  background: #fff;
  position: absolute;
  top: 8px;
  right: 11px;
  z-index: 999;
}
.terminal_geo_template_wrap {
  display: flex;
  flex-wrap: wrap;
}
.terminal_geo_template_wrap .terminal_geo_template_item:nth-child(2n) {
  margin-left: 20px;
}
.terminal_geo_template_item {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  background: #F3F3F4;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.terminal_geo_template_item.active {
  background: rgba(99, 175, 87, 0.2);
}
.terminal_geo_template_item .layout_flex_wrap {
  padding: 0 0 0 15px;
  height: 40px;
}
.lat_lng_text {
  color: #63AF57;
}
.terminal_detail_geofence_wrap {
  position: relative;
}
.boundaries_map_select_wrap {
  border-bottom: 1px solid #E6E8EA;
}
.boundaries_map_select_wrap.ant-select-single.ant-select-sm .ant-select-selector {
  width: auto;
  padding: 0;
  color: #63AF57;
}
.boundaries_map {
  position: relative;
}
.tree_node_box_sub_label {
  font-size: 12px;
  color: #8c8c8c;
  margin-top: 5px;
}
.tree_node_box_sub_label span.iconfont {
  font-size: 25px;
  color: #008BF8;
  opacity: 0.5;
  vertical-align: middle;
}
.tree_node_box_sub_label.sub {
  display: flex;
  align-items: center;
}
.tree_node_group {
  border: 2px solid;
}
.tree_node_group.MuiButton-root {
  position: relative;
  min-height: 32px;
  margin-bottom: 4px;
  background: linear-gradient(-135deg, transparent 6px, #F3F3F4 0) top right, linear-gradient(-45deg, transparent 6px, #F3F3F4 0) bottom right;
  background-repeat: no-repeat;
  border-left: 3px solid #E6E8EA;
  border-bottom-right-radius: 28px;
}
.tree_node_group.MuiButton-root:hover {
  top: -1px;
  background: linear-gradient(-135deg, transparent 6px, #d8d8d8 0) top right, linear-gradient(-45deg, transparent 6px, #d8d8d8 0) bottom right;
  background-repeat: no-repeat;
  border-left: 3px solid #E6E8EA;
}
.tree_node_group.MuiButton-root .tree_node_box_txt {
  font-size: 12px;
  line-height: 20px;
  color: #8c8c8c;
}
.tree_node_group.MuiButton-root.tree_node_active {
  border-color: currentColor;
  background: linear-gradient(-135deg, transparent 6px, currentColor 0) top right, linear-gradient(-45deg, transparent 6px, currentColor 0) bottom right;
  background-repeat: no-repeat;
}
.tree_node_group.MuiButton-root.tree_node_active .tree_node_box_label {
  color: #fff;
}
.tree_node_group.MuiButton-root.tree_node_active .tree_node_box_txt {
  color: rgba(255, 255, 255, 0.65);
}
.tree_node_group.MuiButton-root.tree_node_active .tree_node_box_sub_label span.iconfont {
  color: #fff;
}
.tree_node_group.MuiButton-root.tree_node_disable .tree_icon_pic {
  color: #5b5f98;
}
.tree_node_group.MuiButton-root.tree_node_disable.tree_node_active {
  border-color: #BABCCA;
  background: linear-gradient(-135deg, transparent 6px, #BABCCA 0) top right, linear-gradient(-45deg, transparent 6px, #BABCCA 0) bottom right;
  background-repeat: no-repeat;
}
.tree_node_group.MuiButton-root.tree_node_disable.tree_node_active .tree_node_box_sub_label {
  color: #fff;
}
.tree_node_group.MuiButton-root.tree_node_disable.tree_node_active .tree_node_box_sub_label span.iconfont {
  color: #fff;
}
.tree_node_btn {
  width: 100%;
  height: 50px;
  padding-right: 11px;
  box-sizing: border-box;
}
.tree_node_btn_box {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  padding-left: 8px;
  cursor: pointer;
  overflow: hidden;
}
.tree_node_box_con {
  max-width: 180px;
  overflow: hidden;
}
.tree_node_box_label {
  color: #262626;
  font-size: 14px;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tree_node_btn_m {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tree_node_btn_m .tree_node_btn_l {
  margin-right: 6px;
}
.tree_node_btn_m .tree_node_btn_l img {
  width: 35px;
  height: 35px;
}

.status_label_code.status_label_success {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_maintainer {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_approved {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_trail {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_developer {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unavailable {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_inactive {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_failed {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_pending {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_pending_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_offline {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_online {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_rejected {
  color: #DB4437;
  background: #f8dad7;
}
.status_label_code.status_label_active {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_active_secondary {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_fixed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_notfixed {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_own {
  color: #8374FF;
  background: #dddfff;
}
.status_label_code.status_label_registing {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_suspend {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_locked {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_disabled {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_deleted {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_paid {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_unpaid {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_open {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_expired {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_draft {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_completed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_inprogress {
  color: #00BCD4;
  background: #ccf2f6;
}
.status_label_code.status_label_succeed {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_migrating {
  color: #FF9800;
  background: #ffeacc;
}
.status_label_code.status_label_invalid {
  color: #A9AABD;
  background: #eeeef2;
}
.status_label_code.status_label_partail {
  color: #3366ff;
  background: #d6e0ff;
}
.status_label_code.status_label_enable {
  color: #63AF57;
  background: #e0efdd;
}
.status_label_code.status_label_unknow {
  color: #262626;
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_all {
  background: #d8d8d8;
}
.btn_con_box.MuiButton-root.status_tab_code_orange {
  color: #FF9800;
}
.btn_con_box.MuiButton-root.status_tab_code_orange.bg {
  background: #ffeacc;
}
.btn_con_box.MuiButton-root.status_tab_code_green {
  color: #63AF57;
}
.btn_con_box.MuiButton-root.status_tab_code_green.bg {
  background: #e0efdd;
}
.btn_con_box.MuiButton-root.status_tab_code_grey {
  color: #A9AABD;
}
.btn_con_box.MuiButton-root.status_tab_code_grey.bg {
  background: #eeeef2;
}
.btn_con_box.MuiButton-root.status_tab_code_blue {
  color: #00BCD4;
}
.btn_con_box.MuiButton-root.status_tab_code_blue.bg {
  background: #ccf2f6;
}
.btn_con_box.MuiButton-root.status_tab_code_red {
  color: #DB4437;
}
.btn_con_box.MuiButton-root.status_tab_code_red.bg {
  background: #f8dad7;
}
.status_border {
  position: relative;
}
.status_border:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_unavailable {
  border-color: #A9AABD;
}
.status_border_active {
  border-color: #63AF57;
}
.status_border_online {
  border-color: #63AF57;
}
.status_border_offline {
  border-color: #A9AABD;
}
.status_border_pending {
  border-color: #FF9800;
}
.status_border_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_draft {
  border-color: #00BCD4;
}
.status_border_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_rejected {
  border-color: #DB4437;
}
.status_border_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_locked {
  border-color: #A9AABD;
}
.status_border_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_suspend {
  border-color: #A9AABD;
}
.status_border_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple {
  position: relative;
}
.status_border_simple:after {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  top: -7px;
  width: 44px;
  height: 43px;
}
.status_border_simple_unavailable {
  border-color: #A9AABD;
}
.status_border_simple_active {
  border-color: #63AF57;
}
.status_border_simple_online {
  border-color: #63AF57;
}
.status_border_simple_offline {
  border-color: #A9AABD;
}
.status_border_simple_pending {
  border-color: #FF9800;
}
.status_border_simple_pending:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_pending.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -6px top;
}
.status_border_simple_draft {
  border-color: #00BCD4;
}
.status_border_simple_draft:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_draft.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat center top;
}
.status_border_simple_rejected {
  border-color: #DB4437;
}
.status_border_simple_rejected:after {
  background: url("/admin/assets/img/AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_rejected.is_long_hui:after {
  background: url("/admin/assets/img/long_hui_AppDetailView-version-list-apk-status.png") no-repeat -116px top;
}
.status_border_simple_locked {
  border-color: #A9AABD;
}
.status_border_simple_locked:after {
  background: url("/admin/assets/img/icon_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_locked.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_locked.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend {
  border-color: #A9AABD;
}
.status_border_simple_suspend:after {
  background: url("/admin/assets/img/icon_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple_suspend.is_long_hui:after {
  background: url("/admin/assets/img/icon_longhui_suspend.png") no-repeat no-repeat left top;
}
.status_border_simple:after {
  display: none;
  background: none;
}
.layout_secondary_case .admin_reseller_txt {
  color: #262626;
}
.layout_secondary_case .ani_loading_area:before {
  color: #262626;
  width: 12px;
}
.layout_secondary_case .role_list_tabs_footer {
  background: none;
}
.layout_secondary_case .dashboard_con_case .table_default_wrap thead tr th {
  background: #f2f5f7;
}
.layout_secondary_case .role_tit_section .iconfont {
  color: #63AF57;
}
.layout_secondary_case .main_file_search.component_search .iconfont {
  color: #63AF57;
}
.layout_secondary_case .main_file_search.component_search .MuiInputBase-input {
  color: #262626;
}
.layout_secondary_case .role_list_tit {
  color: #262626;
}
.layout_secondary_case .template_search_box {
  background: none;
}
.layout_secondary_case .template_left_wrap {
  width: 38%;
}
.layout_secondary_case .apk_param_detail_tit {
  color: #262626;
}
.layout_secondary_case .terminal_task_history {
  background: #E6E8EA;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
}
.layout_secondary_case .terminal_history_search_btn.component_search {
  background: #E6E8EA;
}
.layout_secondary_case .tree_node_btn_box {
  padding: 0 15px;
}
.layout_secondary_case .tree_node_group.MuiButton-root {
  border: none;
  border-bottom-right-radius: 4px;
}
.layout_secondary_case .accessory_item_btn.MuiButton-root {
  width: auto;
  height: 36px;
  line-height: 36px;
  background: #F2F4F7;
  padding: 0 7px;
}
.layout_secondary_case .accessory_item_btn.MuiButton-root .comp_label_item {
  color: #262626;
}
.layout_secondary_case .accessory_item_btn.MuiButton-root.hasMore {
  width: auto;
  height: 36px;
  line-height: 36px;
  background: #F2F4F7;
  padding: 0 7px;
}
.layout_secondary_case .accessory_item_btn.MuiButton-root.hasMore .comp_label_item {
  color: #262626;
}
.layout_secondary_case .accessory_item_btn.MuiButton-root .accessory_item_more {
  color: #8c8c8c;
}
.layout_secondary_case .accessory_item_btn.MuiButton-root .layout_flex_wrap {
  width: auto;
}
.layout_secondary_case .accessory_item_btn.MuiButton-root.active {
  background: #63AF57;
}
.layout_secondary_case .accessory_item_btn.MuiButton-root.active .comp_label_item {
  color: #fff;
}
.layout_secondary_case .accessory_item_btn.MuiButton-root.active .accessory_item_more {
  color: #fff;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.layout_secondary_case .terminal_detail_section .click_able_wrap {
  color: #63AF57;
}
.layout_secondary_case .terminal_detail_section .terminal_detail_label {
  color: #8c8c8c;
}
.layout_secondary_case .layout_grow_foot_split {
  background: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border: none;
}
.layout_secondary_case .terminal_con_case.layout_setting_case {
  padding-top: 10px;
}
.layout_secondary_case .fir_case_box {
  background: none;
}
.layout_secondary_case .fir_action_box {
  width: 100%;
  left: 0;
  bottom: 0;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.layout_secondary_case .admin_logo_txt {
  color: #262626;
}
.layout_secondary_case .admin_case_btn .iconfont {
  color: #262626;
}
.layout_secondary_case .admin_case_btn.MuiButton-root.button_com_wrap {
  color: #262626;
}
.layout_secondary_case .admin_case_btn.MuiButton-root.button_com_wrap .icon_root {
  color: #999;
}
.layout_secondary_case .admin_menu_box {
  box-shadow: none;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.layout_secondary_case .admin_nav_tit {
  color: #8c8c8c;
}
.layout_secondary_case .admin_menu_item {
  border: none;
}
.layout_secondary_case .admin_menu_item_active {
  border-left: none;
  color: #63AF57;
  background-color: #e0efdd;
}
.layout_secondary_case .admin_menu_item_active .MuiButton-root .iconfont {
  color: #63AF57;
}
.layout_secondary_case .admin_menu_item_active .admin_case_btn.MuiButton-root.button_com_wrap .admin_reseller_txt {
  color: #63AF57;
}
.layout_secondary_case .admin_menu_sum {
  border: none;
}
.layout_secondary_case .admin_menu_footer .iconfont {
  color: #63AF57;
}
.layout_secondary_case .layout_main_header_bg {
  display: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.layout_secondary_case .layout_head_tit_wrap {
  background: none;
  border: none;
}
.layout_secondary_case .layout_head_tit_wrap .layout_tab_wrap.MuiTabs-root {
  border-bottom: none;
}
.layout_secondary_case .dashboard_card_num {
  color: #63AF57;
}
.layout_secondary_case .head_user_action_btn.MuiButton-text {
  min-width: 30px;
}
.layout_secondary_case .table_default_wrap {
  border-spacing: 0 5px;
}
.layout_secondary_case .table_default_wrap thead tr {
  height: 42px;
  border-radius: 4px;
}
.layout_secondary_case .table_default_wrap thead tr th {
  border: none;
  background: rgba(255, 255, 255, 0.5);
}
.layout_secondary_case .table_default_wrap thead tr th:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.layout_secondary_case .table_default_wrap thead tr th:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.layout_secondary_case .table_default_wrap.sub tr th {
  background: #f2f5f7;
}
.layout_secondary_case .table_default_wrap tbody tr {
  height: 42px;
}
.layout_secondary_case .table_default_wrap.mon thead tr th {
  background: #F2F4F7;
}
.layout_secondary_case .layout_main_left_side {
  border-right-color: rgba(0, 0, 0, 0.15);
}
.layout_secondary_case .terminal_detail_title_box {
  min-height: auto;
  padding-top: 18px;
  padding-bottom: 50px;
  color: #8c8c8c;
  background: #fff;
}
.layout_secondary_case .terminal_detail_title_box.sub {
  display: flex;
  align-items: center;
}
.layout_secondary_case .terminal_detail_title_box.sub .terminal_detail_title_txt {
  margin: 0 20px 0 0;
  max-width: 100%;
}
.layout_secondary_case .content_tabs_wrap .MuiTab-root {
  color: #262626;
}
.layout_secondary_case .content_tabs_wrap .MuiTab-textColorInherit.Mui-selected {
  color: #63AF57;
}
.layout_secondary_case .content_tabs_wrap .MuiTabs-indicator {
  background: #63AF57;
}
.layout_secondary_case .iot_product_item.layout_fir_itemlist .status_label_code {
  color: #63AF57;
}
.layout_secondary_case .terminal_detail_title_txt {
  color: #262626;
}
.layout_secondary_case .terminal_detail_title_txt .click_able_wrap {
  color: #262626;
}
.layout_secondary_case .market_box_icon .iconfont {
  color: #8c8c8c;
}
.layout_secondary_case .market_box_icon.active .iconfont {
  color: #63AF57;
}
.layout_secondary_case .market_static_amount {
  color: #63AF57;
}
.layout_secondary_case .iot_product_detail_box {
  color: #262626;
  background: #fff;
}
.layout_secondary_case .iot_product_detail_box .comp_label_item {
  color: #8c8c8c;
}
.layout_secondary_case .layout_main_left {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.layout_secondary_case .layout_main_left.sun {
  background: #fff;
}
.layout_secondary_case .layout_main_left.sun .layout_fir_itemlist.MuiButton-root.button_com_wrap_basic {
  background: #F2F4F7;
}
.layout_secondary_case .layout_main_left.sun .layout_fir_itemlist.MuiButton-root.active .iconfont {
  color: #fff;
}
.layout_secondary_case .layout_main_right {
  border-left: none;
}
.layout_secondary_case .layout_main_right.sun {
  background: #F2F4F7;
}
.layout_secondary_case .layout_side_item_btn .iconfont {
  color: #aab7c6;
}
.layout_secondary_case .tree_con_item {
  display: flex;
  flex-direction: row-reverse;
  background: none;
  border-left-color: #fff;
}
.layout_secondary_case .tree_con_item:hover {
  background: #f1f1f2;
  border-left-color: #f1f1f2;
  box-shadow: none;
}
.layout_secondary_case .tree_con_item .MuiIconButton-label .iconfont {
  color: #262626;
}
.layout_secondary_case .tree_con_item.cur .MuiIconButton-label .iconfont {
  color: #fff;
}
.layout_secondary_case .tree_item_area.sub:hover .tree_con_item {
  background: #f1f1f2;
  border-left-color: #f1f1f2;
  box-shadow: none;
}
.layout_secondary_case .tree_section_area > .tree_con_node > .tree_item_area > .tree_con_node {
  padding-left: 0;
}
.layout_secondary_case .tree_section_area > .tree_con_node > .tree_item_area > .tree_con_node > .tree_con_node {
  padding-left: 10px;
}
.layout_secondary_case .tree_section_area > .tree_con_node > .tree_item_area > .tree_con_node > .tree_con_node .tree_item_area > .tree_con_node {
  padding-left: 36px;
}
.layout_secondary_case .tree_section_area > .tree_con_node > .tree_item_area > .tree_con_node > .tree_item_area {
  padding-left: 16px;
}
.layout_secondary_case .tree_section_area > .tree_con_node > .tree_item_area > .tree_con_node > .tree_item_area > .tree_con_node {
  padding-left: 10px;
}
.layout_secondary_case .tree_section_area > .tree_con_node > .tree_item_area > .tree_con_node > .tree_item_area > .tree_con_node .tree_item_area > .tree_con_node {
  padding-left: 26px;
}
.layout_secondary_case .tree_section_area > .tree_con_node .tree_con_node > .tree_item_area:not(:last-child):before,
.layout_secondary_case .tree_section_area > .tree_con_node .tree_con_node > .tree_item_area:last-child:before,
.layout_secondary_case .tree_section_area > .tree_con_node .tree_con_node > .tree_item_area:not(:last-child):after,
.layout_secondary_case .tree_section_area > .tree_con_node .tree_con_node > .tree_item_area:last-child:after {
  display: none;
}
.layout_secondary_case .tree_section_area .iconfont {
  font-size: 12px!important;
}
.layout_secondary_case .tree_section_area .icon-btn-close:before {
  content: "\e89d";
}
.layout_secondary_case .tree_section_area .icon-btn-open:before {
  content: "\e704";
}
.layout_secondary_case .tree_txt_opr {
  width: 20px;
}
.layout_secondary_case .tree_txt_opr .tree_icon_open.btn_wrap_section {
  width: 20px;
  height: 20px;
}
.toolbar_user_pic {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.toolbar_user_sub {
  position: relative;
}
.toolbar_user_sub + .toolbar_user_sub {
  margin: 0;
}
.toolbar_user_sub .MuiButton-root {
  min-height: 40px;
  justify-content: flex-start;
}
.toolbar_user_sub.count .MuiButton-startIcon {
  position: relative;
}
.toolbar_user_sub.count .MuiButton-startIcon:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #DB4437;
}