@charset "UTF-8";
body {
  background: #ffffff;
  overflow: revert !important; }

/*会员中心公共样式*/
.userCenter {
  display: flex;
  align-items: flex-start; }
  .userCenter .listFilter {
    position: relative;
    margin-bottom: 20px; }

.left-nav {
  float: none;
  /*position: -webkit-sticky;
  position: sticky;
  top: 0;*/
  width: 170px;
  border: 1px solid var(--block-border-color);
  background: #ffffff;
  margin: 40px auto 50px 0; }
  .left-nav .uInfo {
    padding: 15px;
    background: var(--primary-color);
    display: none; }
    .left-nav .uInfo a {
      display: block;
      color: #ffffff;
      font-size: 20px;
      font-weight: bold;
      text-align: center; }
      .left-nav .uInfo a:hover {
        letter-spacing: 1px; }
  .left-nav .nav-body .cateList {
    padding: 10px 0;
    border-bottom: 1px solid var(--base-color-1); }
    .left-nav .nav-body .cateList:last-child {
      border-bottom: 0; }
    .left-nav .nav-body .cateList .cateItem {
      font-size: 14px;
      font-weight: bold; }
      .left-nav .nav-body .cateList .cateItem:nth-child(1) {
        margin-top: 5px; }
      .left-nav .nav-body .cateList .cateItem a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--text-color-0);
        padding: 10px 0 10px 20px; }
        .left-nav .nav-body .cateList .cateItem a:not(.noLink):hover {
          color: var(--primary-color); }
        .left-nav .nav-body .cateList .cateItem a:not(.noLink).current {
          color: var(--text-color-0);
          border-right: 5px solid var(--primary-color);
          background: var(--column-bg-color); }
          .left-nav .nav-body .cateList .cateItem a:not(.noLink).current span {
            margin-right: 5px; }
        .left-nav .nav-body .cateList .cateItem a span {
          min-width: 15px;
          margin-right: 10px;
          margin-top: 1px;
          padding: 0 3px;
          color: #ffffff;
          font-size: 12px;
          font-weight: normal;
          text-align: center;
          border-radius: 10px; }
          .left-nav .nav-body .cateList .cateItem a span.danger {
            background: var(--mark-importent-bg-color); }
          .left-nav .nav-body .cateList .cateItem a span.warning {
            background: var(--warning-hover-color); }
      .left-nav .nav-body .cateList .cateItem .noLink {
        position: relative;
        padding-bottom: 8px; }
        .left-nav .nav-body .cateList .cateItem .noLink:hover {
          color: var(--text-color-3); }
        .left-nav .nav-body .cateList .cateItem .noLink::after {
          position: absolute;
          right: 20px;
          top: 18px;
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-color: transparent #666 #666 transparent;
          border-width: 1px;
          border-style: solid;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
          -o-transform: rotate(-135deg);
          transform: rotate(-135deg); }
        .left-nav .nav-body .cateList .cateItem .noLink.hideChild::after {
          top: 11px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
      .left-nav .nav-body .cateList .cateItem .navName {
        cursor: pointer; }
      .left-nav .nav-body .cateList .cateItem .item-child .child {
        font-weight: normal; }
        .left-nav .nav-body .cateList .cateItem .item-child .child a {
          font-size: 13px;
          color: var(--text-color-6); }
          .left-nav .nav-body .cateList .cateItem .item-child .child a:hover {
            color: var(--primary-color); }

.left-nav ~ .content-right {
  float: none;
  width: calc(100% - 190px);
  margin-bottom: 50px;
  margin-top: 40px;
  padding: 0 0 50px; }

.statusWrap {
  position: relative;
  /*导航类型*/ }
  .statusWrap.commonNavWrap {
    margin-bottom: 30px; }
  .statusWrap .navGroup {
    border-bottom: 1px solid var(--block-border-color); }
    .statusWrap .navGroup a.navItem {
      display: inline-block;
      font-size: 16px;
      margin-right: 30px;
      padding: 5px 0 9px;
      cursor: pointer; }
      .statusWrap .navGroup a.navItem:hover {
        color: var(--primary-color); }
      .statusWrap .navGroup a.navItem.navItemNow {
        color: var(--text-color-0);
        font-weight: bold;
        border-bottom: 3px solid var(--text-color-0); }

/*导航按钮切换*/
.filter-head {
  display: flex;
  height: 56px;
  padding-bottom: 15px; }
  .filter-head .head-left {
    display: flex;
    grid-column-gap: 20px; }
    .filter-head .head-left .button {
      min-width: 90px;
      padding: 12px 20px;
      font-size: 14px;
      line-height: 1;
      border: 1px solid #ffffff;
      border-radius: 4px;
      white-space: nowrap;
      text-align: center;
      cursor: pointer;
      transition: .1s; }
      .filter-head .head-left .button:hover {
        background: var(--block-light-bg-color); }
      .filter-head .head-left .button.current {
        color: var(--primary-color);
        background: var(--primary-plain-bg-color) !important;
        border-color: var(--primary-plain-border-color); }
      .filter-head .head-left .button span {
        position: relative; }
        .filter-head .head-left .button span span {
          position: absolute;
          top: -7px;
          min-width: 15px;
          color: #ffffff;
          font-size: 12px;
          padding: 1px 3px 2px;
          background: var(--mark-importent-bg-color);
          border-radius: 10px; }
        .filter-head .head-left .button span i {
          position: relative;
          font-style: normal; }
          .filter-head .head-left .button span i:after {
            position: absolute;
            top: -5px;
            right: -7px;
            display: block;
            content: "";
            width: 7px;
            height: 7px;
            background: var(--mark-importent-bg-color);
            border-radius: 10px; }

/* VUE input placeholder公共样式 */
.el-input__inner::-webkit-input-placeholder, .el-input__inner input::-webkit-input-placeholder {
  font-size: 13px; }

.el-input__inner:-moz-placeholder, .el-input__inner input:-moz-placeholder {
  font-size: 13px; }

.el-input__inner::-moz-placeholder, .el-input__inner input::-moz-placeholder {
  font-size: 13px; }

.el-input__inner::-ms-input-placeholder, .el-input__inner input::-ms-input-placeholder {
  font-size: 13px; }

/* VUE textarea placeholder公共样式 */
.el-textarea__inner::-webkit-input-placeholder, .el-textarea__inner textarea::-webkit-input-placeholder {
  font-size: 13px; }

.el-textarea__inner:-moz-placeholder, .el-textarea__inner textarea:-moz-placeholder {
  font-size: 13px; }

.el-textarea__inner::-moz-placeholder, .el-textarea__inner textarea::-moz-placeholder {
  font-size: 13px; }

.el-textarea__inner::-ms-input-placeholder, .el-textarea__inner textarea::-ms-input-placeholder {
  font-size: 13px; }

/* VUE 列表head公共样式 */
.el-table th.el-table__cell.is-leaf {
  font-size: 12px;
  padding: 8px 0;
  background: var(--base-color-7); }

.el-table td.el-table__cell div {
  font-size: 13px; }

/* VUE 时间选择器 */
.el-date-editor .el-range-separator {
  width: auto !important; }

.el-date-table th,
.el-date-table td {
  font-size: 12px; }

.el-picker-panel__shortcut {
  height: 30px;
  line-height: 20px !important; }

/* VUE 滚动条 */
.el-table ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  z-index: 999; }

