html {
  font-size: 13.33333333vw;
}
html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  background: #f5f7fc !important;
  overflow-x: hidden;
  overflow-y: auto;
  color: #414655;
}
.van-overlay {
    display: none !important;
}
.van-dialog {
    display: none !important;
}
.marginlf {
  padding: 0 0.28rem;
}
.el-dialog__header {
  background: linear-gradient(#464d68, #7e87a7, #464d68) !important;
}
.el-dialog__title {
  color: #fff !important;
}
.promotions-form .el-dialog--center .el-dialog__body {
  padding-bottom: 0 !important;
}
.el-dialog__headerbtn .el-dialog__close {
  color: #fff !important;
  font-size: 20px;
  padding: 3px 10px;
}
.paddinglf {
  margin: 0 0.28rem;
}
img {
  border: none;
}
::-webkit-scrollbar {
  width: 0;
}
.m-btn {
  border: none;
  background: var(--primaryColor);
  color: #fff;
  width: 1.4rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  border-radius: 0.28rem;
  display: block;
  font-size: 0.253rem;
}
.m-btn.m-primary-btn {
  background: var(--primaryColor);
}
.m-btn.m-danger-btn {
  background: #f56c6c;
}
.m-text-primary,
.m-text-default {
  color: var(--primaryColor);
  width: 1.4rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  font-size: 0.253rem;
}
.m-text-default {
  color: #cbced8;
}
.m-large-btn-default {
  margin-top: 0.21rem;
  margin-top: 0.45rem;
  display: block;
  height: 0.86rem;
  line-height: 0.86rem;
  font-size: 0.32rem;
  background: linear-gradient(265deg, #8e9bbe -21%, #464d68 91%);
  color: #fff;
  border-radius: 50px;
  text-align: center;
  width: 100%;
  opacity: 0.5;
}
.m-large-btn-default-new {
  box-sizing: border-box;
  margin-top: 18px;
  display: block;
  margin-left: 0.28rem;
  margin-right: 0.28rem;
  line-height: 0.86rem;
  height: 0.86rem;
  font-size: 0.32rem;
  border-radius: 50px;
  text-align: center;
  background: linear-gradient(265deg, #8e9bbe -21%, #464d68 91%);
  color: #fff;
  opacity: 0.5;
}
.friend-table table thead tr th {
  background: #f2f6fc !important;
}
.m-large-btn-default-new-active {
  opacity: 1;
}
.m-middle-btn-default,
.m-middle-btn-primary {
  margin-top: 0.21rem;
  margin-top: 0.45rem;
  display: block;
  height: 0.86rem;
  line-height: 0.86rem;
  font-size: 0.32rem;
  background: var(--primaryColor);
  color: #fff;
  text-align: center;
  width: 50%;
  border-radius: none;
}
.m-middle-btn-default {
  background: #e0ede6;
  color: var(--primaryColor);
}
.m-btn-m {
  display: block;
  height: 0.86rem;
  line-height: 0.86rem;
  font-size: 0.32rem;
  background: var(--primaryColor);
  color: #fff;
  border-radius: 3px;
  text-align: center;
  width: 100%;
  opacity: 0.5;
}
.m-large-btn-active {
  opacity: 1;
}
.m-out-btn:hover {
  text-decoration: none !important;
}
.m-large-btn-active:active,
.m-primary-btn:active,
.m-right-button span:active,
.m-group-btn .m-primary-btn:active,
.m-out-btn:active,
.m-btn.m-primary-btn:active {
  background: linear-gradient(265deg, #8e9bbe -21%, #464d68 91%);
}
.m-drown-btn-group {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-record-item .van-collapse-item .van-cell {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.m-record-item .van-collapse-item .van-collapse-item__content {
  color: #414655 !important;
}
.m-record-item .van-collapse-item .van-cell__title {
  color: #a5a9b3 !important;
}
.m-record-item .van-collapse-item__content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.m-pagination-box {
  margin-top: 0.22rem;
  background: #fff;
}
.van-pagination__item {
  color: var(--primaryColor) !important;
}
.van-pagination__item:active,
.van-pagination__item--active {
  color: #fff !important;
  background: var(--primaryColor) !important;
}
.m-ui-box .van-cell {
  line-height: 0.8rem !important;
  padding: 0 0.28rem;
  font-size: 0.28rem;
}
.m-ui-box .van-cell__left-icon,
.m-ui-box .van-cell__right-icon {
  line-height: 0.8rem !important;
}
.m-ui-box .m-sign-text .van-cell__value {
  color: #f56c6c;
}
.m-message-manager-main .van-badge--fixed {
  right: 0 !important;
  top: 12px !important;
}
.van-field__label,
input,
button,
select,
optgroup,
textarea {
  font-size: 0.253rem !important;
}
.m-login-main .van-field__label, .m-login-main input {
  font-size: 0.34rem !important;
}
.m-login-main .van-icon:before {
  font-size: 0.34rem !important;
}
.van-dialog {
  width: 80% !important;
}
.van-dialog__header {
  line-height: 0.32rem !important;
  font-size: 0.28rem !important;
}
.van-field--error .van-field__control::placeholder {
  color: #a5a9b3 !important;
}
.m-hide-picker-confirm .van-picker__confirm {
  color: #fff !important;
}

.van-picker-column__item--selected {
  color: #c29952 !important;
}
.m-header-box .m-info:active {
  color: #fff !important;
  background: var(--primaryColorOpacity) !important;
}
.van-dropdown-menu__title {
  font-size: 0.28rem !important;
  line-height: 0.29rem !important;
}
.van-cell {
  font-size: 0.253rem !important;
  line-height: auto !important;
}
.m-form-error {
  width: 100%;
  font-size: 0.22rem;
  color: red;
  line-height: 0.253rem;
  padding-left: 0.28rem;
}
.m-modal-body ::-webkit-input-placeholder,
.m-register-main ::-webkit-input-placeholder {
  color: #414655 !important;
}
.m-modal-body ::placeholder,
.m-register-main ::placeholder {
  color: #414655 !important;
}
.m-modal-body input ::-webkit-outer-spin-button,
.m-register-main input ::-webkit-outer-spin-button,
.m-modal-body input ::-webkit-inner-spin-button,
.m-register-main input ::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
}
.m-modal-body .van-cell,
.m-register-main .van-cell {
  box-sizing: inherit !important;
  background: none !important;
}
.m-register-main .van-checkbox__label {
  font-size: 0.253rem !important;
  line-height: 0.3rem !important;
}
.m-register-main .van-cell {
  height: 0.8rem !important;
  line-height: 0.8rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.van-checkbox__icon .van-icon {
  border-radius: 4px !important;
}
.el-select-dropdown {
  z-index: 9999 !important;
}
.m-wallet-select-box .el-select-dropdown {
  top: auto !important;
  left: auto !important;
  min-width: 240px !important;
  width: 80% !important;
  max-height: 200px;
  overflow-y: auto;
  min-width: auto !important;
}
.my-rebate-box .el-collapse-item__wrap,
.my-rebate-box .el-collapse-item__header {
  border: none !important;
  font-size: 0.253rem !important;
}
.my-rebate-box .el-collapse-item__content {
  padding: 0 !important;
}
.m-bank-add-main .van-cell,
.m-bank-add-main .el-autocomplete,
.m-bank-add-main .el-input__inner,
.m-transfer-main .van-cell,
.m-only-deposit-main .van-cell {
  height: 0.8rem !important;
  line-height: 0.8rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.m-bank-add-main .el-autocomplete .el-input {
  display: block !important;
}
.m-bank-add-main .el-select .el-input__inner,
.m-bank-add-main .el-input .el-input__inner,
.m-only-deposit-main .el-select .el-input__inner {
  border: none !important;
  background: rgba(255, 255, 255, 0) !important;
  height: 0.8rem !important;
  line-height: 0.8rem !important;
}
.m-append-form.is-disabled {
  background-color: #f5f7fa !important;
}
.m-append-form.is-disabled .van-cell {
  background-color: #f5f7fa !important;
}
.el-select-dropdown__item {
  font-size: 0.253rem !important;
  /* line-height: 0.3rem !important; */
  margin-bottom: 10px !important;
}
.m-bank-add-main .el-select .el-input .el-select__caret,
.m-bank-add-main .el-input__inner,
.m-only-deposit-main .el-select .el-input .el-select__caret {
  font-size: 0.253rem !important;
}
.m-append-readonly-form .van-cell {
  background: #f2f6fc !important;
}
.van-collapse-item__content {
  font-size: 0.253rem !important;
  color: #2e2e2e !important;
}
.m-bank-box .submit-btn-box {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.m-bank-box .el-button {
  display: block;
  width: 100%;
  margin-left: 0 !important;
}
.van-cell {
  padding: 0.22rem 0.28rem !important;
}
.van-dropdown-item {
  border-top: 1px solid #dcdfe6;
}
.van-checkbox__icon .van-icon {
  width: 22px !important;
  height: 22px !important;
  border: 1px solid #323233 !important;
}
.m-login-main .van-checkbox {
  overflow: visible;
}
.van-checkbox__icon--checked .van-icon {
  border-color: var(--primaryColor) !important;
}
::-webkit-input-placeholder {
  color: #414655 !important;
}
::placeholder {
  color: #414655 !important;
}
.van-field__label {
  color: #414655 !important;
  font-weight: bold !important;
}
.van-field__control:disabled {
  background: #f5f7fa !important;
}
.m-message-manager-main .van-cell {
  padding: 0 !important;
}
.pc-player-consultation-box .el-scrollbar__wrap {
  height: 50vh;
}
/* .notice-el-scrollbar .el-scrollbar__wrap {
  max-height: 50vh;
} */
.trans-detail-scrollbar .el-scrollbar__wrap  {
  max-height: 50vh;
}
/* .platform-el-scrollbar .el-scrollbar__wrap {
  max-height: 49vh;
} */
.m-placeholder-form ::-webkit-input-placeholder {
  color: red !important;
}
.m-placeholder-form ::placeholder {
  color: red !important;
}
.el-date-picker__header-label {
  vertical-align: middle !important;
}
.player-messages-important-main .el-icon-arrow-left,
.player-messages-important-main .el-icon-arrow-right {
  color: #333 !important;
  font-size: 16px !important;
  font-weight: bold !important;
}
.player-messages-important-main .el-carousel__arrow--left {
  left: -10px !important;
}
.player-messages-important-main .el-carousel__arrow--right {
  right: -10px !important;
}
.player-messages-important-main .el-carousel__arrow,
.player-messages-important-main .el-carousel__arrow:hover {
  background: transparent !important;
}
.player-messages-important-main .el-icon-arrow-left,
.player-messages-important-main .el-icon-arrow-right {
  color: var(--primaryColor) !important;
}
.m-home-page.el-popover {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.el-select .el-input .el-select__caret {
  color: var(--primaryColor) !important;
}
.m-vip-main .el-table th {
  background: #fafafa !important;
}
.m-trans-record-detail-main .el-dialog__header {
  padding: 0 !important;
}
.m-platform-icon .el-loading-spinner .circular {
  margin-top: 0.1rem;
  height: 26px !important;
  width: 26px !important;
}
.m-platform-icon .el-loading-spinner .path {
  stroke: var(--primaryColor);
}
.m-gray-placeholder .van-field__control::placeholder {
  color: #a5a9b3 !important;
}
.m-platform-icon {
  background: rgba(255, 255, 255, 1) !important;
}
.platform-games-main .m-platform-icon {
  background: transparent !important;
}
.platform-games-main .m-platform-icon .el-loading-spinner .path {
  stroke: #000 !important;
}
.header-locale-box .el-input__inner {
  height: 30px !important;
  line-height: 30px !important;
  font-size: 13px !important;
  color: #caab8d !important;
  background: transparent;
}
.header-local-select .el-select-dropdown__item {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.header-local-select .el-select-dropdown__item a {
  color: #4e5864;
}
.header-local-select .el-select-dropdown__item .nuxt-link-active {
  color: var(--primaryColor);
}
.header-locale-box .el-select .el-input .el-select__caret {
  color: #caab8d !important;
}
.header-locale-box .el-input__icon {
  line-height: 30px !important;
}
.header-local-select {
  position: fixed !important;
  top: 0.66rem !important;
}
.m-record-main .van-cell__title,
.m-help-main .van-cell__title {
  color: #4f555b !important;
  font-weight: normal !important;
}
.van-cell__title {
  /* color: var(--primaryColor) !important; */
  /* font-weight: bold; */
  font-size: 0.28rem;
}
.m-record-main .van-dropdown-item__option--active .van-cell__title,
.m-help-main .van-dropdown-item__option--active .van-cell__title {
  color: #c29952 !important;
  font-weight: bold;
}
.m-help-item .van-cell__left-icon {
  font-size: 0.36rem;
  font-weight: bold;
  margin-right: 0.28rem;
  color: var(--primaryColor) !important;
}
.el-select-dropdown__item.selected {
  color: #c29952 !important;
  background: #f5f7fa !important;
}
.van-dialog__header {
  background: linear-gradient(210deg, #8e9bbe, #464d68, #7e87a7) !important;
  color: #fff;
  font-size: 0.36rem !important;
  font-weight: 900 !important;
  height: 0.9rem !important;
  line-height: 0.9rem !important;
  padding-top: 0 !important;
}
.van-dialog__message {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.m-transfer-main .van-cell__title {
  color: #414655 !important;
  font-weight: normal !important;
}
.m-message-manager-main .el-button--text {
  color: #c29952 !important;
}
.m-transfer-main .el-input__inner {
  border: none !important;
}
.m-btn {
  background: #c29952;
}
.m-darkblue-btn {
  background: linear-gradient(210deg, #8e9bbe, #464d68, #7e87a7);
}
.m-green-btn {
  background: var(--primaryColor);
}
.m-green-btn:active {
  background: var(--primaryColorOpacity);
}
.van-skeleton__row,
.van-skeleton__title {
  background-color: #dbdada !important;
}
.van-skeleton__content {
  margin-top: 0.28rem !important;
}
.dl-list {
  margin: 0.22rem 0.28rem;
  padding: 15px 19px;
  border: 1px solid #3e455d;
  background: #fff;
}
.dl-list dt {
  font-size: 0.28rem;
  letter-spacing: 1px;
  color: rgb(235, 40, 0);
  margin-bottom: 10px;
}
.dl-list dd {
  font-size: 0.253rem;
  color: #666;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.m-new-form-item .el-select-dropdown .el-select-dropdown__item {
  min-width: 350px; /* 设置最大宽度 */
}
.m-user-info-main .el-select .el-input__inner,
.m-user-info-main .el-date-editor .el-input__inner {
  line-height: 0.8rem !important;
  height: 0.8rem !important;
  border: none !important;
}
.el-input.is-disabled .el-input__inner {
  color: #323233 !important;
}
.van-dropdown-menu__title::after {
  border-color: transparent transparent #3e455d #3e455d !important;
}
.m-dialog-top {
  background: linear-gradient(210deg, #8e9bbe, #464d68, #7e87a7);
  color: #fff;
}
.one-click-recall-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
  height: 23px;
  line-height: 23px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  background: linear-gradient(#7e87a7, #464d68, #7e87a7);
  cursor: pointer;
}
.one-click-recall-btn:hover,
.one-click-recall-btn:active {
  background: linear-gradient(#464d68, #7e87a7, #7e87a7);
}
.uc-username-level-info {
  margin-left: 5px;
  background: linear-gradient(to right, #f2dbc1, #c5a586, #ecd1b3);
  color: #000;
  border-radius: 4px;
  line-height: 0.34rem;
  height: 0.33rem;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  font-size: 0.253rem;
}
.all-out .el-loading-spinner {
  width: 80%;
  height: 190px;
  top: calc(50% - 90px);
  left: calc(50% - 40%);
  background: #fff;
  border-radius: 8px;
}
.all-out .el-loading-spinner i {
  font-size: 50px !important;
  margin-top: 40px !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
}
.all-out .el-loading-spinner:before {
  content: '提示';
  display: block;
  height: 40px;
  background: linear-gradient(210deg, #8e9bbe, #464d68, #7e87a7);
  border-radius: 8px 8px 0 0px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.el-button--info.is-disabled {
  color: #333 !important;
}
.m-withdrawls-page .el-input.is-disabled .el-input__inner,
.m-withdrawls-page .van-field__control:disabled {
  color: #909399 !important;
}
.m-withdrawls-page .van-field__control:disabled {
  -webkit-text-fill-color: #909399 !important;
  -moz-text-fill-color: #909399 !important;
  -ms-text-fill-color: #909399 !important;
}
.el-button--primary {
  background: linear-gradient(210deg, #8e9bbe, #464d68, #7e87a7) !important;
}
.van-dialog__cancel,
.van-dialog__confirm {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.van-dialog__cancel {
  border: 1px solid #464d68 !important;
  margin-left: 15px !important;
}
[class*=van-hairline]::after {
  transform: none !important;
  webkit-transform: scale(.5) !important;
}
.van-dialog__confirm {
  background: linear-gradient(#464d68, #7e87a7, #464d68) !important;
  border-color: #464d68 !important;
  color: #fff !important;
}
.van-dialog__confirm,
.van-dialog__confirm:active {
  color: #fff !important;
}
.van-dialog__footer {
  width: 80%;
  margin: 0 auto;
  justify-content: space-around !important;
  padding-bottom: 15px !important;
  flex-direction: row-reverse !important;
}
.van-hairline--top::after,
.van-hairline--left::after {
  border: none !important;
}
.el-button--primary.is-plain {
  font-weight: bold !important;
  color: #fff !important;
}
.red-validate .van-field__control {
  color: #f56c6c !important;
}
.m-real-name-main .el-form-item__label {
  color: #000 !important;
  font-weight: bold;
  margin-bottom: 0 !important;
}
.m-real-name-main .el-form-item {
  margin-bottom: 0 !important;
  font-size: 0.253rem !important;
  line-height: 0.28rem !important;
}
.m-real-name-main .el-form-item__content {
  line-height: 0.32rem !important;
  font-size: 0.253rem !important;
  margin-top: 10px;
}
.m-real-name-main .m-upload-item {
  line-height: 0.32rem !important;
}
.m-real-name-main .el-form--label-top .el-form-item__label {
  line-height: 0.52rem !important;
  font-size: 0.3rem !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0.2rem;
  padding-bottom: 0;
  padding-right: 0.2rem;
  background: linear-gradient(to right, #f2dbc1, #c5a586, #ecd1b3);
}
.upload-id-card {
  width: 320px;
  _height: 180px;
  _overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.upload-id-card .el-upload__tip {
  font-size: 0.264rem;
}
.upload-id-card .el-upload {
  width: 320px !important;
  height: 180px !important;
  line-height: 180px !important;
}
.upload-id-card .el-upload-list--picture-card .el-upload-list__item {
  width: 320px !important;
  height: 180px !important;
  line-height: 180px !important;
}
.upload-id-card .el-upload-list--picture-card .el-upload-list__item-thumbnail {
  object-fit: contain !important;
  object-position: center !important;
}
.upload-id-card .el-upload-list--picture-card .el-upload-list__item>div {
  width: 100% !important;
  height: 100% !important;
  background: #c0ccda;
}
.visibility-upload .el-upload {
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
}
.m-real-name-main .el-upload-list--picture-card .el-upload-list__item-actions {
  opacity: 1 !important;
}
.m-real-name-main .el-upload-list--picture-card .el-upload-list__item-actions span {
  display: inline-block !important;
}
.m-real-name-main .upload-submit {
  margin-top: 0.45rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.86rem !important;
  line-height: 0.86rem !important;
  font-size: 0.32rem !important;
  background: linear-gradient(265deg, #8e9bbe -21%, #464d68 91%);
  color: #fff;
  border-radius: 50px;
  text-align: center;
  width: 100%;
  opacity: 1;
}
.m-real-name-main .active-submit {
  opacity: 0.5;
}
.sign-header-dialog {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.withdrawals-btn .el-button {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.el-tabs__item {
  font-size: 0.28rem !important;
  font-weight: 700 !important;
  color: #3e455d !important;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background: linear-gradient(265deg, #8e9bbe -21%, #464d68 91%);
  color: #fff !important;
}
.el-tabs__nav-next, .el-tabs__nav-prev {
  font-size: 0.28rem !important;
  font-weight: 900 !important;
}
.usdt-select-item .el-select-dropdown__item {
  height: auto !important;
  overflow: auto !important;
}
.integral-table .el-table th {
  background: #ae8660 !important;
  color: #fff !important;
}
.integral-table .el-table th.el-table__cell > .cell {
  font-size: 14px !important;
  font-weight: bold !important;
}
.integral-table .el-table th:first-child {
  background: linear-gradient(180deg, #7C86AB 0%, #515978 90%, #4D5574 100%) !important;
  color: #fff !important;
}
.m-vip-main .van-swipe__indicator {
  width: 0.2rem !important;
  height: 0.2rem !important;
  background: rgba(62, 69, 93, 0.5) !important;
}
.m-record-main .van-hairline--top-bottom::after,
.m-record-main .van-hairline-unset--top-bottom::after {
  border: none !important;
}
.m-vip-detail .el-table th.el-table__cell {
  background: #EBEEF5 !important;
}
.m-select-wallet-main .van-dialog {
  width: 90% !important;
}
.m-select-wallet-main .el-input__inner, .m-select-wallet-main .el-select-dropdown__item {
  font-size: 0.30rem !important;
  white-space: normal !important;
  overflow: auto !important;
  text-overflow: inherit !important;
}
.van-dialog__cancel, .van-dialog__confirm {
  margin-top: 25px !important;
}
.van-pagination__item::after {
  border: 0 !important;
}
.van-pagination__item:last-child::after {
  border-width: 0 !important;
}
.all-out.is-fullscreen {
  z-index: 9999 !important;
}
.my-form-item .el-input-group__append {
  background: linear-gradient(#7e87a7,#464d68,#7e87a7) !important;
  border: 1px solid #464d68 !important;
}
.my-form-item .el-input-group__append .primary-color {
  color: #fff !important;
}
.my-form-item .el-input-group__append:hover {
  text-decoration: none !important;
  background: linear-gradient(#464d68, #7e87a7, #464d68) !important;
}
.van-popover--light .van-popover__content {
  background: #c29952 !important;
  color: #fff !important;
}
.van-popover--light .van-popover__arrow {
  color: #c29952 !important;
}
.van-dialog__message--has-title {
  padding-top: 0.4rem !important;
  padding-bottom: 0 !important;
}
.el-input .el-input__clear {
  font-size: 22px !important;
}
.m-transfer-main .van-field__control {
  font-size: 15px !important;
}
.m-transfer-main .m-pre-label {
  font-size: 15px !important;
}