.no-click {
  pointer-events: none;
  opacity: 0.5;
}
/* Chrome, Safari, Edge */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px; /* Adjust the size of the thumb */
  height: 20px; /* Adjust the size of the thumb */
  background: #00a089; /* Change the thumb color to green */
  border-radius: 50%; /* Make the thumb circular */
  cursor: pointer;
  border-color: #00a089;
}

/* 隐藏原始的radio按钮 */
.radio-input {
  display: none;
}

/* 自定义radio按钮的样式 */
.radio-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #e3e3e3;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
}

/* 当radio被选中时，改变自定义radio按钮的样式 */
.radio-input:checked + .radio-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: #00a089; /* 改变选中时的颜色 */
  border-radius: 50%;
}

/* 改变整个支付选项的背景颜色 */
.payment-option {
  display: inline-flex;
  align-items: center;
  padding: 10px 8px;
  background-color: white;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.payment-option.active {
  border: 1px solid #00a089;
  background-color: #f2faf9;
}
.payment-option .bank-right {
  transition: all 0.3s;
}
.payment-option.active .bank-right {
  transform: rotate(90deg);
}

/* 当radio被选中时，改变整个支付选项的背景颜色 */
.radio-input:checked + .radio-button + .payment-icon + span {
  background-color: rgba(0, 0, 255, 0.1); /* 改变选中时的背景颜色 */
}

/* .btn {
  padding: 0.375rem 1.4rem;
} */
.m-lr-15 {
  margin: 0 15px;
}
.box_shadow1 {
  box-shadow: 0px 2px 6px 0px #efefef;
}
.box-shadow-none {
  box-shadow: none !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #00a089;
  text-decoration: none;
  background: #e8e9e7 linear-gradient(180deg, #eeeeee, #e8e9e7) repeat-x;
}

.btn-normal {
  color: #1a1c1f !important;
}
.btn_warning {
  border-color: #ffa931 !important;
  background: #ffa931 !important;
}
.btn_warning:hover {
  border-color: #ef9d29 !important;
  background: #ef9d29 !important;
}

.mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected] {
  color: #00a089;
}
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option:active,
.mdi-selector mdi-selector mdi-selector-body mdi-selector-option:active {
  color: #00a089;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  border-color: #00a089 !important;
  background: #00a089 !important;
}

.form-control::placeholder {
  font-size: 14px !important;
  font-weight: normal !important;
  color: #cccccc !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #00a089 !important;
  background: #00a089 !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label {
  color: #00a089 !important;
}
.custom-switch .custom-control-label {
  color: #1a1c1f;
}
.color_normal {
  color: #00a089 !important;
}
.color_white {
  color: #fff !important;
}
.color_dark {
  color: #1a1c1f !important;
}
.color_999 {
  color: #999999 !important;
}
.color_7f {
  color: #7f7f7f !important;
}
.color_bb {
  color: #bbbbbb !important;
}

.color_0635 {
  color: #006355 !important;
}

.bg_none {
  background: none !important;
}
.bg_default {
  background: #00a089;
}
.bg_alert_success {
  background: #fffbea;
}
.bg_color_d9 {
  background-color: #d9d9d9;
}
.color_ccc {
  color: #cecece !important;
}
.color_6 {
  color: #666666 !important;
}
.color_8 {
  color: #888888 !important;
}

.color_d9 {
  color: #d9d9d9 !important;
}
.color_7a {
  color: #7a5b0b !important;
}
.color_02 {
  color: #02d2b7 !important;
}
.color_ab {
  color: #ababab !important;
}
.color_54 {
  color: #545e68 !important;
}
.fw_200 {
  font-weight: 200 !important;
}
.fw_400 {
  font-weight: 400 !important;
}
.fw_500 {
  font-weight: 500 !important;
}
.fw_600 {
  font-weight: 600 !important;
}
.fw_700 {
  font-weight: 700 !important;
}
.fw_800 {
  font-weight: 800 !important;
}
.fw_900 {
  font-weight: 900 !important;
}

.ico_color {
  color: #8eaa96 !important;
}

.border_0 {
  border: 0 !important;
}
.border_bot_0 {
  border-bottom: 0 !important;
}
.border_top_0 {
  border-top: 0 !important;
}
.border_top_left_radius {
  border-top-left-radius: 0 !important;
}
.border_bottom_left_radius {
  border-bottom-left-radius: 0 !important;
}
.border_top_right_radius {
  border-top-right-radius: 0 !important;
}
.border_bottom_right_radius {
  border-bottom-right-radius: 0 !important;
}
.border_right {
  border-right: 0 !important;
}

