.rowGutter[data-v-a056133a] {
  margin: 20px 0 ;
}

[data-v-0ab737ea] .ant-table-tbody > tr.ant-table-row:hover > td {
  background: #f9fafc !important;
}
[data-v-0ab737ea] .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #f9fafc !important;
}
.ys-content[data-v-0ab737ea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ys-content .desc[data-v-0ab737ea] {
  float: right;
  max-width: 322px;
  color: #3f4fe4;
}
.ys-content .ys-link-box[data-v-0ab737ea] {
  margin-top: 20px;
}
.ys-content .ys-link-box .ys-logo > img[data-v-0ab737ea] {
  display: block;
  width: 140px;
}
.ys-content .ys-link-box .ys-links[data-v-0ab737ea] {
  margin-top: 10px;
  text-align: right;
}
.ys-content .ys-link-box .ys-link[data-v-0ab737ea] {
  text-decoration: underline;
}
[data-v-0ab737ea] .ant-tabs-nav {
  color: #7A7A7A;
}
[data-v-0ab737ea] .ant-tabs-nav .ant-tabs-tab {
  font-size: 14px;
  font-weight: 600;
}
[data-v-0ab737ea] .ant-tabs-nav .ant-tabs-tab-active {
  color: #1B1C26;
}
[data-v-0ab737ea] .ant-card {
  border-radius: 6px;
}
.borderra6px[data-v-0ab737ea] {
  border-radius: 6px;
}
.fw500[data-v-0ab737ea] {
  font-weight: 500;
}
.color-point[data-v-0ab737ea] {
  color: #3F4FE4;
  cursor: pointer;
}
.home-box-image[data-v-0ab737ea] {
  margin-bottom: 24px;
  position: relative;
}
.home-box-image .home-box-image-b[data-v-0ab737ea] {
  width: 100%;
  height: auto;
}
.home-box-image .home-box-image-i[data-v-0ab737ea] {
  position: absolute;
  right: 12px;
  width: 28px;
  top: 12px;
}
.fs24-amount[data-v-0ab737ea] {
  font-size: 24px;
  font-weight: 500;
  color: #10111A;
  margin: 10px 0;
}
.border-amount[data-v-0ab737ea] {
  border-right: 1px solid #F2F2F2;
}
.text-title[data-v-0ab737ea] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
.fs14-title[data-v-0ab737ea] {
  font-size: 14px;
  color: #7A7D99;
}
.fs12-title[data-v-0ab737ea] {
  font-size: 12px;
  color: #7A7D99;
}
.alert[data-v-0ab737ea] {
  height: 54px;
  background: #F0F1FF;
  line-height: 56px;
  font-size: 14px;
  font-weight: 400;
  color: #1B1C26;
  padding: 0 24px;
  margin: 0 0 24px;
  border-radius: 6px;
}
.alert .home-certitxt[data-v-0ab737ea] {
  color: #3F4FE4;
  cursor: pointer;
}
.alert span[data-v-0ab737ea] {
  margin: 0 8px;
}
.alert .anticon[data-v-0ab737ea] {
  font-size: 18px;
}
.alert .closeicon[data-v-0ab737ea] {
  float: right;
  margin: 15px 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.flex-row[data-v-0ab737ea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.aligncenter[data-v-0ab737ea] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.backimg[data-v-0ab737ea] {
  background: url(../img/personbg.f05007d0.png) no-repeat;
  background-size: 100% 100%;
}
.backimg1[data-v-0ab737ea] {
  background: url(../img/companys.3434caca.png) no-repeat;
  background-size: 100% 100%;
}
.backimg2[data-v-0ab737ea] {
  background: url(../img/mutual.2aa7c54c.png) no-repeat;
  background-size: 100% 100%;
}
.companySearch[data-v-0ab737ea] {
  color: #FFFFFF;
  height: 126px;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mutualDeal[data-v-0ab737ea] {
  color: #FFFFFF;
  height: 126px;
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.searchin[data-v-0ab737ea] {
  border-radius: 6px;
  height: 32px;
  font-size: 14px;
  background: #FFFFFF;
  margin-top: 28px;
}
p[data-v-0ab737ea] {
  margin-bottom: 0;
}
.inputbak[data-v-0ab737ea] {
  width: 200px;
}
.home-account-money[data-v-0ab737ea] {
  font-size: 14px;
  font-weight: 500;
  color: #1B1C26;
  background: url(../img/accountbg.26cdbf50.png) no-repeat;
  height: 231px;
  padding: 30px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.mtb10px[data-v-0ab737ea] {
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0;
}
.home-box[data-v-0ab737ea] .ant-divider-horizontal {
  margin: 16px 0;
  background: #DFE1F2;
}
.home-box .textcolor[data-v-0ab737ea] {
  font-size: 16px;
  color: #1B1C26;
  margin-top: 10px;
}
.home-box .text-w[data-v-0ab737ea] {
  font-weight: 600;
}
.home-box .flx-jus-con[data-v-0ab737ea] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home-box .home-left-top-withdraw[data-v-0ab737ea] {
  margin-bottom: 20px;
}
.home-box .home-left-top[data-v-0ab737ea] {
  position: relative;
}
.home-box .home-left-top .home-left-top-name[data-v-0ab737ea] {
  font-size: 20px;
  font-weight: 600;
  color: #10111A;
  margin-bottom: 32px;
}
.home-box .home-left-top .home-left-top-title[data-v-0ab737ea] {
  color: #7A7D99;
  margin-bottom: 8px;
}
.home-box .home-left-top .home-left-top-title .anticon[data-v-0ab737ea] {
  margin-left: 8px;
}
.home-box .home-left-top .home-left-top-withdraw[data-v-0ab737ea] {
  position: relative;
  z-index: 99;
  color: #10111A;
}
.home-box .home-left-top .home-left-top-withdraw .home-left-top-money[data-v-0ab737ea] {
  font-size: 24px;
  font-weight: 600;
  font-family: din-bold;
}
.home-box .home-left-top .home-withdraw-btn-p[data-v-0ab737ea] {
  margin: 0 10px 0 30px;
}
.home-box .home-left-top img[data-v-0ab737ea] {
  width: 130px;
  position: absolute;
  bottom: -24px;
  right: 48px;
}
.home-box .home-left-detailed p[data-v-0ab737ea] {
  color: #7A7D99;
  margin-bottom: 3px;
}
.home-box .home-left-detailed h2[data-v-0ab737ea] {
  color: #10111A;
  font-size: 14px;
}
.home-box .home-left-detailed span[data-v-0ab737ea] {
  font-size: 24px;
  font-weight: 600;
  color: #10111A;
}
.home-box .home-header-title[data-v-0ab737ea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.home-box .home-header-title span[data-v-0ab737ea] {
  color: #1D2129;
}
.home-box .home-header-title img[data-v-0ab737ea] {
  height: 20px;
  margin-right: 8px;
}
.home-box .home-header-title .home-reght-news-text[data-v-0ab737ea] {
  position: absolute;
  cursor: pointer;
  right: 24px;
  font-size: 12px;
  color: #3F4FE4;
}
.home-box .home-let-bottom[data-v-0ab737ea] {
  margin-bottom: 16px;
}
.home-box .home-let-bottom .home-let-bottom-tabs .ant-btn[data-v-0ab737ea] {
  margin-right: 8px;
}
.home-box .home-let-bottom-wait[data-v-0ab737ea] {
  background: #FAFAFD;
  padding: 16px;
  border: 1px solid #DFE1F2;
  border-radius: 3px;
}
.home-box .home-let-bottom-wait[data-v-0ab737ea] .ant-divider-horizontal {
  margin: 8px 0;
  background: #DFE1F2;
}
.home-box .home-let-bottom-wait .home-wait-top[data-v-0ab737ea] {
  color: #7A7D99;
}
.home-box .home-let-bottom-wait .mt8[data-v-0ab737ea] {
  margin-top: 8px;
}
.home-box .home-let-bottom-wait .home-wait-type[data-v-0ab737ea] {
  color: #3F4FE4;
  margin-right: 8px;
  font-size: 12px;
  cursor: pointer;
}
.home-box .home-let-bottom-wait[data-v-0ab737ea]:hover {
  -webkit-box-shadow: 2px 2px 4px 2px #0000000A;
          box-shadow: 2px 2px 4px 2px #0000000A;
}
.home-box .home-wait-tag-msg[data-v-0ab737ea] {
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  margin-right: 8px;
  width: 92px;
}
.home-box .home-wait-tag[data-v-0ab737ea] {
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  margin-right: 8px;
}
.home-box .cg[data-v-0ab737ea] {
  color: #2BA471;
  background: #E3F9E9;
}
.home-box .gy[data-v-0ab737ea] {
  color: #3F4FE4;
  background: #F0F2FD;
}
.home-box .hl[data-v-0ab737ea] {
  color: #E37318;
  background: #FFF1E9;
}
.home-box .gg[data-v-0ab737ea] {
  color: #D54941;
  background: #FFF8F6;
}
.home-box .account-height[data-v-0ab737ea] {
  border-radius: 6px;
}
.home-box .home-right-top[data-v-0ab737ea] {
  color: #1B1C26;
  border-radius: 3px;
  overflow: hidden;
  background: #FFFFFF;
}
.home-box .home-right-top .home-right-currency[data-v-0ab737ea] {
  text-align: center;
  padding: 15px 24px;
  margin-bottom: 20px;
}
.home-box .home-reght-news[data-v-0ab737ea] {
  margin-bottom: 16px;
}
.home-box .home-reght-news .home-wait-tag[data-v-0ab737ea] {
  margin-right: 16px;
}
.home-box .home-reght-news .home-wait-content[data-v-0ab737ea] {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-box .home-reght-news[data-v-0ab737ea]:last-child {
  margin-bottom: none;
}
.home-box .home-right-common[data-v-0ab737ea] {
  text-align: center;
  cursor: pointer;
  color: #7A7D99;
  font-size: 12px;
}
.home-box .home-right-common img[data-v-0ab737ea] {
  height: 48px;
  margin-bottom: 5px;
}
.home-box .home-right-account[data-v-0ab737ea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home-box .home-right-account img[data-v-0ab737ea] {
  width: 56px;
  height: 56px;
  margin-right: 24px;
}
.home-box .home-right-account .bgcolor[data-v-0ab737ea] {
  background: #FFFFFF;
  border-radius: 12px;
}
.home-box .home-right-account .search-bg[data-v-0ab737ea] {
  background: #ececec !important;
}
.home-box .home-right-account .avatar[data-v-0ab737ea] {
  width: 56px;
  height: 56px;
  margin-right: 24px;
}
.home-box .home-right-user-title[data-v-0ab737ea] {
  font-size: 24px;
}
.home-box .home-right-user-title .account-type img[data-v-0ab737ea] {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.home-box .account-arrow[data-v-0ab737ea] {
  margin-top: 8px;
  margin-left: 15px;
}
.home-box .account-arrow img[data-v-0ab737ea] {
  cursor: pointer;
  width: 7px;
  height: 12px;
}
.home-box[data-v-0ab737ea] .ant-btn-danger {
  background: #D54941;
  border-radius: 52px;
  border-color: #D54941;
}
.home-box .home-box-text[data-v-0ab737ea] {
  text-align: center;
  color: #7A7A7A;
}
.home-box .borderbox[data-v-0ab737ea] {
  font-size: 12px;
  padding: 15px 10px;
  background: #F9F9F9;
  border-radius: 6px;
  border: 1px solid #000;
}
.cursor[data-v-0ab737ea] {
  cursor: pointer;
}
[data-v-0ab737ea] .ant-btn-link {
  border: none;
}
.gutter-box-title[data-v-0ab737ea] {
  color: #000;
  font-weight: 600;
  margin-bottom: 24px;
}
.backv_box[data-v-0ab737ea] {
  width: 100%;
  position: relative;
}
.backv_box .ysf_box[data-v-0ab737ea] {
  border: 0.5px solid #fff;
  border-radius: 5px;
  width: 34%;
  height: 34%;
  position: absolute;
  bottom: 14%;
  left: 8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.backv_box .ysf_box .yfa_box[data-v-0ab737ea] {
  width: 94%;
  height: 94%;
  border: 0.5px solid #ddd;
  border-radius: 5px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.backv_box .ysf_box .yfa_box .yfa_name[data-v-0ab737ea] {
  font-size: 16px;
  white-space: nowrap;
  cursor: pointer;
}
.backv_box .ysf_box .yfa_box p[data-v-0ab737ea] {
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.backv_box .ysf_box:hover .yfa_box[data-v-0ab737ea] {
  border: 0.5px solid #3f4fe4;
  background-color: #3f4fe4;
}
.gutter-box[data-v-0ab737ea] {
  height: 72px;
  border-radius: 6px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #bbb;
  cursor: pointer;
}
.gutter-box img[data-v-0ab737ea] {
  width: 40px;
  margin-right: 8px;
}
.mb-look[data-v-0ab737ea] {
  font-weight: 400;
  color: #3F4FE4;
  cursor: pointer;
}
.mb-contract[data-v-0ab737ea] {
  color: #7A7A7A;
  height: 42px;
  line-height: 42px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #F2F2F2;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mb-title[data-v-0ab737ea] {
  text-align: center;
  color: #7A7A7A;
  height: 42px;
  line-height: 42px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #F2F2F2;
  margin-left: 16px;
  padding: 0 16px;
}
.mb-num[data-v-0ab737ea] {
  font-size: 14px;
  font-weight: 600;
  color: #111111;
  margin: 0 5px;
}
.mb-text[data-v-0ab737ea] {
  font-size: 14px;
  font-weight: 500;
  color: #111111;
  padding: 24px 0 8px 0;
}
.mb-btn[data-v-0ab737ea] {
  width: 160px;
  height: 40px;
  background: #3F4FE4;
  border-radius: 6px 6px 6px 6px;
  opacity: 1;
  color: #fff;
  margin-right: 16px;
}
[data-v-0ab737ea] .ant-pagination {
  text-align: right;
}
.mb-mar[data-v-0ab737ea] {
  margin: 20px 0;
}
.gutter-box1[data-v-0ab737ea] {
  background: linear-gradient(47deg, #F59A23 0%, #fff 100%);
}
.gutter-box2[data-v-0ab737ea] {
  background: linear-gradient(47deg, #fff 0%, #fff 100%);
}
.gutter-box3[data-v-0ab737ea] {
  background: linear-gradient(47deg, #70B603 0%, #fff 100%);
}
.gutter-box4[data-v-0ab737ea] {
  background: linear-gradient(47deg, #C280FF 0%, #fff 100%);
}
.gutter-box5[data-v-0ab737ea] {
  background: linear-gradient(47deg, #81D3F8 0%, #fff 100%);
}
.gutter-box6[data-v-0ab737ea] {
  background: linear-gradient(47deg, #aaaaaa 0%, #fff 100%);
}
.gutter-box-back1[data-v-0ab737ea] {
  background: linear-gradient(47deg, #E18E70 0%, #EDD0B5 100%);
}
.gutter-box-back2[data-v-0ab737ea] {
  background: linear-gradient(47deg, #3789B9 0%, #80D0C7 100%);
}
.gutter-box-back3[data-v-0ab737ea] {
  background: linear-gradient(45deg, #E17786 0%, #E5BB96 100%);
}
.gutter-box-back4[data-v-0ab737ea] {
  background: linear-gradient(47deg, #8989BA 0%, #A7A6CB 100%);
}
.gutter-box-back5[data-v-0ab737ea] {
  background: linear-gradient(47deg, #6A85B6 0%, #BAC8E0 100%);
}
.gutter-box-back6[data-v-0ab737ea] {
  background: linear-gradient(45deg, #F18888 0%, #EABF9B 100%);
}
.gutter-box-back7[data-v-0ab737ea] {
  background: linear-gradient(47deg, #A58A82 0%, #E7D8C3 100%);
}
.gutter-box-back8[data-v-0ab737ea] {
  background: linear-gradient(47deg, #B88181 0%, #DCD2DA 100%);
}
.home-left-title[data-v-0ab737ea] {
  font-size: 16px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  color: #111111;
  line-height: 32px;
}
.home-mb-div[data-v-0ab737ea] {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-bg[data-v-0ab737ea] {
  background: #F9F9F9;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #F2F2F2;
  padding: 24px;
}
.home-bg .home-img[data-v-0ab737ea] {
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.home-bg .home-icon[data-v-0ab737ea] {
  width: 24px;
  margin-right: 8px;
}
.home-bg .home-icon-title[data-v-0ab737ea] {
  font-size: 14px;
  font-weight: 600;
  color: #111111;
}
.home-bg .home-span[data-v-0ab737ea] {
  height: 30px;
  background: #FFFFFF;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #F2F2F2;
  margin-right: 10px;
  padding: 5px 16px;
}
.home-bg .home-span .col-black[data-v-0ab737ea] {
  font-size: 12px;
  font-weight: 600;
  color: #111111;
}
.btn-com-l[data-v-0ab737ea] {
  border-radius: 55px;
  border: 1px solid #F2F2F2;
  padding: 0 30px;
}
.btn-com-r[data-v-0ab737ea] {
  border-radius: 55px;
  border: 1px solid #F2F2F2;
  padding: 0 30px;
  margin-left: 10px;
}
.model-content[data-v-0ab737ea] {
  background: #F9F9F9;
  border-radius: 6px 6px 6px 6px;
  padding: 27px 24px;
  margin-top: 24px;
}
.content-mb[data-v-0ab737ea] {
  border-top: 3px solid #377E36;
  padding: 24px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 120px;
  cursor: pointer;
}
.content-mb1[data-v-0ab737ea] {
  border-top: 3px solid #3F4FE4;
  padding: 24px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 120px;
  cursor: pointer;
}
.content-mb2[data-v-0ab737ea] {
  font-size: 14px;
  font-weight: 600;
  color: #111111;
}
.content-mb3[data-v-0ab737ea] {
  font-size: 12px;
  font-weight: 400;
  color: #949494;
}
.content-mb4[data-v-0ab737ea] {
  font-size: 12px;
  font-weight: 400;
  color: #3F4FE4;
}
.content-mb5[data-v-0ab737ea] {
  font-size: 12px;
  font-weight: 400;
  color: #377E36;
}
.content-img[data-v-0ab737ea] {
  height: 42px;
  width: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.content-imgs[data-v-0ab737ea] {
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-bg[data-v-0ab737ea] {
  height: 32px;
  background: #F0F1FF;
  font-weight: 600;
  color: #3F4FE4;
}
.a-col-separator[data-v-0ab737ea]::after {
  content: '';
  /* 伪元素内容为空 */
  display: block;
  /* 使伪元素成为块级元素 */
  width: 1px;
  /* 分隔线宽度 */
  height: 100%;
  /* 分隔线高度，可根据需要调整 */
  background-color: #ccc;
  /* 分隔线颜色 */
  position: absolute;
  /* 设置为绝对定位 */
  right: 0;
  /* 将分隔线定位到列的右侧 */
  top: 0;
  /* 分隔线顶部对齐 */
}
.image-text-container[data-v-0ab737ea] {
  /* 确保图片和文字在垂直方向上堆叠 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 根据需要调整图片和文字之间的间距 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 使内容在列中居中 */
  color: #000;
  font-weight: 600;
}
/* 可选：如果需要对图片尺寸进行控制 */
.image-text-container img[data-v-0ab737ea] {
  max-width: 80%;
  /* 图片宽度不超过容器宽度 */
  height: auto;
  /* 保持图片的宽高比 */
}
.text-container[data-v-0ab737ea] {
  position: relative;
  /* 设置容器为相对定位，以便内部图片可以进行绝对定位 */
  padding-top: 15px;
  /* 可根据图片高度调整，为图片留出空间 */
  padding-right: 15px;
  /* 可根据图片宽度调整，为图片留出空间 */
  left: 7px;
  /* 数字显示调整居中 */
}
.corner-image[data-v-0ab737ea] {
  position: absolute;
  /* 设置图片为绝对定位 */
  top: 16px;
  /* 距离容器顶部的距离为0，即定位到顶部 */
  right: 0;
  /* 距离容器右侧的距离为0，即定位到右侧 */
  /* 根据需要调整图片的尺寸 */
  width: 15px;
  height: 15px;
  /* 可选：为图片添加一些样式，如边框、圆角等 */
}
.friend-box .friend-card .friend-link-img[data-v-0ab737ea] {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-bottom: 0;
}
.friend-box .friend-card .left-icon[data-v-0ab737ea] {
  margin-right: 10px;
  vertical-align: middle;
}
.jump-card[data-v-0ab737ea] {
  border: none;
  height: 130px;
  position: relative;
  overflow: hidden;
}
.card-background[data-v-0ab737ea],
.card-hover-background[data-v-0ab737ea] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  /* 改为cover确保图片完整显示 */
  background-repeat: no-repeat;
}
.card-hover-background[data-v-0ab737ea] {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
/* 确保内容在背景上方显示 */
.jump-card[data-v-0ab737ea] .ant-card-body {
  position: relative;
  z-index: 1;
  height: 100%;
  /* 让内容区域占满卡片高度 */
}
.serve-title[data-v-0ab737ea] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-link[data-v-0ab737ea] .ant-card-body {
  padding-left: 10px;
  padding-right: 10px;
}
.friend-card[data-v-0ab737ea]:nth-of-type(1) .card-link .ant-card-body {
  background-color: #DDE9FF;
}
.friend-card[data-v-0ab737ea]:nth-of-type(2) .card-link .ant-card-body {
  background-color: #EDEAFF;
}
.friend-card[data-v-0ab737ea]:nth-of-type(3) .card-link .ant-card-body {
  background-color: #FFF0D1;
}
.friend-card[data-v-0ab737ea]:nth-of-type(4) .card-link .ant-card-body {
  background-color: #D7EEE8;
}
.more-box[data-v-0ab737ea] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.more-box .serve-more[data-v-0ab737ea] {
  color: #999;
  cursor: pointer;
}
.tipcontent[data-v-0ab737ea] {
  padding: 0 20px;
  font-size: 14px;
}