.home-screen-wrap {
  width: 19.2rem;
  height: 10.8rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  position: relative; }
  .home-screen-wrap * {
    margin: 0;
    padding: 0; }
  .home-screen-wrap a {
    text-decoration: none !important; }
    .home-screen-wrap a:active {
      text-decoration: none !important; }
    .home-screen-wrap a:hover {
      text-decoration: none !important; }
  .home-screen-wrap ol, .home-screen-wrap ul li {
    list-style: none; }
  .home-screen-wrap .fl {
    float: left; }
  .home-screen-wrap .fr {
    float: right; }
  .home-screen-wrap .clearfix:after {
    height: 0;
    content: "";
    visibility: hidden;
    display: block;
    clear: both; }
  .home-screen-wrap .clearfix {
    *zoom: 1; }
  .home-screen-wrap .clear {
    clear: both; }
  .home-screen-wrap.home-main {
    display: flex;
    flex-direction: column;
    width: 19.2rem;
    height: 100vh; }
  .home-screen-wrap .header {
    margin: 0.08rem 0 0;
    display: flex;
    flex-direction: row; }
    .home-screen-wrap .header .nav {
      font-size: 0.26rem;
      flex-grow: 1;
      height: 0.87rem;
      line-height: 0.72rem;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      font-family: MicrosoftYaHei; }
      .home-screen-wrap .header .nav .nav-item {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        color: #86C1E0;
        width: 1.91rem;
        height: 90%;
        margin-left: 0.2rem; }
        .home-screen-wrap .header .nav .nav-item.index {
          letter-spacing: 0.4rem;
          padding-left: 0.42rem; }
        .home-screen-wrap .header .nav .nav-item:hover {
          color: #00E1FF; }
        .home-screen-wrap .header .nav .nav-item.nav-on {
          color: #fff; }
    .home-screen-wrap .header .user {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 3.35rem;
      height: 0.52rem;
      flex-shrink: 0;
      margin-top: 0.34rem;
      margin-right: 0.26rem; }
      .home-screen-wrap .header .user li {
        padding: 0 0.05rem;
        text-align: center;
        font-size: 0.14rem;
        color: #86c1e0;
        cursor: pointer; }
        .home-screen-wrap .header .user li .icon {
          width: 0.28rem;
          height: 0.28rem;
          margin: 0 auto 0.04rem; }
        .home-screen-wrap .header .user li.net {
          padding-top: 0.05rem; }
        .home-screen-wrap .header .user li.notice {
          padding-top: 0.05rem;
          width: 0.5rem; }
        .home-screen-wrap .header .user li.avatar {
          min-width: 0.33rem; }
          .home-screen-wrap .header .user li.avatar .user-avatar {
            position: relative;
            margin: 0 auto 0.04rem;
            width: 0.33rem;
            height: 0.33rem; }
            .home-screen-wrap .header .user li.avatar .user-avatar .icon-user {
              width: 0.33rem;
              height: 0.33rem;
              border-radius: 50%;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 5; }
            .home-screen-wrap .header .user li.avatar .user-avatar .icon-avatar {
              width: 0.32rem;
              height: 0.32rem;
              border-radius: 50%;
              position: absolute;
              top: 0.005rem;
              left: 0.005rem; }
            .home-screen-wrap .header .user li.avatar .user-avatar .icon-deault-avatar {
              border-radius: 0 !important;
              position: absolute;
              top: 0 !important;
              left: 0 !important; }
  .home-screen-wrap .home-content {
    box-sizing: border-box;
    width: 18.41rem;
    height: 100%;
    margin: 0 0.4rem;
    display: flex;
    flex-direction: row; }
    .home-screen-wrap .home-content .left-box {
      flex-shrink: 0;
      width: 3.5rem;
      height: 100%;
      box-sizing: border-box;
      margin-right: 0.25rem;
      margin-top: 0.4rem;
      padding: 0 0.55rem; }
      .home-screen-wrap .home-content .left-box .left-top-box {
        height: 2.9rem;
        min-height: 2.9rem; }
      .home-screen-wrap .home-content .left-box .left-center-box {
        box-sizing: border-box;
        height: 4.18rem;
        padding-top: 0.4rem; }
        .home-screen-wrap .home-content .left-box .left-center-box .echarts-box {
          margin-bottom: 0.24rem;
          display: flex;
          flex-direction: row; }
          .home-screen-wrap .home-content .left-box .left-center-box .echarts-box .circle-echarts {
            flex-shrink: 0;
            width: 1.04rem;
            height: 1.04rem;
            margin-right: 0.24rem; }
          .home-screen-wrap .home-content .left-box .left-center-box .echarts-box .legend {
            margin-top: 0.12rem; }
            .home-screen-wrap .home-content .left-box .left-center-box .echarts-box .legend li {
              display: flex;
              flex-direction: row;
              height: 0.16rem;
              align-items: center;
              margin-bottom: 0.15rem;
              font-size: 0.14rem; }
              .home-screen-wrap .home-content .left-box .left-center-box .echarts-box .legend li .icon-leg {
                display: block;
                width: 0.18rem;
                height: 0.08rem; }
                .home-screen-wrap .home-content .left-box .left-center-box .echarts-box .legend li .icon-leg.leg-blue {
                  background: #00c9fc; }
                .home-screen-wrap .home-content .left-box .left-center-box .echarts-box .legend li .icon-leg.leg-green {
                  background: #e7ff9e; }
                .home-screen-wrap .home-content .left-box .left-center-box .echarts-box .legend li .icon-leg.leg-orange {
                  background: #ffc389; }
              .home-screen-wrap .home-content .left-box .left-center-box .echarts-box .legend li .leg-label {
                margin: 0 0.15rem 0 0.06rem; }
      .home-screen-wrap .home-content .left-box .left-bottom-box {
        padding: 0 0 0 0.4rem; }
        .home-screen-wrap .home-content .left-box .left-bottom-box li {
          display: flex;
          flex-direction: row;
          height: 0.32rem;
          align-items: center;
          font-size: 0.16rem;
          color: #fff; }
          .home-screen-wrap .home-content .left-box .left-bottom-box li .bottom-number {
            font-size: 0.18rem;
            color: #ffc000;
            font-family: TRENDS, serif;
            width: 0.4rem;
            margin: 0 0.19rem;
            text-align: right;
            padding-top: 0.05rem; }
    .home-screen-wrap .home-content .right-box {
      flex-shrink: 0;
      width: 14.65rem;
      height: 100%;
      box-sizing: border-box;
      padding: 0 0.35rem 0 0.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-around; }
      .home-screen-wrap .home-content .right-box .table-group {
        padding-top: 0.2rem;
        flex: 1; }
        .home-screen-wrap .home-content .right-box .table-group.table-group-top {
          padding-top: 0.4rem; }
        .home-screen-wrap .home-content .right-box .table-group .table-title {
          height: 0.35rem;
          display: flex;
          flex-direction: row;
          align-items: center;
          margin-bottom: 0.15rem; }
          .home-screen-wrap .home-content .right-box .table-group .table-title .title {
            flex-grow: 1;
            text-align: center;
            font-size: 0.18rem;
            color: #01f5ff;
            font-family: MicrosoftYaHei-Bold; }
          .home-screen-wrap .home-content .right-box .table-group .table-title .icon-view-all {
            cursor: pointer;
            flex-shrink: 0;
            width: 1.81rem;
            height: 0.35rem; }
        .home-screen-wrap .home-content .right-box .table-group .table .table-head {
          padding: 0 0.44rem;
          display: flex;
          flex-direction: row;
          height: 0.35rem;
          align-items: center;
          color: #00d9fc;
          font-size: 0.16rem;
          font-family: MicrosoftYaHei-Bold;
          text-align: center;
          margin-bottom: 0.08rem; }
          .home-screen-wrap .home-content .right-box .table-group .table .table-head div {
            margin-right: 0.2rem; }
            .home-screen-wrap .home-content .right-box .table-group .table .table-head div:last-child {
              margin-right: 0; }
        .home-screen-wrap .home-content .right-box .table-group .table .table-body .table-tr {
          padding: 0 0.44rem;
          height: 0.36rem;
          display: flex;
          flex-direction: row;
          align-items: center;
          font-size: 0.14rem;
          color: #cbe5f9;
          text-align: center; }
          .home-screen-wrap .home-content .right-box .table-group .table .table-body .table-tr .operate {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center; }
            .home-screen-wrap .home-content .right-box .table-group .table .table-body .table-tr .operate .eyes {
              display: block;
              width: 0.2rem;
              height: 0.2rem;
              background: url("../img/home/view.png") center/100% 100% no-repeat; }
              .home-screen-wrap .home-content .right-box .table-group .table .table-body .table-tr .operate .eyes:hover {
                background: url("../img/home/view-on.png") center/100% 100% no-repeat; }
            .home-screen-wrap .home-content .right-box .table-group .table .table-body .table-tr .operate .deal {
              display: block;
              width: 0.2rem;
              height: 0.2rem;
              background: url("../img/home/deal.png") center/100% 100% no-repeat; }
              .home-screen-wrap .home-content .right-box .table-group .table .table-body .table-tr .operate .deal:hover {
                background: url("../img/home/deal-on.png") center/100% 100% no-repeat; }
          .home-screen-wrap .home-content .right-box .table-group .table .table-body .table-tr .table-td {
            margin-right: 0.2rem; }
            .home-screen-wrap .home-content .right-box .table-group .table .table-body .table-tr .table-td:last-child {
              margin-right: 0; }
          .home-screen-wrap .home-content .right-box .table-group .table .table-body .table-tr .td-ellipsis {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .home-screen-wrap .home-content .right-box .table-group .table .td-wid-s {
          width: 1rem;
          min-width: 1rem; }
        .home-screen-wrap .home-content .right-box .table-group .table .td-wid-xs {
          width: 1.2rem;
          min-width: 1.2rem; }
        .home-screen-wrap .home-content .right-box .table-group .table .td-wid-xxs {
          width: 1.5rem;
          min-width: 1.5rem; }
        .home-screen-wrap .home-content .right-box .table-group .table .td-wid-m {
          width: 2rem;
          min-width: 2rem; }
        .home-screen-wrap .home-content .right-box .table-group .table .td-wid-xm {
          width: 2.3rem;
          min-width: 2.3rem; }
        .home-screen-wrap .home-content .right-box .table-group .table .amount {
          width: 1.9rem;
          min-width: 1.9rem;
          text-align: right; }
        .home-screen-wrap .home-content .right-box .table-group .table .operate {
          flex-shrink: 0;
          width: 0.6rem; }

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