.border_e6 {
  border: 1px solid #e6e6e6 !important;
}

.border_ccc {
  border: 1px solid #cccccc !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}
.border-radius-4 {
  border-radius: 4px;
}
.border-radius-8 {
  border-radius: 8px;
}
.pos-rela {
  position: relative;
}

.rate-success {
  color: #ffd231;
}
.rate-danger {
  color: #ff9d47;
}
.td-33 {
  width: 33%;
}

/* overivew start */
.cancel-btn,
.backward-bt,
.submit-btn,
.close-btn,
.more-pay-btn,
.create-company-info,
.download-bill,
#cancle_txt,
#other_txt {
  text-align: center;
  padding: 6px 28px;
  border-radius: 4px;
  cursor: pointer;
}

.cancel-btn,
#cancle_txt {
  color: #1a1c1f;
  border: 1px solid #bbbbbb !important;
  background-color: #fff;
}
.cancel-btn:hover,
#cancle_txt:hover,
.close-window:hover {
  background-color: #f2f8f7 !important;
}
.backward-btn:hover {
  color: #00a089 !important;
}
.submit-btn,
.more-pay-btn,
.close-btn,
.download-bill,
#payment #cancle_txt,
.create-company-info,
#other_txt {
  color: #fff !important;
  background-color: #00a089 !important;
  border: 1px solid #00a089 !important;
}
.submit-btn:hover,
.close-btn:hover,
.more-pay-btn:hover,
.download-bill:hover,
.create-company-info:hover,
#payment #cancle_txt:hover,
#other_txt:hover {
  color: #fff !important;
  background: #01836f !important;
  border-color: #01836f !important;
}
.prc-num {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  color: #7f7f7f;
  background: #d9d9d9;
}
.prc-cont.active {
  color: #00a089;
}
.prc-cont.active .prc-num {
  color: #fff;
  background: #00a089;
}
.left-line-right {
  position: relative;
}
.left-line-right::before
/* .left-line-right::after */ {
  content: "";
  position: absolute;
  /* top: 22px; */
  width: 50px;
  height: 1px;
  background-color: #d9d9d9;
}

.left-line-right::before {
  left: -75%;
}
/* .left-line-right::after {
  right: -120px;
} */
.select-item input[type="radio"]:checked + .content-item {
  border-color: #00a089;
  background-color: #00a089;
}
.select-item .content-item {
  padding: 0.4rem 1.4rem;
}
.select-item .content-item:hover {
  background: #f2f8f7;
  border-color: #f2f8f7;
}
mdi-input-group > .input-group-prepend > .btn {
  border: 1px solid #d9d9d9;
  border-radius: 4px !important;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
}
.form-nums {
  width: 40px;
  background: none;
  border: 0 !important;
}
.create-order-table,
.select-template-btn {
  background-color: #f9fafb;
}

#shopcar .mdi-icon-plus,
#shopcar .mdi-icon-minus {
  border: 1px solid #bbbbbb;
  padding: 2px;
  border-radius: 2px;
}

.loader {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #00a089;
  border-bottom: 2px solid #00a089;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#src_reult {
  width: 100%;
}
.thank-ser {
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 26%;
  transform: translate(-50%, -50%);
}
.result-order-info {
  background: #f9fafb;
  margin: 0 14px;
  border-radius: 6px;
  padding: 14px 8px;
}

.shoplist-table-cell {
  margin: 16px;
  background-color: #f9fafb;
  border-radius: 8px;
}
.shoplist-table-cell th,
.shoplist-table-cell td {
  border: 0 !important;
}
.chacha-btn {
  position: absolute;
  right: 32px;
  top: 28px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  transition: all 0.3s;
}
.chacha-btn:hover {
  background: #f9fafb;
}

/* overivew end */

