input:focus,
button:focus {
  outline: none; }

.content_base {
  width: 1240px;
  margin: 10px auto;
  padding: 20px;
  background-color: white;
  box-shadow: 0 0 1px 2px rgba(238, 238, 238, 0.2); }

textarea {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif; }

.xst-btn {
  border: none;
  background: #E74B3B;
  font-weight: normal;
  min-width: 120px;
  font-size: 16px;
  padding: 12px 16px;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  text-align: center;
  transition: all .3s ease; }
  .xst-btn:hover {
    background: #e43624; }
  .xst-btn:focus {
    outline: none; }
  .xst-btn:active {
    background: #d52b1a; }
  .xst-btn.disabled {
    background: #ccc;
    color: #333; }

.xst-input {
  border-radius: 4px;
  border: 1px solid #ccc;
  transition: all .3s ease; }
  .xst-input[type="text"] {
    vertical-align: middle;
    line-height: 38px;
    padding: 12px;
    height: 38px;
    box-sizing: border-box; }
  .xst-input:focus {
    outline: none;
    border: 1px solid #E74B3B; }

.xst-select {
  border-radius: 4px;
  border: 1px solid #ccc;
  transition: all .3s ease;
  vertical-align: middle;
  line-height: 38px;
  padding: 0 12px;
  height: 38px;
  box-sizing: border-box; }
  .xst-select:focus {
    outline: none;
    border: 1px solid #E74B3B; }

.pagination {
  margin-top: 16px;
  text-align: center;
  height: 32px;
  line-height: 32px; }
  .pagination input {
    border: 1px solid #ddd;
    height: 32px;
    padding: 12px;
    box-sizing: border-box;
    width: 48px;
    vertical-align: top; }
    .pagination input:focus {
      border-color: #E74B3B; }
    .pagination input::-webkit-outer-spin-button, .pagination input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .pagination input[type=number] {
      -moz-appearance: textfield; }
  .pagination .rows {
    margin-left: 4px; }
  .pagination .goto {
    display: inline-block; }
  .pagination button {
    border-radius: 3px;
    padding: 6px;
    height: 32px;
    box-sizing: border-box;
    min-width: 48px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #ddd;
    transition: all .3s ease;
    margin-left: 4px; }
    .pagination button:hover {
      background: #f2f2f2; }
  .pagination ul {
    display: inline-block; }
    .pagination ul li {
      display: inline-block;
      width: auto;
      border-radius: 3px; }
      .pagination ul li + li {
        margin-left: 4px; }
      .pagination ul li .ellipsis {
        display: inline-block;
        margin: 0 8px; }
      .pagination ul li > a {
        display: block;
        height: 32px;
        min-width: 32px;
        text-align: center;
        padding: 0 16px;
        box-sizing: border-box;
        border: 1px solid #ddd;
        transition: all .3s ease; }
        .pagination ul li > a:hover {
          background: #f2f2f2; }
        .pagination ul li > a[disabled] {
          pointer-events: none;
          background: #e6e6e6; }
      .pagination ul li.active > a {
        background: #FDC12E;
        border-color: #FDC12E;
        color: #333; }

.xst-tabs {
  list-style: none;
  display: flex;
  margin-bottom: 15px;
  flex-wrap: wrap; }
  .xst-tabs .xst-tab {
    cursor: pointer;
    min-width: 68px;
    color: #666;
    text-align: center;
    font-weight: 400;
    padding: 8.8px 0;
    margin-right: 30px;
    font-size: 14px;
    position: relative; }
    .xst-tabs .xst-tab:after {
      content: "";
      left: 50%;
      right: 50%;
      height: 2px;
      position: absolute;
      background-color: #FAC846;
      top: 39px;
      transition: all .2s linear; }
    .xst-tabs .xst-tab:hover:after {
      left: 0;
      right: 0; }
    .xst-tabs .xst-tab.active {
      border-bottom: 2px solid #FAC846;
      color: #E74B3B; }
      .xst-tabs .xst-tab.active a {
        color: #333;
        font-weight: 600; }
    .xst-tabs .xst-tab:first-child {
      margin-left: 0; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

.platform_checkBox {
  width: 16px;
  height: 16px;
  -webkit-appearance: none;
  background: url("/img/checkBox_off.png") no-repeat;
  vertical-align: middle;
  background-size: 100% 100%;
  border: none;
  margin: 0px;
  outline: none;
  vertical-align: middle !important; }

.platform_checkBox:checked {
  background: url("/img/icon_weixuan.png") no-repeat;
  background-size: 100% 100%;
  outline: none; }

.xst-table {
  width: 100%;
  border: 1px solid #D2D2D2;
  border-spacing: 0; }
  .xst-table tr > th {
    line-height: 56px;
    background-color: #F6F6F6;
    color: #333333;
    text-align: left;
    border-bottom: 1px solid #E8E8E8; }
    .xst-table tr > th:first-child {
      padding-left: 15px; }
  .xst-table tbody tr:hover {
    background-color: #eee; }
  .xst-table tr > td {
    padding: 12px 0;
    color: #333333;
    max-width: 200px;
    min-width: 50px;
    border-bottom: 1px solid #eee; }
    .xst-table tr > td:first-child {
      text-align: left;
      padding-left: 15px; }
    .xst-table tr > td .el-button {
      padding: 5px; }

.not_data {
  height: 100px;
  line-height: 100px !important;
  text-align: center !important;
  color: #9F9F9F !important;
  font-size: 16px !important; }

.no-data {
  height: 284px;
  background: url(/img/no-data.png) center no-repeat; }

.out_hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.el-message-box {
  min-width: 260px !important;
  max-width: 420px !important;
  width: auto !important; }

.el-message-box--center {
  padding-bottom: 15px !important; }

.el-message-box--center .el-message-box__header {
  padding-top: 0 !important; }

.el-message {
  min-width: 260px !important; }

.el-popconfirm__main {
  margin: .5em 0 1em; }

.choose_pay_dialog .el-dialog--center .el-dialog__body {
  padding: 5px  25px 30px;
  text-align: center; }

.weChatDiv {
  margin: auto;
  display: block;
  text-align: center; }
  .weChatDiv img {
    margin: 5px auto; }

.note_p {
  color: #E74B3B;
  font-size: 12px;
  padding: 8px; }

* {
  margin: 0;
  padding: 0; }

body {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1320px;
  background-color: #F6F6F6; }

a {
  color: #E74B3B;
  text-decoration: none; }

ul, li {
  list-style: none; }

.container {
  width: 1280px;
  margin: 0 auto; }

[v-cloak] {
  display: none !important; }

textarea {
  resize: none; }

.text-muted {
  color: #999999; }

.text-center {
  text-align: center; }

a.link-primary {
  color: #E74B3B;
  transition: all .2s; }
  a.link-primary:hover {
    color: #e43624; }
  a.link-primary.light {
    text-decoration: underline;
    color: #fdf2f1; }
    a.link-primary.light:hover {
      color: #faddda; }

.link-primary {
  color: #E74B3B;
  transition: all .3s;
  text-decoration: underline; }
  .link-primary:hover {
    color: #e43624; }