.el-table ::-webkit-scrollbar-track {
  border-radius: 50px; }

.el-table ::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background: rgba(142, 142, 142, 0.5); }

.el-dialog ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  z-index: 999; }

.el-dialog ::-webkit-scrollbar-track {
  border-radius: 50px; }

.el-dialog ::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background: rgba(142, 142, 142, 0.5); }

/* VUE 表格列固定 由于修改了滚动条样式导致固定列高度出现了变化，这里统一设置高度 */
.el-table__fixed, .el-table__fixed-right, .el-table__fixed, .el-table__fixed-left {
  /*height: calc(100% - 10px) !important;*/ }

/* VUE 分页 */
.el-pagination {
  margin-top: 20px;
  text-align: right; }

/* VUE dialog弹框上下居中 分页 */
.el-dialog {
  display: flex;
  flex-direction: column;
  /*margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 90VH;*/ }

.el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
  word-break: normal; }

/* 页面分块内容title */
.childWrap {
  position: relative;
  border-top: 1px solid #eeeeee;
  margin-bottom: 30px; }
  .childWrap .childTitle {
    position: absolute;
    left: 0;
    top: -10px;
    display: inline-block;
    padding-right: 20px;
    background: #ffffff; }

/*账户余额页面*/
.accountBalance .myBalance {
  display: flex;
  align-items: center; }
  .accountBalance .myBalance .available span.balance {
    color: var(--mark-importent-bg-color);
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px; }
    .accountBalance .myBalance .available span.balance font {
      color: var(--text-color-8);
      font-size: 13px;
      font-weight: normal; }
  .accountBalance .myBalance .topUpRecord {
    color: var(--primary-color);
    font-size: 13px;
    margin-left: auto; }
    .accountBalance .myBalance .topUpRecord:hover {
      text-decoration: underline; }
.accountBalance .balanceDetails {
  margin-top: 30px; }

/*修改密码页面*/
.modifyPassword {
  width: 620px; }
  .modifyPassword .confirm {
    width: 150px;
    margin-left: 200px;
    margin-top: 10px; }

/*修改支付密码页面*/
.modifyPaymentPassword {
  width: 800px; }
  .modifyPaymentPassword .confirm {
    width: 150px;
    margin-left: 250px;
    margin-top: 10px; }

/*# sourceMappingURL=user.css.map */