/* 模板 start */
#refreshIcon {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mdi-tab-link {
  color: #bbbbbb !important;
}
.mdi-tab-link.active {
  color: #00a089 !important;
  background: none !important;
}
.search-bo .form-control {
  border: 1px solid #e6e6e6 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
mdi-tabs .mdi-tab-link::before {
  background: #00a089 !important;
}
.border-not-right {
  border-radius: 0 !important;
  border-left: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
  border-bottom: 1px solid #e6e6e6 !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.template card-header .sign .form-control {
  border: 0 !important;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
}

.txt-gray {
  color: #888888 !important;
}
.txt-none {
  color: #5e5e5f !important;
}
.txt-red {
  color: #dc350b !important;
}
.txt-purple {
  color: #c011e3 !important;
}
.txt-cyan {
  color: #00cdec !important;
}
.txt-blue {
  color: #0d63df !important;
}
.txt-green {
  color: #049b8a !important;
}
.txt-yellow {
  color: #f39600 !important;
}

.bubble-none {
  color: #04534a !important;
}
.bubble-red {
  color: #511505 !important;
}
.bubble-purple {
  color: #04534a !important;
}
.bubble-cyan {
  color: #04534a !important;
}
.bubble-blue {
  color: #024d68 !important;
}
.bubble-green {
  color: #04534a !important;
}
.bubble-yellow {
  color: #04534a !important;
}

.btn-gray {
  background: #dc350b !important;
}
.btn-none {
  background: #049b8a !important;
}
.btn-red {
  background: #dc350b !important;
}
.btn-purple {
  background: #c011e3 !important;
}
.btn-cyan {
  background: #00cdec !important;
}
.btn-blue {
  background: #0d63df !important;
}
.btn-green {
  background: #049b8a !important;
}
.btn-yellow {
  background: #f39600 !important;
}

.bg-gray {
  background: #eeebeb !important;
}
.bg-none {
  background: #ebe9e9 !important;
}
.bg-red {
  background: #f7e0da !important;
}
.bg-purple {
  background: #ecdeee !important;
}
.bg-cyan {
  background: #cee9ed !important;
}
.bg-blue {
  background: #dae6fa !important;
}
.bg-green {
  background: #e0ebde !important;
}
.bg-yellow {
  background: #faf7e4 !important;
}

.folder-bg-none {
  background: #d3e6d9 !important;
}
.folder-bg-red {
  background: #f5d6ce !important;
}
.folder-bg-purple {
  background: #e8ceed !important;
}
.folder-bg-cyan {
  background: #bee7ed !important;
}
.folder-bg-blue {
  background: #cbdaf1 !important;
}
.folder-bg-green {
  background: #d3e6d9 !important;
}
.folder-bg-yellow {
  background: #faf4d7 !important;
}

.folder-bg-none:hover {
  background: #b7cfbf !important;
}
.folder-bg-red:hover {
  background: #e0bfb7 !important;
}
.folder-bg-purple:hover {
  background: #d6badc !important;
}
.folder-bg-cyan:hover {
  background: #acd4db !important;
}
.folder-bg-blue:hover {
  background: #b8c8e0 !important;
}
.folder-bg-green:hover {
  background: #b7cfbf !important;
}
.folder-bg-yellow:hover {
  background: #dcd5b6 !important;
}

.border-gray {
  border: 1px solid #888888 !important;
}
.border-none {
  border: 1px solid #cdcdcd !important;
}
.border-red {
  border: 1px solid #efbbae !important;
}
.border-purple {
  border: 1px solid#d3a3dd !important;
}
.border-cyan {
  border: 1px solid #7cc6d1 !important;
}
.border-blue {
  border: 1px solid #b8cae6 !important;
}
.border-green {
  border: 1px solid #b8d1c9 !important;
}
.border-yellow {
  border: 1px solid #e0d6a1 !important;
}

/* 无标签悬停效果 */
.btn_hover.bg-gray:hover {
  background: #c6c6c6 !important;
}
.btn_hover.bg-none:hover {
  background: #addbd6 !important;
}
/* 红色标签悬停效果 */
.btn_hover.bg-red:hover {
  background: #f2beb0 !important;
}
/* 紫色标签悬停效果 */
.btn_hover.bg-purple:hover {
  background: #f2cff9 !important;
}
/* 青色标签悬停效果 */
.btn_hover.bg-cyan:hover {
  background: #90e1ed !important;
}
/* 蓝色标签悬停效果 */
.btn_hover.bg-blue:hover {
  background: #bad0f1 !important;
}
/* 绿色标签悬停效果 */
.btn_hover.bg-green:hover {
  background: #b3d3ac !important;
}
/* 黄色标签悬停效果 */
.btn_hover.bg-yellow:hover {
  background: #fce1b7 !important;
}

.sign-green {
  color: #0cc63e !important;
}

.template card-body .message {
  padding: 0;
  border: 0;
}

.template card-body .message {
  padding: 0;
  border: 0;
}

.template card-body .message .bubble {
  background: none;
}
.template card-body .message .bubble.arrow-left::after {
  border-right-color: none;
}
/* 定义旋转动画 */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 应用旋转动画到图标 */
.under-review.iconfont.icon-Frame-10 {
  animation: spin 2s linear infinite;
}
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url(/libraries_v4/public/images/xuanzhong.png) !important;
  background-size: cover !important;
  position: absolute !important;
  right: 1.5rem !important;
  top: 0.8rem !important;
  background-repeat: no-repeat !important;
}
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option[selected] {
  color: inherit !important;
  background: #f7f7f7;
}
#intersms_his .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#templates .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#sendlists .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#analysis .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#addressbook-list .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#Sending .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#folder-view .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#folder .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#balance_log .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#accountlist .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before,
#create-addressbook .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected]::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/libraries_v4/public/images/xuanzhong.png);
  background-size: cover;
  position: absolute;
  right: 1.5rem;
  top: 0.8rem;
  background-repeat: no-repeat;
}
#intersms_his .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#templates .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#sendlists .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#analysis .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#addressbook-list .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#Sending .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#folder-view .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#folder .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#balance_log .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#accountlist .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
#create-addressbook .mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected] {
  color: inherit;
  background: #f7f7f7;
}
#intersms_his .mdi-selector mdi-selector mdi-selector-body,
#templates .mdi-selector mdi-selector mdi-selector-body,
#sendlists .mdi-selector mdi-selector mdi-selector-body,
#analysis .mdi-selector mdi-selector mdi-selector-body,
#addressbook-list .mdi-selector mdi-selector mdi-selector-body,
#Sending .mdi-selector mdi-selector mdi-selector-body,
#folder-view .mdi-selector mdi-selector mdi-selector-body,
#folder .mdi-selector mdi-selector mdi-selector-body,
#balance_log .mdi-selector mdi-selector mdi-selector-body,
#create-addressbook .mdi-selector mdi-selector mdi-selector-body,
#accountlist .mdi-selector mdi-selector mdi-selector-body {
  padding: 0;
}
#folder-content .folder-name {
  width: 54%;
  margin: 0 auto;
  border-radius: 8px;
}

