@charset "UTF-8";
@media screen and (max-width: 1400px) {
.topWrap .userDetailInfo[data-v-47d753ab] {
    width: 240px !important;
}
.queryArea .messageList[data-v-47d753ab] {
    width: 240px !important;
}
}
.homePageWrap[data-v-47d753ab] {
  height: 100vh;
}
.homePageWrap .topWrap[data-v-47d753ab] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
}
.homePageWrap .topWrap .dataDetail[data-v-47d753ab] {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
}
.homePageWrap .topWrap .dataDetail .topNumbers[data-v-47d753ab] {
        width: 100%;
        height: 152px;
        background: linear-gradient(315deg, #66ADFF 0%, #1E6FFF 100%);
        border-radius: 8px;
        position: relative;
}
.homePageWrap .topWrap .dataDetail .topNumbers .topLeftBlock[data-v-47d753ab] {
          width: calc(100% - 169px);
          height: 152px;
          display: flex;
          justify-content: space-around;
}
.homePageWrap .topWrap .dataDetail .topNumbers .topLeftBlock div[data-v-47d753ab] {
            color: #ffffff;
            font-family: "DINAlternate-Bold";
}
.homePageWrap .topWrap .dataDetail .topNumbers .topLeftBlock div p[data-v-47d753ab]:nth-child(1) {
              font-size: 14px;
              line-height: 14px;
              margin-top: 30px;
              margin-bottom: 19px;
              opacity: 0.7;
}
.homePageWrap .topWrap .dataDetail .topNumbers .topLeftBlock div p[data-v-47d753ab]:nth-child(2) {
              font-size: 32px;
              line-height: 32px;
              font-weight: 600;
              margin-bottom: 12px;
}
.homePageWrap .topWrap .dataDetail .topNumbers .topLeftBlock div p[data-v-47d753ab]:nth-child(3) {
              font-size: 14px;
              line-height: 14px;
}
.homePageWrap .topWrap .dataDetail .topNumbers .topRightBlock[data-v-47d753ab] {
          width: 169px;
          height: 152px;
          background: url(../img/topRightImg.4cbd17a6.png) no-repeat;
          background-size: 100% 100%;
          position: absolute;
          right: 0;
          top: 0;
}
.homePageWrap .topWrap .dataDetail .topImg[data-v-47d753ab] {
        width: 100%;
        height: 140px;
        background-image: url(../img/topImg2.39d3bda7.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        border-radius: 8px;
}
.homePageWrap .topWrap .dataDetail .topImg .topImgText[data-v-47d753ab] {
          width: 225px;
          height: 66px;
          background: url(../img/topImgText.823c372c.png) no-repeat;
          background-size: 100% 100%;
          position: absolute;
          left: 8%;
          top: 37px;
}
.homePageWrap .topWrap .userDetailInfo[data-v-47d753ab] {
      display: flex;
      flex-direction: column;
      width: 300px;
      height: 304px;
      background: #FFFFFF;
      border-radius: 8px;
      padding: 28px 26px 20px 26px;
      box-sizing: border-box;
}
.homePageWrap .topWrap .userDetailInfo .headerWrap[data-v-47d753ab] {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
}
.homePageWrap .topWrap .userDetailInfo .headerWrap img[data-v-47d753ab] {
          width: 100%;
          height: 100%;
          vertical-align: top;
}
.homePageWrap .topWrap .userDetailInfo .welcome[data-v-47d753ab] {
        font-weight: 600;
        font-size: 16px;
        color: #191B21;
        letter-spacing: 0;
        line-height: 24px;
        margin-top: 12px;
        text-align: center;
}
.homePageWrap .topWrap .userDetailInfo .nickName[data-v-47d753ab] {
        font-weight: 400;
        font-size: 14px;
        color: #596178;
        line-height: 22px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 24px;
        box-sizing: border-box;
}
.homePageWrap .topWrap .userDetailInfo .rightsExpiration[data-v-47d753ab] {
        width: 100%;
        height: 76px;
        background: #F8FAFE;
        border-radius: 4px;
        margin: 16px auto 0 auto;
        padding: 17px 0;
        box-sizing: border-box;
}
.homePageWrap .topWrap .userDetailInfo .rightsExpiration .p1[data-v-47d753ab] {
          font-weight: 400;
          font-size: 12px;
          color: #A9ABB2;
          letter-spacing: 0;
          text-align: center;
          line-height: 18px;
}
.homePageWrap .topWrap .userDetailInfo .rightsExpiration .p2[data-v-47d753ab] {
          font-family: "DINAlternate-Bold";
          font-size: 14px;
          color: #191B21;
          text-align: center;
          line-height: 22px;
          margin-top: 2px;
}
.homePageWrap .topWrap .userDetailInfo .rightsExpiration .p3[data-v-47d753ab] {
          font-weight: 400;
          font-size: 12px;
          color: #A9ABB2;
          letter-spacing: 0;
          text-align: center;
          line-height: 42px;
}
.homePageWrap .topWrap .userDetailInfo .buyRight[data-v-47d753ab] {
        margin-top: 12px;
        width: 100%;
        height: 36px;
        background: #1D6EFE;
        border-radius: 4px;
        color: #FFFFFF;
        font-weight: 400;
        font-size: 14px;
        text-align: center;
        line-height: 36px;
        cursor: pointer;
}
.homePageWrap .topWrap .userDetailInfo .buyRight[data-v-47d753ab]:hover {
          opacity: 0.8;
}
.homePageWrap .queryArea[data-v-47d753ab] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-top: 12px;
    margin-bottom: 12px;
}
.homePageWrap .queryArea .leftWrap[data-v-47d753ab] {
      display: flex;
      flex-direction: column;
      flex: 1;
      min-width: 0;
      gap: 12px;
}
.homePageWrap .queryArea .leftWrap .selectWrap[data-v-47d753ab] {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #FFFFFF;
        width: 100%;
        height: 68px;
        border-radius: 8px;
        padding: 16px 24px;
        box-sizing: border-box;
}
.homePageWrap .queryArea .leftWrap .selectWrap .selectTime[data-v-47d753ab] {
          float: right;
          height: 36px;
          line-height: 36px;
          width: 300px;
          vertical-align: top;
}
.homePageWrap .queryArea .leftWrap .selectWrap .selectTime[data-v-47d753ab] .el-range__icon {
            line-height: 28px;
}
.homePageWrap .queryArea .leftWrap .selectWrap .selectTime[data-v-47d753ab] .el-range-separator {
            line-height: 28px;
}
.homePageWrap .queryArea .messageList[data-v-47d753ab] {
      width: 300px;
      height: 812px;
      background: #FFFFFF;
      border-radius: 8px;
      padding: 12px 16px 34px 16px;
      box-sizing: border-box;
}
.homePageWrap .queryArea .messageList .messageTitle[data-v-47d753ab] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
}
.homePageWrap .queryArea .messageList .messageTitle p[data-v-47d753ab] {
          font-weight: 600;
          font-size: 16px;
          color: #191B21;
          letter-spacing: 0;
          line-height: 24px;
}
.homePageWrap .queryArea .messageList .hint[data-v-47d753ab] {
        width: 100%;
        height: 36px;
        background: #FEF8F8;
        border: 1px solid #F9F1F1;
        border-radius: 4px;
        padding: 12px 15px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 8px;
}
.homePageWrap .queryArea .messageList .hint i[data-v-47d753ab] {
          font-size: 14px;
          color: #DA3435;
}
.homePageWrap .queryArea .messageList .hint p[data-v-47d753ab] {
          font-weight: 400;
          font-size: 12px;
          color: #5E6475;
          letter-spacing: 0;
          line-height: 18px;
}
.homePageWrap .queryArea .messageList .listItem[data-v-47d753ab] {
        width: 100%;
        height: 102px;
        border-radius: 4px;
        border-bottom: 1px solid #EBECF0;
        padding: 12px 12px 15px 12px;
        box-sizing: border-box;
        margin-bottom: 8px;
}
.homePageWrap .queryArea .messageList .listItem .labelWrap[data-v-47d753ab] {
          display: flex;
          align-items: center;
          gap: 4px;
          margin-bottom: 4px;
}
.homePageWrap .queryArea .messageList .listItem .labelWrap .notice[data-v-47d753ab] {
            line-height: 22px;
            padding: 0 8px;
            background: #E0E8FF;
            border-radius: 2px;
            font-size: 14px;
            color: #3C6DFB;
            display: inline-block;
}
.homePageWrap .queryArea .messageList .listItem .labelWrap .sys-notice[data-v-47d753ab] {
            line-height: 22px;
            padding: 0 8px;
            background: #F0F3FA;
            border-radius: 2px;
            font-size: 14px;
            color: #8A98BE;
            display: inline-block;
}
.homePageWrap .queryArea .messageList .listItem .labelWrap .sys-up[data-v-47d753ab] {
            line-height: 22px;
            padding: 0 8px;
            background: #F3ECFF;
            border-radius: 2px;
            font-size: 14px;
            color: #A464F4;
            display: inline-block;
}
.homePageWrap .queryArea .messageList .listItem .labelWrap .expiration[data-v-47d753ab] {
            line-height: 22px;
            padding: 0 8px;
            background: #FFF0EC;
            border-radius: 2px;
            font-size: 14px;
            color: #F46F64;
            display: inline-block;
}
.homePageWrap .queryArea .messageList .listItem .labelWrap .point[data-v-47d753ab] {
            width: 4px;
            height: 4px;
            background: #F14344;
            border-radius: 2px;
}
.homePageWrap .queryArea .messageList .listItem .listCon[data-v-47d753ab] {
          height: 36px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          /* 显示2行 */
          font-weight: 400;
          font-size: 12px;
          color: #191B21;
          letter-spacing: 0;
          line-height: 18px;
}
.homePageWrap .queryArea .messageList .listItem .expiration[data-v-47d753ab] {
          font-weight: 400;
          font-size: 12px;
          color: #596178;
          line-height: 18px;
}
.homePageWrap .queryArea .messageList .listItem.unread[data-v-47d753ab] {
          background: #F8FAFE;
          border-bottom: none;
}
.homePageWrap .queryArea .messageList .listItem[data-v-47d753ab]:hover {
          cursor: pointer;
          opacity: 0.8;
}
.homePageWrap .queryArea .messageList .moreWrap[data-v-47d753ab] {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 12px;
}
.homePageWrap .chartWrap[data-v-47d753ab] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
}
.homePageWrap .chartWrap .wrap[data-v-47d753ab] {
      min-height: 360px;
      width: calc(50% - 6px);
      padding: 20px 24px;
      box-sizing: border-box;
      background: #ffffff;
      position: relative;
      border-radius: 8px;
}
.homePageWrap .chartWrap .wrap .title[data-v-47d753ab] {
        font-size: 16px;
        font-weight: 600;
        color: #191B21;
        line-height: 18px;
}
.homePageWrap .chartWrap .wrap .title img[data-v-47d753ab] {
          width: 16px;
          height: 16px;
          cursor: pointer;
          margin-bottom: -2px;
}
.homePageWrap .chartWrap .wrap .chart[data-v-47d753ab] {
        width: 100%;
        height: calc(100% - 18px);
        display: inline-block;
        vertical-align: top;
}
.homePageWrap .chartWrap .wrap .table[data-v-47d753ab] {
        width: 40%;
        height: calc(100% - 18px);
        display: inline-block;
        vertical-align: top;
}
.homePageWrap .chartWrap .wrap .table .category-name[data-v-47d753ab] {
          color: #515A6E;
          font-size: 12px;
}
.homePageWrap .chartWrap .wrap .echartsNull[data-v-47d753ab] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.homePageWrap .chartWrap .wrap .echartsNull img[data-v-47d753ab] {
          width: 119px;
          height: 119px;
          margin-bottom: 15px;
}
.homePageWrap .chartWrap .wrap .echartsNull p[data-v-47d753ab] {
          text-align: center;
          font-size: 14px;
          color: #999999;
          line-height: 14px;
}
.homePageWrap .chartWrap .wrap .left[data-v-47d753ab] {
        width: 65%;
        display: inline-block;
        vertical-align: top;
        padding: 0 5%;
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 10%;
}
.homePageWrap .chartWrap .wrap .left .one[data-v-47d753ab] {
          width: 100%;
          height: 40px;
          background: #1E6FFF;
          opacity: 0.5;
          text-align: center;
          line-height: 40px;
          color: #FFFFFF;
}
.homePageWrap .chartWrap .wrap .left .two[data-v-47d753ab] {
          min-width: 30px;
          height: 40px;
          background: #1E6FFF;
          opacity: 0.75;
          text-align: center;
          line-height: 40px;
          color: #FFFFFF;
          display: block;
          margin: 0 auto;
}
.homePageWrap .chartWrap .wrap .left .three[data-v-47d753ab] {
          min-width: 30px;
          height: 40px;
          background: #1E6FFF;
          text-align: center;
          line-height: 40px;
          color: #FFFFFF;
          display: block;
          margin: 0 auto;
}
.homePageWrap .chartWrap .wrap .left .tImg[data-v-47d753ab] {
          width: 100%;
}
.homePageWrap .chartWrap .wrap .left .tImg img[data-v-47d753ab] {
            height: 34px;
            display: inline-block;
            vertical-align: top;
}
.homePageWrap .chartWrap .wrap .right[data-v-47d753ab] {
        width: 35%;
        display: inline-block;
        vertical-align: top;
        margin-top: 10%;
}
.homePageWrap .chartWrap .wrap .right .numbers .leftImg[data-v-47d753ab] {
          width: 28px;
          display: inline-block;
}
.homePageWrap .chartWrap .wrap .right .numbers .rightText[data-v-47d753ab] {
          width: calc(100% - 28px);
          display: inline-block;
}
.homePageWrap .chartWrap .wrap .right .numbers .rightText p[data-v-47d753ab] {
            white-space: nowrap;
            font-size: 12px;
            font-weight: 400;
            color: #596178;
            line-height: 40px;
            margin-bottom: 34px;
}
.homePageWrap .chartWrap .wrap .right .numbers .rightText p[data-v-47d753ab]:last-child(1) {
            margin: 0;
}