// 深版

// 公共底部组件
.black-bg {
  .newFooter {
    .footer {
      width: 100%;
      border-top: 5px solid #E5003D;
      // height: 345px;
      color: #fff;
      background: linear-gradient(to bottom, #031E2E, #12354E, #031E2E, #12354E);

      .cot {
        width: 75%;
        margin: 0 auto;
        padding: 56px 0;
        display: flex;
        justify-content: space-between;

        // position: relative;
        .left {
          width: 25%;
          font-size: 16px;
          line-height: 32px;

          div {
            margin-bottom: 10px;
          }

          .iconfont {
            display: inline-block;
            font-size: 16px;
          }

          span {
            width: 44px;
            height: 44px;
            line-height: 44px;
            margin-right: 9px;
            border-radius: 22px;
            background-color: #E5003D;
            vertical-align: middle;
            text-align: center;
          }
        }

        .mid {
          // height: 158px;
          width: 50%;
          box-sizing: border-box;
          padding: 0 66px;
          border-left: 1px solid rgba(250, 250, 250, .2);
          border-right: 1px solid rgba(250, 250, 250, .2);

          .text {
            margin: 0 auto;
            padding: 22px 22px 24px 20px;
            // width: 666px;
            // height: 129px;
            font-size: 12px;
            line-height: 24px;
            background: url('../../static/newimg/fotcopy.png') no-repeat center;
            background-size: cover;
          }

          .copyright {
            margin: 17px auto 0;
            font-size: 12px;
            line-height: 24px;
          }
        }

        .right {
          width: 25%;
          position: relative;

          // padding-left: 75px;
          .app {
            position: relative;
            top: 0;
            right: 0;
            transform: translate(0, -140%);
            margin: 0 auto;
            width: 170px;
            height: 42px;
            background-color: #E5003D;
            border-radius: 3px;
            font-size: 16px;
            line-height: 32px;
            text-align: center;
          }

          .pic {
            margin-top: -42px;
            display: flex;
            align-items: center;
            justify-content: space-around;

            .adrpic {
              width: 103px;
              height: 105px;

              img {
                width: 100%;
                height: 100%;
              }
            }

            .adrtext {
              width: 103px;
              margin-top: 12px;
              font-size: 12px;
              line-height: 18px;
            }

            .iospic {
              width: 103px;
              height: 105px;

              // margin-left: 35px;
              img {
                width: 100%;
                height: 100%;
              }
            }

            .iostext {
              width: 103px;
              margin-top: 12px;
              font-size: 12px;
              line-height: 18px;
            }
          }

          .pc {
            margin: 16px auto 0;
            width: 241px;
            height: 40px;
            line-height: 40px;
            background-color: #E5003D;
            text-align: center;
            font-size: 18px;
            border-radius: 3px;
            cursor: pointer;

            span {
              vertical-align: middle;
            }
          }
        }
      }

      .fot {
        width: 100%;
        border-top: 1px solid rgba(250, 250, 250, .2);

        .fotcot {
          width: 75%;
          margin: 0 auto;
        }

        .btm {
          padding: 24px 0 18px 0;
          width: 577px;
          height: 39px;

          .img {
            width: 100%;
            height: 100%;
            background: url('../../static/newimg/btm.png') no-repeat center;
            background-size: cover;
          }
        }
      }
    }
  }
}

.black-bg {
  body .el-table th.gutter {
    /*解决el-table加了gutter后 边框出现白边*/
    display: table-cell !important;
  }
}

// 首页
.black-bg {
  .honmeIndex {
    width: 100%;
    overflow: hidden;
    .more1 {
      width: 189px;
      height: 46px;
      color: #Fff;
      background-color: #E5003D;
      cursor: pointer;
      border-radius: 23px;
      font-size: 16px;
      line-height: 46px;
      text-align: center;

      span {
        vertical-align: middle;
      }

      .icon-direction-right:before {
        font-size: 16px;
      }
    }
    .bgdcontent {
      margin-top: -180px;
      width: 75%;
      height: 335px;
      // padding: 35px;
      color: #fff;
      margin: 0 auto;

      .text {
        margin-top: 250px;
        color: #fff;

        .en {
          font-size: 22px;
        }

        .company {
          font-size: 56px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: #FFFFFF;
          line-height: 36px;
          margin: 35px 0;
        }

        .brief {
          font-size: 14px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #FFFFFF;
          line-height: 36px;
        }
      }

      .cot {
        margin-top: 60px;
        width: 100%;
        height: 100%;
        //   border: 1px solid #fff;
        background: url('../../static/newimg/gonggao.png') no-repeat center;
        background-size: cover;

        // box-shadow: 0 0 10px 5px #ccc;  
        .notice {
          color: #000;
          text-align: left;
          padding-left: 100px;
          font-size: 16px;
          height: 42px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: #FFFFFF;
          line-height: 36px;
          background: rgba(0, 0, 0, .4);
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .numtop {
          padding: 50px 0;
          display: flex;
          align-items: center;
          justify-content: space-around;

          .numtoplis {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
          }

          .tit {
            font-size: 18px;
            margin: 20px 0;
            padding: 5px 20px;
            border-radius: 15px;
            border: 1px solid #E5003D;
          }

          .num {
            font-size: 26px;
            font-family: Arial;
            padding: 20px 40px;

            .icon-direction-top_red {
              font-size: 26px;
              color: #E5003D;
            }

            .icon-direction-bottom_green {
              color: green;
              font-size: 26px;
            }
          }

          .percentum {
            display: flex;
            width: 150px;
            justify-content: space-between;
            font-size: 18px;
            padding: 20px 0px;
            border-top: 1px solid rgba(250, 250, 250, .2);
          }
        }
        .lobby {
          margin:0 auto 0;
          width: 75%;
          position: relative;
  
          .lobbtn {
            margin: 0 auto;
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translate(-50%, 50%);
            border-radius: 27px;
            font-size: 19px;
            width: 269px;
            height: 57px;
            line-height: 50px;
            text-align: center;
            color: #fff;
            background-color: #E5003D;
            cursor: pointer;
  
            .icon-gupiao:before {
              font-size: 25px;
              margin-right: 15px;
            }
          }
        }
      }
    }

    .contentIndex {
      margin-top: 55px;
      width: 100%;
      // position: relative;
      // background-color: #041F2E;
      overflow: hidden;
      padding-top: 120px;

      // .lobby {
      //   margin: 850px auto 0;
      //   width: 75%;
      //   position: relative;

      //   .lobbtn {
      //     margin: 0 auto;
      //     position: absolute;
      //     left: 50%;
      //     bottom: 0;
      //     transform: translate(-50%, -5%);
      //     border-radius: 27px;
      //     font-size: 19px;
      //     width: 269px;
      //     height: 57px;
      //     line-height: 50px;
      //     text-align: center;
      //     color: #fff;
      //     background-color: #E5003D;
      //     cursor: pointer;

      //     .icon-gupiao:before {
      //       font-size: 25px;
      //       margin-right: 15px;
      //     }
      //   }
      // }

      .aboutus {
        width: 75%;
        margin: 0 auto;
        margin-top: 800px;

        .hongtiao {
          width: 67px;
          height: 6px;
          background-color: #E5003D;
        }

        .tit {
          margin-top: 26px;
          font-size: 36px;
          color: #fff;

          span {
            color: #E5003D;
          }
        }

        .text {
          color: #fff;
          margin: 49px 0 46px;
          font-size: 14px;
          line-height: 36px;
        }
        .more1 {
          width: 189px;
          height: 46px;
          color: #Fff;
          background-color: #E5003D;
          cursor: pointer;
          border-radius: 23px;
          font-size: 16px;
          line-height: 46px;
          text-align: center;

          span {
            vertical-align: middle;
          }

          .icon-direction-right:before {
            font-size: 16px;
          }
        }

        .img {
          width: 100%;
          height: 447px;

          img {
            width: 100%;
            height: 100%;
          }
        }
      }

      .banner {
        margin-top: 110px;
        width: 100%;
        height: 394px;
        background: url('../../static/newimg/banner.png') no-repeat center;
        background-size: cover;

        .cot {
          text-align: right;
          width: 75%;
          height: 100%;
          color: #fff;
          overflow: hidden;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;

          .detail {
            width: 700px;
            position: relative;
          }

          .hongtiao {
            position: relative;
            right: 0;
            transform: translate(633px, 0);
            margin-top: 102px;
            width: 67px;
            height: 6px;
            background-color: #E5003D;
          }

          .tit {
            font-size: 36px;
            margin: 27px 0 46px;
          }

          .text {
            font-size: 14px;
            line-height: 36px;
          }
        }
      }

      .productcot {
        width: 100%;
        background-color: #031E2E;
        overflow: hidden;

        .product {
          width: 75%;
          margin: 61px auto 0;
          color: #Fff;

          .tit {
            text-align: center;
            font-size: 36px;
          }

          .entit {
            font-size: 36px;
            color: #E6003E;
            text-align: center;
            margin: 21px 0 33px;
          }

          .text {
            width: 911px;
            margin: 0 auto;
            text-align: center;
            font-size: 14px;
            line-height: 28px;
          }
        }

        .notice {
          width: 75%;
          margin: 43px auto 54px;
          color: #Fff;
          overflow: hidden;

          .s_left {
            float: left;
            height: 228px;
            display: flex;
            background: url('../../static/newimg/notice-l.png') no-repeat center;
            background-size: cover;

            .not_l {
              width: 8%;
              height: 100%;
              font-size: 22px;
              line-height: 28px;
              text-align: center;
              padding-top: 42px;
              box-sizing: border-box;
              background: #E5003D;

              .icon-kaihuhedui {
                font-size: 22px;
              }
            }

            .not_r {
              width: 92%;
              height: 100%;
              font-size: 12px;
              line-height: 28px;
              padding: 26px 32px 0 22px;
              box-sizing: border-box;

              li {
                list-style: disc;
              }
            }
          }

          .s_right {
            height: 228px;
            display: flex;
            background: url('../../static/newimg/notice-r.png') no-repeat center;
            background-size: cover;

            .not_l {
              width: 8%;
              height: 100%;
              font-size: 22px;
              line-height: 28px;
              text-align: center;
              padding-top: 42px;
              box-sizing: border-box;
              background: #E5003D;

              .icon-kaihuhedui {
                font-size: 22px;
              }
            }

            .not_r {
              width: 92%;
              height: 100%;
              font-size: 12px;
              line-height: 28px;
              padding: 26px 32px 0 22px;
              box-sizing: border-box;

              li {
                list-style: disc;
              }
            }
          }
        }

        .knowmore {
          width: 75%;
          margin: 54px auto 63px;

          .text {
            margin: 0 auto;
            text-align: center;
            color: #Fff;
            background-color: #E5003D;
            width: 189px;
            height: 46px;
            line-height: 46px;
            border-radius: 23px;
            font-size: 16px;
            cursor: pointer;

            .icon-direction-right {
              font-size: 16px;
            }
          }
        }
      }

      .news {
        width: 100%;
        height: 650px;
        background: url('../../static/newimg/news.png') no-repeat center;
        background-size: cover;
        overflow: hidden;

        div[data-v-ecebbf8c].content {
          background-color: rgba(0, 0, 0, 0);
        }

        .tit {
          padding: 53px 0 21px;
          text-align: center;
          font-size: 36px;
          color: #fff;
        }

        .en {
          text-align: center;
          color: #E5003D;
          font-family: Times New Roman;
          font-size: 36px;
        }

        .text {
          width: 75%;
          margin: 63px auto 0;

          // background: rgba(0,0,0,.1);
          .el-carousel__button {
            width: 9px;
            height: 9px;
            border-radius: 9px;
            opacity: 1;
            background-color: #fff;
          }

          .el-carousel__indicator.is-active button {
            opacity: 1;
            background-color: #E5003D;
          }

         .el-carousel--horizontal {
            overflow: hidden;
          }

          .el-carousel__indicator--horizontal {
            padding: 0 11px;
          }

           .el-carousel__arrow--left {
            left: -999px;
          }

          .el-carousel__arrow--right {
            right: -999px;
          }

         .el-carousel__indicators--horizontal {
            bottom: 10px;
          }

          .top {
            font-size: 16px !important;
            line-height: 36px;
            color: #fff;
          }

          .txt {
            margin: 30px 0;
            font-size: 12px;
            line-height: 28px;
            opacity: .8;
            color: #fff;
          }

          .baitiao {
            width: 65px;
            height: 3px;
            background-color: #fff;
            margin-bottom: 12px;
          }

          .date {
            font-size: 12px;
            line-height: 28px;
            font-family: Arial;
            color: #fff;
          }
        }

        .more10 {
          margin: 10px auto;
          width: 189px;
          height: 46px;
          color: #Fff;
          background-color: #E5003D;
          cursor: pointer;
          border-radius: 23px;
          font-size: 16px;
          line-height: 46px;
          text-align: center;

          span {
            vertical-align: middle;
          }

          .icon-direction-right:before {
            font-size: 16px;
          }
        }
      }
    }
  }
}

// 产品说明
.black-bg {
  .product {
    .bancot {
      position: relative;
      width: 75%;
      overflow: hidden;
      color: rgb(251, 227, 227);
      margin: 0 auto;

      .description {
        margin-top: 185px;

        .zh {
          font-size: 36px;
          line-height: 96px;
          margin-right: 21px;
        }

        .en {
          font-size: 22px;
          line-height: 36px;
          color: #E6003E;
        }

        .text {
          font-size: 14px;
          line-height: 28px;
        }
      }
    }

    .main {
      margin-top: 320px;
      width: 100%;
      overflow: hidden;
      position: relative;
      background-color: #041E2E;

      .cot {
        width: 100%;
        background-color: #031E2E;
        position: relative;
        margin-top: 0px;

        .notice {
          width: 75%;
          margin: 0px auto 54px;
          color: #Fff;
          overflow: hidden;
          padding: 50px 0 0 0;

          .s_left {
            float: left;
            height: 228px;
            display: flex;
            background: url('../../static/newimg/notice-l.png') no-repeat center;
            background-size: cover;

            .not_l {
              width: 8%;
              height: 100%;
              font-size: 22px;
              line-height: 28px;
              text-align: center;
              padding-top: 42px;
              box-sizing: border-box;
              background: #E5003D;

              .icon-kaihuhedui {
                font-size: 22px;
              }
            }

            .not_r {
              width: 92%;
              height: 100%;
              font-size: 12px;
              line-height: 28px;
              padding: 26px 32px 0 22px;
              box-sizing: border-box;

              li {
                list-style: disc;
              }
            }
          }

          .s_right {
            height: 228px;
            display: flex;
            background: url('../../static/newimg/notice-r.png') no-repeat center;
            background-size: cover;

            .not_l {
              width: 8%;
              height: 100%;
              font-size: 22px;
              line-height: 28px;
              text-align: center;
              padding-top: 42px;
              box-sizing: border-box;
              background: #E5003D;

              .icon-kaihuhedui {
                font-size: 22px;
              }
            }

            .not_r {
              width: 92%;
              height: 100%;
              font-size: 12px;
              line-height: 28px;
              padding: 26px 32px 0 22px;
              box-sizing: border-box;

              li {
                list-style: disc;
              }
            }
          }
        }

        .stock {
          width: 75%;
          // height: 707px;
          color: #fff;
          text-align: center;
          box-sizing: border-box;
          padding: 0 41px;
          margin: 0 auto 57px;
          background: url('../../static/newimg/hushen.png') no-repeat center;
          background-size: cover;
          overflow: hidden;

          .tit {
            width: 291px;
            height: 63px;
            line-height: 63px;
            font-size: 26px;
            margin: 0 auto;
            background-color: #E5003D;
            font-size: 26px;

            .icon-_gushiloushi {
              font-size: 26px;
            }

            span {
              vertical-align: middle;
            }
          }

          .info {
            margin: 57px 0;
            display: flex;
            justify-content: space-between;

            .left,
            .mid,
            .right {
              width: 30%;
              padding: 25px 25px 25px 35px;
              box-sizing: border-box;
              overflow: hidden;
              text-align: left;
              background: url('../../static/newimg/gsinfo.png') no-repeat center;
              background-size: cover;

              .item {
                margin-top: 29px;

                .i_tit {
                  font-size: 16px;
                  font-weight: bold;
                  line-height: 28px;
                }

                .msg {
                  margin-top: 15px;
                  font-size: 14px;
                  line-height: 28px;
                  opacity: .5;
                }
              }
            }

            // .mid{
            //   width: 30%;
            //   overflow: hidden;
            // }
            // .right{
            //   width: 30%;
            // }
          }
        }
      }
    }
  }
}

// 公司简介
.black-bg {
  .introduceIndex {
    overflow: hidden;

    .bancot {
      position: relative;
      width: 75%;
      overflow: hidden;
      color: rgb(251, 227, 227);
      margin: 0 auto;

      .description {
        margin-top: 205px;

        .zh {
          font-size: 36px;
          line-height: 96px;
          margin-right: 21px;
        }

        .en {
          font-size: 22px;
          line-height: 36px;
          color: #E6003E;
        }
      }
    }

    .main {
      margin-top: 250px;
      width: 100%;
      background-color: #031E2E;
      overflow: hidden;
      padding: 67px 0;
      position: relative;

      .cot {
        width: 75%;
        margin: 0 auto;
        background: url('../../static/newimg/jianjiebgd.png') no-repeat center;
        background-size: cover;
        padding: 67px 56px;
        box-sizing: border-box;

        .two {
          margin: 51px 0;
        }

        .img {
          width: 100%;
          height: 362px;

          img {
            width: 100%;
            height: 100%;
          }
        }

        .text {
          width: 100%;
          color: #fff;

          .hongtiao {
            width: 66px;
            height: 5px;
            background-color: #E5003D;
            border-radius: 3px;
          }

          .word {
            margin-top: 30px;
            font-size: 14px;
            line-height: 28px;
            text-align: left;
          }
        }
      }
    }
  }
}

// 软件下载
.black-bg {
  .down {
    .bancot {
      position: relative;
      width: 75%;
      overflow: hidden;
      // color: rgb(251, 227, 227);
      color: #fff;
      margin: 0 auto;
      margin-top: 205px;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .description {
        width: 52%;

        .zh {
          font-size: 36px;
          line-height: 96px;
          margin-right: 21px;
        }

        .en {
          font-size: 22px;
          line-height: 36px;
          color: #E6003E;
        }

        .text {
          font-size: 14px;
          line-height: 28px;
        }

        .download {
          margin-top: 43px;
          display: flex;
          align-items: flex-start;

          .adr {
            margin-right: 35px;
            text-align: center;
            overflow: hidden;

            .img {
              width: 103px;
              height: 105px;

              img {
                width: 100%;
                height: 100%;
              }
            }

            .adrtext {
              margin-top: 12px;
            }
          }

          .ios {
            text-align: center;
            margin-right: 37px;
            overflow: hidden;

            .img {
              width: 103px;
              height: 105px;

              img {
                width: 100%;
                height: 100%;
              }
            }

            .iostext {
              margin-top: 12px;
            }
          }

          .pc {
            .btn {
              width: 240px;
              height: 52px;
              line-height: 52px;
              text-align: center;
              font-size: 18px;
              background-color: #E5003D;
              border-radius: 26px;

              span {
                vertical-align: middle;
                margin-right: 18px;
              }
            }

            .letter {
              font-size: 18px;
              line-height: 92px;
              margin-top: 23px;
            }
          }
        }
      }

      .downimg {
        width: 45%;
        height: 362px;

        img {
          width: 100%;
          height: 100%;
        }
      }
    }

    .serve {
      position: relative;
      margin-top: 530px;
      width: 100%;
      background: linear-gradient(to right, #132F49, #235859, #1F5156, #16354B);
      height: 377px;

      .cot {
        width: 75%;
        margin: 0 auto;
        color: #fff;

        .tit {
          text-align: center;
          font-size: 26px;
          line-height: 92px;
        }

        .items {
          margin-top: 80px;
          display: flex;
          align-items: center;
          justify-content: space-around;

          .item {
            .icon {
              width: 97px;
              height: 97px;
              line-height: 97px;
              border-radius: 48px;
              background-color: #E5003D;
              text-align: center;
              margin: 0 auto 30px;

              .iconfont {
                font-size: 47px;
              }
            }

            .text {
              text-align: center;
              font-size: 18px;
              line-height: 28px;
            }
          }
        }
      }
    }

    .rule {
      width: 100%;
      background-color: #082C44;
      padding: 32px 161px 52px 161px;
      box-sizing: border-box;

      .cot {
        color: #fff;
        // width: 75%;
        margin: 0 auto;

        .img {
          width: 100%;
          height: 520px;

          img {
            width: 100%;
            height: 100%;
          }
        }

        .tit {
          margin-top: 180px;
          font-size: 26px;
          line-height: 92px;
        }

        .text {
          margin-top: 21px;
          font-size: 16px;
          line-height: 46px;
        }
      }
    }
  }
}

// 个人中心
.black-bg {
 
  // 个人中心公共
  .usercot {
    background-color: #171A25;
  }

  .el-menu {
    background-color: #1F2636;
    border: none;
    color: #fff;

  }

  .el-aside {
    background-color: #1F2636;
  }

  .user-center,
  .el-container {
    box-shadow: none;
  }

  .el-main {
    margin-left: 5px;
    background-color: #1F2636;
    color: #fff;
  }

  .nav-left[data-v-c7bb0a10] {
    overflow: hidden;
    // margin-right: 5px;
  }


  // 菜单
  .menu {
    .iconfont {
      color: #Fff;
    }

    .icon-yuandianxiao {
      color: rgba(250, 250, 250, .5);
    }

    .h-nav-menu .el-menu {
      height: 100%;
    }

    li {
      color: #fff;
      height: 35px;
      line-height: 35px;
    }
    li.el-menu-item:hover {
      background-color: #024DA1;
      color: rgba(250, 250, 250, .5);

      span {
        color: rgba(250, 250, 250, .5);
      }

      // opacity: .5;
    }
   

    .el-menu-item.is-active {
      background-color: #024DA1;
      color: rgba(250, 250, 250, .5);

      span {
        color: rgba(250, 250, 250, .5);
      }

      // opacity: .5;
    }

    .el-menu-item {
      color: rgba(250, 250, 250, .5);
      list-style: disc !important;
    }

    .h-nav-menu .el-menu-item.banner-menu[data-v-c7bb0a10] {
      font-size: 16px;
      color: #fff;
      background-color: #fff;
      border-top: 1px solid rgba(250, 250, 250, .2);
    }

    .h-nav-menu .el-menu-item.banner-menu.first {
      border: none;
    }

    .book {
      margin-top: 31px;
      // padding: 10px;
      height: 31px;
      border-radius: 30px;
      border: 1px solid #Fff;
      line-height: 28px !important;

      a {
        display: block;
        color: #fff !important;
      }
    }

    .book.el-menu-item.is-active {
      color: #fff;
      background-color: #171A25;
    }

    li[data-v-c7bb0a10].book:hover {
      color: #fff;
      background-color: #171A25;
    }
  }

  // 账户资产 //配资主页
  .account {
    .pull-right {
      margin-right: 150px;
      margin-top: 80px;

      button {
        width: 106px;
        height: 31px;
        border-radius: 15px;
        border: none;
        color: #fff;
        line-height: 31px;
        padding: 0;
        margin-right: 30px;
      }

      .cz {
        background-color: #E6003E;
      }

      .tx {
        background-color: #024DA1;
      }
    }

    .el-collapse {
      border-color: #363C4A;
    }

    .count-r {
      position: relative;
    }

    .line {
      position: absolute;
      left: 70px;
      top: 25px;
      color: #fff;
      z-index: 100;

      .num {
        color: #E6003E;
      }
    }

    .box {
      display: flex;
      align-items: center;
      padding: 20px 5px !important;
      text-align: center;
    }

    .Assets-box[data-v-7d0f4824] {
      display: flex;
      align-items: center;
    }

    .Assets-box .box .iconfont[data-v-7d0f4824] {
      //   position: relative;
      //   top:0;
      //   left: 0;
      //  font-size: 25px;
    }

    .el-col {
      padding: 0 !important;
    }

    .el-collapse-item {
      background-color: #1F2636;
    }

    .el-collapse-item__wrap {
      background-color: #1F2636;
      color: #fff;
      border-color: #363C4A;

      .title,
      .number {
        color: #fff !important;
        font-size: 14px;
        line-height: 36px;
        margin: 0 0 0 5px;
      }

      .title {
        margin-bottom: 0 !important;
      }

      .number {
        color: #E6003E !important;
      }
    }

    .el-collapse-item__header {
      font-size: 18px;
      line-height: 57px;
      height: 57px;
      background-color: #1F2636;
      border-bottom: 1px solid #363C4A;
      color: #fff;
    }

    .info {
      margin-top: 28px;
      padding: 50px 0 0 0;

      .info_l {
        display: flex;
        align-items: flex-start;

        .accicon {
          width: 20%;
          font-size: 32px;
          color: #E6003E;
        }

        .accinfo {
          .tit {
            font-size: 18px;
            line-height: 36px;
          }

          .iteminfo {
            font-size: 14px;
            line-height: 36px;
            color: #ccc;
          }
        }
      }

      .info_r {
        display: flex;
        align-items: flex-start;

        .bankicon {
          width: 15%;
          font-size: 32px;
          color: #024DA1;
        }

        .bankcardinfo {
          .tit {
            font-size: 18px;
            line-height: 36px;
          }

          .iteminfo {
            font-size: 14px;
            line-height: 36px;
            color: #ccc;
          }
        }
      }

    }
  }


  // 站内消息
  .message {
    .el-table::before {
      height: 0px;
    }

    td,
    th {
      border-bottom: 1px solid #191E2B;
    }

    .el-table--enable-row-hover .el-table__body:nth-child(2n+1) tr:hover>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      height: 52px;
      background-color: #232C40;
      color: #fff;
    }

    .has-gutter {
      background-color: #232C40 !important;
      color: #222;
      font-weight: bold;
      font-size: 14px;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #138EB4;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #7266BA;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }
    }

    .el-table tr:hover {
      background-color: #232C40;
      color: #fff;
    }

    // .el-table__row:nth-child(2n+1){
    //   background-color: #E9EBEE;
    // }
    // .el-table__row:nth-child(2n){
    //   background-color:#F4F5F6;
    // }
    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }
  }

  // 按天配资
  .days {
    .el-input__inner {
      background-color: #232C40;
      border: none;
    }

    .el-card {
      border: none;
    }

    .el-card__body {
      background-color: #232C40;
      // border: none;
      color: #Fff;

      .el-tabs__item {
        color: #Fff;
      }

      .el-tabs__active-bar {
        width: 0 !important;
      }

      tr {
        td {
          line-height: 18px;
        }

        .bgc {
          background-color: rgba(0, 0, 0, .1);
        }
      }

      .el-tabs__nav-wrap::after {
        background-color: #052030;
      }
    }
  }

  // 沪深持仓
  .holdposition {

    // color: #999 ;
    .el-table__fixed-footer-wrapper tbody td {
      background: rgba(250, 250, 250, 0);
      border: none;
      height: 0;
      display: none;

      &::before {
        height: 0;
      }
    }

    .el-table__fixed-right::before {
      height: 0;
    }

    .el-table__empty-block {
      background-color: #232C40;
    }

    .el-table__expanded-cell {
      background-color: #232C40;

      span {
        color: #999;
      }
    }

    .el-button--success.is-plain {
      color: #fff;
      background-color: #138EB4;
      border: none;
    }

    .el-table::before {
      height: 0px;
    }

    .el-input-group__append {
      background: #052030;
      border: none;
    }

    .el-table__footer-wrapper .el-table__footer {
      display: none;

      .el-table_1_column_10 {
        display: flex;
      }
    }

    td,
    th {
      border-bottom: 1px solid #191E2B !important;
    }

    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
    .el-table__body tr.current-row>td,
    .el-table__body tr.hover-row.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped>td,
    .el-table__body tr.hover-row>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    // .el-table--enable-row-hover .el-table__body tr:hover>td{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      height: 0px;
      
      background-color: #232C40;
      color: #fff;

      .el-table_1_column_2,
      .el-table_1_column_4,
      .el-table_1_column_8,
      .el-table_1_column_9 {

        span,
        div {
          color: #999;
        }
      }
    }

    // .el-table tr:hover{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .has-gutter {
      background-color: #232C40 !important;
      color: #222;
      font-weight: bold;
      font-size: 14px;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #138EB4;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #7266BA;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }
    }

    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030 !important;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }
  }

  // 沪深平仓
  .sellorder {
    .el-table__expanded-cell {
      background-color: #232C40;

      span {
        color: #999;
      }
    }

    .el-table__fixed-footer-wrapper {
      tr>:nth-last-child(1) {
        background: rgba(250, 250, 250, 0);
        border: none;
      }
    }

    .el-button--success.is-plain {
      color: #fff;
      background-color: #138EB4;
      border: none;
    }

    .el-table::before {
      height: 0px;
    }

    .el-input-group__append {
      background: #052030;
      border: none;
    }

    .el-table__footer-wrapper .el-table__footer {
      display: none;

      .el-table_1_column_10 {
        display: flex;
      }
    }

    td,
    th {
      border-bottom: 1px solid #191E2B !important;
    }

    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
    .el-table__body tr.current-row>td,
    .el-table__body tr.hover-row.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped>td,
    .el-table__body tr.hover-row>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    // .el-table--enable-row-hover .el-table__body tr:hover>td{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      height: 52px;
      background-color: #232C40;
      color: #fff;

      .el-table_1_column_2,
      .el-table_1_column_4,
      .el-table_1_column_8,
      .el-table_1_column_9 {

        span,
        div {
          color: #999;
        }
      }
    }

    .has-gutter {
      background-color: #232C40 !important;
      color: #222;
      font-weight: bold;
      font-size: 14px;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #138EB4;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #7266BA;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }
    }

    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }
  }

  // 指数持仓
  .indexholdposition {
    .el-table__fixed-footer-wrapper {
      tr>:nth-last-child(1) {
        background: rgba(250, 250, 250, 0);
        border: none;
      }
    }

    .el-table__empty-block {
      background-color: #232C40;
    }

    .el-table__fixed-right::before {
      height: 0;
    }

    .el-table__expanded-cell {
      background-color: #232C40;

      span {
        color: #999;
      }
    }

    .el-button--success.is-plain {
      color: #fff;
      background-color: #138EB4;
      border: none;
    }

    .el-table::before {
      height: 0px;
    }

    .el-input-group__append {
      background: #052030;
      border: none;
    }

    .el-table__footer-wrapper .el-table__footer {
      display: none;

      .el-table_1_column_10 {
        display: flex;
      }
    }

    td,
    th {
      border-bottom: 1px solid #191E2B !important;
    }

    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
    .el-table__body tr.current-row>td,
    .el-table__body tr.hover-row.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped>td,
    .el-table__body tr.hover-row>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    // .el-table--enable-row-hover .el-table__body tr:hover>td{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      height: 52px;
      background-color: #232C40;
      color: #fff;

      .el-table_1_column_2,
      .el-table_1_column_4,
      .el-table_1_column_8,
      .el-table_1_column_9 {

        span,
        div {
          color: #999;
        }
      }
    }

    // .el-table tr:hover{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .has-gutter {
      background-color: #232C40 !important;
      color: #222;
      font-weight: bold;
      font-size: 14px;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #138EB4;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #7266BA;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }
    }

    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }
  }


  // 指数平仓
  .indexsellorder {
    .el-table__fixed-footer-wrapper {
      tr>:nth-last-child(1) {
        background: rgba(250, 250, 250, 0);
        border: none;
      }
    }

    .el-table__empty-block {
      background-color: #232C40;
    }

    .el-table__fixed-right::before {
      height: 0;
    }

    .el-table__expanded-cell {
      background-color: #232C40;

      span {
        color: #999;
      }
    }

    .el-button--success.is-plain {
      color: #fff;
      background-color: #138EB4;
      border: none;
    }

    .el-table::before {
      height: 0px;
    }

    .el-input-group__append {
      background: #052030;
      border: none;
    }

    .el-table__footer-wrapper .el-table__footer {
      display: none;

      .el-table_1_column_10 {
        display: flex;
      }
    }

    td,
    th {
      border-bottom: 1px solid #191E2B !important;
    }

    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
    .el-table__body tr.current-row>td,
    .el-table__body tr.hover-row.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped>td,
    .el-table__body tr.hover-row>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    // .el-table--enable-row-hover .el-table__body tr:hover>td{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      height: 52px;
      background-color: #232C40;
      color: #fff;

      .el-table_1_column_2,
      .el-table_1_column_4,
      .el-table_1_column_8,
      .el-table_1_column_9 {

        span,
        div {
          color: #999;
        }
      }
    }

    // .el-table tr:hover{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .has-gutter {
      background-color: #232C40 !important;
      color: #222;
      font-weight: bold;
      font-size: 14px;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #138EB4;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #7266BA;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }
    }

    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }
  }

  // 期货持仓    // 配资持仓  //我的配资
  .futuresholdposition {
    .el-table__fixed-footer-wrapper {
      tr>:nth-last-child(1) {
        background: rgba(250, 250, 250, 0);
        border: none;
      }
    }

    .el-table--striped .el-table__body tr.el-table__row--striped td {
      background: rgba(250, 250, 250, 0);
    }

    .el-table__fixed-footer-wrapper tbody td {
      display: none;
    }

    // .el-table_97_column_814{
    //   background: rgba(250,250,250,0);
    //   border: none;
    // }
    .el-table__empty-block {
      background-color: #232C40;
    }

    .el-table__fixed-right::before {
      height: 0;
    }

    .el-table__expanded-cell {
      background-color: #232C40;

      span {
        color: #999;
      }
    }

    .el-button--success.is-plain {
      color: #fff;
      background-color: #138EB4;
      border: none;
    }

    .el-table::before {
      height: 0px;
    }

    .el-input-group__append {
      background: #052030;
      border: none;
    }

    .el-table__footer-wrapper .el-table__footer {
      display: none;

      .el-table_1_column_10 {
        display: flex;
      }
    }

    td,
    th {
      border-bottom: 1px solid #191E2B !important;
    }

    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
    .el-table__body tr.current-row>td,
    .el-table__body tr.hover-row.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped>td,
    .el-table__body tr.hover-row>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    // .el-table--enable-row-hover .el-table__body tr:hover>td{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      height: 0px;
      background-color: #232C40;
      color: #fff;

      .el-table_1_column_2,
      .el-table_1_column_4,
      .el-table_1_column_8,
      .el-table_1_column_9 {

        span,
        div {
          color: #999;
        }
      }
    }

    // .el-table tr:hover{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .has-gutter {
      background-color: #232C40 !important;
      color: #222;
      font-weight: bold;
      font-size: 14px;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #138EB4;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #7266BA;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }
    }

    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }
  }


  // 期货平仓    // 配资平仓 
  .futuressellorder {
    .el-table__empty-block {
      background-color: #232C40;
    }

    .el-table__fixed-right::before {
      height: 0;
    }

    .el-table__expanded-cell {
      background-color: #232C40;

      span {
        color: #999;
      }
    }

    .el-button--success.is-plain {
      color: #fff;
      background-color: #138EB4;
      border: none;
    }

    .el-table::before {
      height: 0px;
    }

    .el-input-group__append {
      background: #052030;
      border: none;
    }

    .el-table__footer-wrapper .el-table__footer {
      display: none;

      .el-table_1_column_10 {
        display: flex;
      }
    }

    td,
    th {
      border-bottom: 1px solid #191E2B !important;
    }

    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
    .el-table__body tr.current-row>td,
    .el-table__body tr.hover-row.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped>td,
    .el-table__body tr.hover-row>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    // .el-table--enable-row-hover .el-table__body tr:hover>td{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      height: 52px;
      background-color: #232C40;
      color: #fff;

      .el-table_1_column_2,
      .el-table_1_column_4,
      .el-table_1_column_8,
      .el-table_1_column_9 {

        span,
        div {
          color: #999;
        }
      }
    }

    // .el-table tr:hover{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .has-gutter {
      background-color: #232C40 !important;
      color: #222;
      font-weight: bold;
      font-size: 14px;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #138EB4;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #7266BA;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }
    }

    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }
  }

  // 资金互转
  .change {
    .el-card {
      border: 1px solid #1F2636;
      overflow: hidden;
    }

    .el-form-item__label {
      color: #fff;
    }

    .el-card__body {
      background-color: #1F2636;
      color: #fff;
    }

    .el-tabs__item {
      color: #Fff;
    }

    // .el-tabs__item.is-active{
    //   color: #409eff;
    // }
    .el-alert--warning.is-light {
      background-color: rgba(250, 250, 250, 0);
      color: #fff;
      font-size: 14px;

      .el-alert__description {
        color: #C11815;
        display: inline-block;
      }
    }

    .wrapper .demo-form-inline[data-v-124f66ee] {
      width: 100%;
    }

    .el-input-group {
      width: 638px;
      height: 45px;
      overflow: hidden;

      .el-input__inner {
        border-radius: 22px 0 0 22px;
        background: none;
        border: 1px solid #244C6E;
      }

      .el-button {
        border: none;
        border-radius: 0 22px 22px 0;
        margin: 0;
      }
    }

    .el-input-group__append {
      border: none;
      background-color: #C11815;
      border-radius: 0 22px 22px 0;
      color: #fff;
      height: 38px;
    }

    .wrapper .auth-box .dialog-footer .el-button[data-v-124f66ee] {
      width: 638px;
      height: 45px;
      border-radius: 22px 22px 22px 22px;
      // margin: 0 auto;
    }

    .wrapper .auth-box .dialog-footer[data-v-124f66ee] {
      width: 100%;
      margin: 0 auto;
    }
  }


  // 充值记录
  .recharge {
    .el-card {
      background-color: #232C40;
      border: none;
    }

    .el-table::before {
      height: 0px;
    }

    .el-table--enable-row-hover .el-table__body:nth-child(2n+1) tr:hover>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      background-color: #232C40;
      color: #fff;
      // border:none;
    }

    .has-gutter {
      background-color: #232C40 !important;
      color: #222;
      font-weight: bold;
      font-size: 14px;
    }

    tr.el-table__row {
      position: relative;
      border-bottom: 1px solid #191E2B;

      .paytype {
        display: block;
        width: 50px;
        margin: 0 auto;
        text-align: center;
        height: 17px;
        font-size: 12px;
        line-height: 17px;
        // background-color: #fff;
      }
    }

    th {
      height: 53px;
      border-bottom: 1px solid #191E2B;
      overflow: hidden;
      display: none;
    }

    td {
      height: 53px;
      border-bottom: 1px solid #191E2B;
      overflow: hidden;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #B12525;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #009C4D;
        color: #fff;
        padding: 0 px;
        box-sizing: border-box;
      }
    }

    .el-table tr:hover {
      background-color: #232C40;
      color: #fff;
    }

    // .el-table__row:nth-child(2n+1){
    //   background-color: #E9EBEE;
    // }
    // .el-table__row:nth-child(2n){
    //   background-color:#F4F5F6;
    // }
    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
      font-size: 14px;

      .rmb {
        font-size: 16px;
        color: #009C46;
        vertical-align: middle;
      }
    }

    .cell .number {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }

    .user-center .el-pager li {
      background-color: #052030;
      color: #fff;
    }
  }

  // 提现记录
  .withdraw {

    //   .el-card{
    //     background-color: #232C40;
    //     border: none;
    //   }
    // .el-table--enable-row-hover .el-table__body:nth-child(2n+1) tr:hover>td{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .el-table::before {
      height: 0px;
    }

    // .el-table--enable-row-hover .el-table__body tr:hover>td{
    //   background-color: rgba(250,250,250,0) !important;
    // }
    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
    .el-table__body tr.current-row>td,
    .el-table__body tr.hover-row.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped>td,
    .el-table__body tr.hover-row>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      background-color: #232C40;
      color: #fff;

      .el-button {
        background-color: #B12525;
        color: #Fff;
        border: none;
      }

      // border:none;
    }

    //   .has-gutter{
    //     background-color:#232C40 !important;
    //     color: #222;
    //     font-weight: bold;
    //     font-size: 14px;
    //   }
    tr.el-table__row {
      position: relative;
      border-bottom: 1px solid #191E2B;
      //     .paytype{
      //       display: block;
      //       width: 50px;
      //       margin:0 auto ;
      //       text-align: center;
      //       height: 17px;
      //       font-size: 12px;
      //       line-height: 17px;
      //       // background-color: #fff;
      //     }
    }

    th {
      height: 53px;
      border-bottom: 1px solid #191E2B;
      overflow: hidden;
      // display: none;
    }

    td {
      height: 53px;
      border-bottom: 1px solid #191E2B;
      overflow: hidden;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #B12525;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #009C4D;
        color: #fff;
        padding: 0 px;
        box-sizing: border-box;
      }
    }

    // .el-table tr:hover{
    //   background-color: #232C40;
    //   color: #fff;
    // }
    // .el-table__row:nth-child(2n+1){
    //   background-color: #E9EBEE;
    // }
    // .el-table__row:nth-child(2n){
    //   background-color:#F4F5F6;
    // }
    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
      font-size: 14px;

      .rmb {
        font-size: 16px;
        color: #009C46;
        vertical-align: middle;
      }
    }

    .cell .number {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }

    .user-center .el-pager li {
      background-color: #052030;
      color: #fff;
    }
  }

  // 资金明细
  .money {
    .el-table::before {
      height: 0px;
    }

    .el-table--enable-row-hover .el-table__body:nth-child(2n+1) tr:hover>td {
      background-color: rgba(250, 250, 250, 0) !important;
    }

    .el-table th {
      background-color: #191E2B;
      color: #Fff;
    }

    .el-table tr {
      background-color: #232C40;
      color: #fff;
      // border:none;
    }

    .has-gutter {
      background-color: #232C40 !important;
      color: #222;
      font-weight: bold;
      font-size: 14px;
    }

    tr {
      position: relative;
      border-bottom: 1px solid #191E2B;
    }

    th {
      height: 53px;
      border-bottom: 1px solid #191E2B;
      overflow: hidden;
    }

    td {
      height: 53px;
      border-bottom: 1px solid #191E2B;
      overflow: hidden;
    }

    .el-table__row {
      font-size: 12px;
      color: #222;
      line-height: 20px;
      background-color: #232C40;

      .el-tag.el-tag--success {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #B12525;
        color: #fff;
        padding: 0 5px;
        box-sizing: border-box;
      }

      .el-tag.el-tag--danger {
        padding: 0;
        border: none;
        width: 90px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        background-color: #009C4D;
        color: #fff;
        padding: 0 px;
        box-sizing: border-box;
      }
    }

    .el-table tr:hover {
      background-color: #232C40;
      color: #fff;
    }

    // .el-table__row:nth-child(2n+1){
    //   background-color: #E9EBEE;
    // }
    // .el-table__row:nth-child(2n){
    //   background-color:#F4F5F6;
    // }
    .el-pagination__total {
      background: #052030;
      color: #fff;
      border-radius: 3px;
      padding: 0 10px;
    }

    .el-pagination {
      margin-top: 39px;
    }

    .el-pagination .el-select .el-input {
      background-color: #052030;
      border-radius: 3px;
      color: #Fff;
    }

    .number {
      color: #fff;
      background-color: #052030;
      ;
    }

    .el-pager li.active {
      color: #C11815;
    }

    .el-scrollbar__view {
      background-color: #052030;
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .el-input__inner {
      background-color: #052030;
      color: #fff;
      border: none;
      outline: none;
    }

    .btn-prev,
    .btn-next {
      background-color: #C11815;
      border-radius: 3px;
      color: #FFF;
    }

    .user-center .el-pager li {
      background-color: #052030;
      color: #fff;
    }
  }

}