mdi-dialog-confirm mdi-dialog-container {
  width: 500px !important;
}
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-body {
  padding: 14px 40px;
}

mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-footer .btn.mdi-dialog-confirm:active,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-footer .btn.mdi-dialog-confirm:focus,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-footer .btn.mdi-dialog-cancel:active,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-footer .btn.mdi-dialog-cancel:focus {
  background-color: #00a089 !important;
}

mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-footer .btn.mdi-dialog-cancel:hover {
  color: #00a089 !important;
}
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-footer .btn.mdi-dialog-confirm:hover {
  color: #fff !important;
}
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-footer .btn.mdi-dialog-confirm:focus,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-footer .btn.mdi-dialog-cancel:focus {
  outline: none !important;
}

/* #folder-content .view-folder-btn:hover {

  background: #e7e7e7 linear-gradient(180deg, #ebebeb, #e7e7e7) repeat-x;
} */
/* 模板 end */

/* 发送任务 start */
.send-info-grid {
  padding: 24px 14px;
  border-radius: 4px;
}
.send-info-input {
  width: 36%;
}
.icon-circle-num {
  font-size: 14px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #00a089;
  text-align: center;
  color: #fff;
}
#addressbooks-content,
#file-content,
#input {
  border-radius: 0 !important;
  border: none !important;
  border-top: 1px solid #e6e6e6 !important;
}
addressbook-item .addressbook-icon {
  padding: 14px;
  line-height: 32px !important;
  color: #666666;
  height: auto !important;
  border-color: #d1d1d1 !important;
}
addressbook-item .addressbook-checkbox:checked ~ .addressbook-icon {
  color: #00a089 !important;
  box-shadow: none !important;
  background: #f0faf8;
  border-color: #00a089 !important;
  box-shadow: none !important;
}
addressbook-item .addressbook-checkbox:checked ~ .addressbook-icon:before {
  color: #00a089 !important;
}
#import-from-file:hover {
  color: #fff !important;
  background: #00a089 !important;
}

#input .table th,
.table td {
  padding: 1rem 20px !important;
}

.table-bordered-outline > tr > td {
  width: 14%;
  text-align: left;
  border: none !important; /* 去掉单元格内部边框 */
}
.table-bordered-outline > tr:first-child > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
#input .form-control {
  border: 0 !important;
}
.send-right-part {
  padding: 28px 36px;
  border-radius: 4px;
}
.select-btn:hover {
  color: #fff !important;
  background: #00a089;
}
.card-temp {
  background: #f0faf8;
}

.report-info {
  padding: 24px 20px;
}
.sent-status > span {
  background: #a6ded6;
  border-radius: 50px !important;
}
.info-right-con {
  background: #f0faf8;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  padding: 14px 20px;
}
.tem-cont {
  height: 74px;
  overflow: hidden;
  overflow-y: scroll;
}
.sending-ovw {
  background: #fff;
  padding: 14px 24px;
  border-radius: 6px;
}
.sending-ico {
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
}

.sending-info {
  color: #2c66f6;
  background: #dbe9fe;
}
.sending-warning {
  color: #f9b807;
  background: #fff8ea;
}
.sending-success {
  color: #00a089;
  background: #e6f6f4;
}
.sending-purle {
  color: #9333e9;
  background: #f5ebfd;
}
.submit-search-btn {
  width: 140px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.sen-deta-mob {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.send-top-item {
  box-shadow: 0px 0px 7px 0px #efefef;
}
#sms-history-content > table tbody,
#history-content > table tbody,
#fee-content > table tbody,
#errors-content > table tbody,
#logs-content > table tbody,
#fee-list-content > table tbody,
#orders-content > table tbody,
#invoices-content > table tbody {
  box-shadow: 0px 8px 15px 0px #efefef;
}
#sms-history-content > table th,
#sms-history-content > table td,
#history-content > table th,
#history-content > table td,
#fee-content > table th,
#fee-content > table td,
#errors-content > table th,
#errors-content > table td,
#logs-content > table th,
#logs-content > table td,
#fee-list-content > table th,
#fee-list-content > table td,
#orders-content > table th,
#orders-content > table td,
#invoices-content > table th,
#invoices-content > table td {
  border: 0 !important;
  vertical-align: middle;
}

#invoices-content > table tbody td {
  height: 60px;
}
#logs-content > table tbody td {
  height: 28px;
}

#sms-history-content > table > thead td,
#history-content > table > thead td,
#fee-content > table > thead td,
#errors-content > table > thead td,
#logs-content > table > thead td,
#fee-list-content > table > thead td,
#orders-content > table > thead td,
#invoices-content > table > thead td {
  color: #ababab;
  background: #f9f9f9 !important;
}

#sms-history-content tr:nth-child(odd),
#history-content tr:nth-child(odd),
#fee-content tr:nth-child(odd),
#errors-content tr:nth-child(odd),
#logs-content tr:nth-child(odd),
#fee-list-content tr:nth-child(odd),
#orders-content tr:nth-child(odd),
#invoices-content tr:nth-child(odd) {
  background-color: #fff; /* 奇数行背景颜色 */
}
#sms-history-content tr:nth-child(even),
#history-content tr:nth-child(even),
#fee-content tr:nth-child(even),
#errors-content tr:nth-child(even),
#logs-content tr:nth-child(even),
#fee-list-content tr:nth-child(even),
#orders-content tr:nth-child(even),
#invoices-content tr:nth-child(even) {
  background-color: #f9f9f9; /* 偶数行背景颜色 */
}
#sms-history-content > table tr:hover,
#history-content > table tr:hover,
#fee-content > table tr:hover,
#errors-content > table tr:hover,
#logs-content > table tr:hover,
#fee-list-content > table tr:hover,
#orders-content > table tr:hover,
#invoices-content > table tr:hover {
  background-color: #efefef;
}

/* 发送任务 end */

/* 支付方式 start */
.container-desktop {
  display: none;
  width: 370px;
  height: 248px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1001;
  border-radius: 12px;
  overflow: hidden;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  padding: 40px 0px 24px 0px;
  background-color: #fff;
}
@keyframes container-zoom-in {
  0% {
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.desktop-animation {
  animation: container-zoom-in 0.3s ease-in-out;
  animation-fill-mode: forwards;
}

.container-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.container-content img {
  width: 64px;
  height: 64px;
}

.container-title {
  color: var(--Content-Primary, #2a3a52);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 24px;
}

.container-subTitle {
  color: #7c8ca3;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 24px;
}

.container-btn {
  display: flex;
  width: 338px;
  height: 48px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  border-radius: var(---Button, 12px);
  background: var(--Action-Normal, #1650ff);
  border: none;
  cursor: pointer;
  color: var(--Content-Quaternary, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 24px;
}

.payment-icon {
  width: 34px;
  margin-right: 3px;
}
.pay-nav .payment-option {
  padding: 10px 12px;
}
.bank-info {
  padding: 14px 12px;
  border-radius: 8px;
  background: #e6f6f4;
  margin: 0;
}
.bank-cont {
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.bank-cont.active {
  height: 424px;
}
/* 支付方式 end */

/* api分析 start  */
.api-send-oview-item {
  width: 360px;
  background: #fff;
  border-radius: 4px;
  justify-content: space-between;
  padding: 20px 24px;
  margin-top: 10px;
  transition: box-shadow 0.15s ease-in-out;
  box-shadow: 0px 2px 6px 0px #efefef;
  flex-grow: 1; /* 允许子元素扩展以填充剩余空间 */
  margin-right: 20px; /* 设置右边距 */
  margin-bottom: 20px; /* 设置下边距 */
}

.api-info {
  color: #2c66f6;
  background: #dbe9fe;
}
.api-success {
  color: #00a089;
  background: #e6f6f4;
}
.api-danger {
  color: #ff3b30;
  background: #ffeceb;
}
.api-puler {
  color: #9333e9;
  background: #f5ebfd;
}
.api-warning {
  color: #f9b807;
  background: #fff8e7;
}
.oview-item-tight {
  padding: 4px 9px;
  border-radius: 50%;
}
.shizhong {
  width: 20px;
}

/* api分析 end */

/* 账单 start */
.order-overview-cont {
  background: #f9fafb;
  border-radius: 8px;
}
.order-overview-cont > table th,
.order-overview-cont > table td {
  border: 0 !important;
}
/* 账单 end */

/* 实名认证 start */
.real-name-verification {
  list-style: none;
}
.real-name-verification li {
  position: relative;
}
.real-name-verification li::before {
  position: absolute;
  content: "";
  top: 8px;
  left: -17px;
  width: 8px;
  height: 8px;
  background: #00a089;
  border-radius: 50%;
}

/* 实名认证 end */

/* 404 start */
.fail-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.to-index {
  color: #fff;
  background: #016355;
}
.to-index:hover {
  color: #fff;
  background: #015145;
}
.img-404 {
  width: 100%;
}
@media (max-width: 992px) {
  .right-404 {
    display: none !important;
  }
}
/* 404 end */

.ac_logs .ac-title {
  padding: 16px 20px;
  color: #ababab;
  background: #f9f9f9 !important;
}
.ac_logs,
.ac-body {
  margin: 0;
}
.ac-body {
  padding: 16px 0px;
  height: 128px;
  box-shadow: 0px 8px 15px 0px #efefef;
}

.ac-body:nth-child(odd) {
  background-color: #f9f9f9; /* 奇数行背景颜色 */
}
.ac-body:nth-child(even) {
  background-color: #fff; /* 偶数行背景颜色 */
}
.ac-body:hover {
  background-color: #efefef;
}
.templates-content grid:hover {
  background: #e7e7e7;
}
.dateinputer {
  line-height: 38px;
  height: 38.5px;
  border-radius: 0.25rem;
  border: 1px solid #e6e6e6 !important;
  cursor: pointer;
  position: relative;
  padding: 0 20px;
  font-weight: 500;
  font-size: 16px !important;
}
.flex-div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column;
}
.language {
  position: relative;
}

.language::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -80%;
  width: 1px;
  height: 16px;
  background: #e6e6e6;
}
.notification-btn {
  position: relative;
}
.notification-btn .badge-danger {
  position: absolute;
  top: -8px;
  right: 4px;
  background: #00a089 !important;
}
.content-scroll-header-shadow {
  /* border-bottom: 1px solid #d9d9d9; */
}
.bt-boder::after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 98%;
  height: 1px;
  background: #d9d9d9;
}
@media (max-width: 992px) {
  .bt-boder::after {
    width: 0;
  }
}