@charset "UTF-8";
/* 公共颜色变量 */
.home-title[data-v-3c92309d] {
  line-height: 48px;
  font-size: 20px;
  color: #2F333D;
}
.user-bg[data-v-3c92309d] {
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0px 20px 40px 0px rgba(7, 11, 23, 0.03);
  border-radius: 10px;
  border: 1px solid;
  -o-border-image: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)) 1 1;
     border-image: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)) 1 1;
  backdrop-filter: blur(3px);
  padding: 25px 30px 30px;
}
.order-wrap[data-v-3c92309d] {
  width: 870px;
}
.order-wrap .order-list[data-v-3c92309d] {
  gap: 24px 36px;
  margin-top: 20px;
}
.order-wrap .order-list .item[data-v-3c92309d] {
  width: 174px;
  height: 106px;
  position: relative;
  cursor: pointer;
}
.order-wrap .order-list .item .icon[data-v-3c92309d] {
  width: 100%;
  height: 100%;
}
.order-wrap .order-list .item .icon-normal[data-v-3c92309d] {
  display: block;
}
.order-wrap .order-list .item .icon-hover[data-v-3c92309d] {
  display: none;
}
.order-wrap .order-list .item .num[data-v-3c92309d] {
  width: 100%;
  line-height: 24px;
  padding: 0 20px;
  font-size: 16px;
  color: #66696A;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 3;
}
.order-wrap .order-list .item.active .icon-normal[data-v-3c92309d] {
  display: none;
}
.order-wrap .order-list .item.active .icon-hover[data-v-3c92309d] {
  display: block;
}
.order-wrap .order-list .item.active .num[data-v-3c92309d] {
  color: #E60013;
}
.info-wrap[data-v-3c92309d] {
  width: 300px;
}
.attention-wrap[data-v-3c92309d] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAToAAAAFCAYAAADVGSCQAAAAAXNSR0IArs4c6QAAA3hJREFUWEfVmDFrVEEQgOddYvQgICGN2EQRbBQtFBuxEDtBBAs7f4X/wc5fISm0UGxsRFJYiKBFxEqwMUUqFYNwxXm3sm93dmdmZ957e5fmjkDu3s7uzszOfDP7GgDXgPLZfQ93Pn6Hu+sjeHQ0cVt/Js1oNtNl2wWa9k/9NHGAjZMf+BXlcJEkYsyX+9H52l70GeoMTtddXUvRuTVdKJLWjoZY9iU7NfuiT8m/sI/X1/B3jf+krLRD+q/wtaJfGwBRP91/QcA6twYacDiuxgd1QA61JjrGz88OoucS9/VyzqVAzVuQ8WgAtx/1zuvjnngYXnN6QEEX/3GQZeX8OI56t/r5ZWJQ4vyYXDi73atYn+Yf6pJCxcjM1X68NgI33oD5eAN+z+bw7PwZeHPrIrzTrPKeZWe6uwdXPx3A04OfcHs+18FGF+qEkQWBjiSxoCGTw0zMGhhpenRBxICihLwFOhOKlh6a/zSoRjka/kMgysCfswg5yuJlMESNgtdVhJgeSXGRpBFSth4DIWr6jzog0Dqco4SchKKEaL98zpl8YuFZAFRRCJIyvkjwUe6POG7kwGpjrV/70Qjc9ibsnduCxzcvwb7gVIbZk1dw/9uhe3E0gRP9y2aJ1GkoQT44QRTALARR7ZBjDBfJFmVFjocgt9aJZheQEA6jsGOhaflIg6gmS0BQJISRxJgbvXp0gJ8MEQgIGBEfLOO/6kLRW9wUCLa+5XArY9ULIYx4JxpkxXwGxjwuu7/U1aqdaNgzmKRB1D8lJU3ESF/O1OT1qsqOT8L07Gl4eO86vCbpEkDnIbf/w72c/jNvoKrdfY4deq1LCslk7UheBpt4aVGvyZWdpQQIid/yil4ZaFXgr+jo6O2HHC67ptGObxk9JDAZBC04K8VGFhS5joSrLo8LC+imIiZhhr/RNVQx7JgI1LSOrgWRhBw3MGyfr7NUPoM8nEgGF15z8QRJB9dOkh2dIW+Af1XBtYje62vgdrbhAcKuvbq+/QKXn39wn3/9revktIQqKv/QLiMFJjeLVncGNmvdqICE1dKJ3RE8y8D82AqFBdzj8EdNF1rxzhKbluKsRBBJsMoCR0sz8yd/VZV6JE2ed12k2yuAGYHKXph2yWOHhprFazG5BpWxyl9C0BwIrrE7uuQ6I58Wgcaqztk8BdMbO3DtygX4+h/P97wGzsIaVAAAAABJRU5ErkJggg==) no-repeat center top;
  background-size: 100% auto;
  padding: 20px;
}
.attention-wrap .attention-list .item[data-v-3c92309d] {
  display: block;
  width: 50%;
  text-align: center;
  margin-top: 20px;
}
.attention-wrap .attention-list .item .icon[data-v-3c92309d] {
  width: 36px;
  height: 36px;
}
.attention-wrap .attention-list .item .text[data-v-3c92309d] {
  line-height: 24px;
  margin-top: 5px;
}
.wallet-wrap[data-v-3c92309d] {
  padding: 20px;
  background: linear-gradient(136deg, #0056FD 0%, #528EFE 100%);
  border-radius: 10px;
  color: #fff;
}
.wallet-wrap .user-title[data-v-3c92309d] {
  padding-left: 0;
}
.wallet-wrap .user-title[data-v-3c92309d]::before {
  display: none;
}
.wallet-wrap .wallet-list .item[data-v-3c92309d] {
  width: 50%;
  text-align: center;
  margin-top: 20px;
}
.wallet-wrap .wallet-list .item .num[data-v-3c92309d] {
  line-height: 36px;
  font-size: 22px;
}
.wallet-wrap .wallet-list .item .num .small[data-v-3c92309d] {
  font-size: 16px;
}
.wallet-wrap .wallet-list .item .text[data-v-3c92309d] {
  line-height: 24px;
}
.portrait-wrap .portrait-list[data-v-3c92309d] {
  margin: 0 -15px;
}
.portrait-wrap .portrait-list .item-wrap[data-v-3c92309d] {
  width: 33.3333%;
  padding: 15px;
}
.portrait-wrap .portrait-list .item[data-v-3c92309d] {
  height: 140px;
  background: #FFFFFF;
  box-shadow: 0px 20px 40px 0px rgba(7, 11, 23, 0.03);
  border-radius: 10px;
  border: 1px solid rgba(216, 221, 234, 0.28);
  padding: 20px;
}
.portrait-wrap .portrait-list .item .icon[data-v-3c92309d] {
  text-align: center;
}
.portrait-wrap .portrait-list .item .img[data-v-3c92309d] {
  width: 36px;
  height: 36px;
}
.portrait-wrap .portrait-list .item .text[data-v-3c92309d] {
  line-height: 24px;
  color: #444646;
  margin-top: 10px;
}
.portrait-wrap .portrait-list .item .info[data-v-3c92309d] {
  text-align: right;
}
.portrait-wrap .portrait-list .item .info .select[data-v-3c92309d] {
  width: 80px;
}
.portrait-wrap .portrait-list .item .info .select[data-v-3c92309d] .el-select {
  width: 100%;
}
.portrait-wrap .portrait-list .item .info .select[data-v-3c92309d] .el-select .el-input__inner {
  border: none;
  font-size: 15px;
  padding: 0 24px 0 0;
  text-align: right;
}
.portrait-wrap .portrait-list .item .info .select[data-v-3c92309d] .el-select .el-input__suffix {
  right: 0;
}
.portrait-wrap .portrait-list .item .info .select[data-v-3c92309d] .el-select .el-input__suffix .el-select__caret {
  width: auto;
  color: #070B17;
  font-size: 16px;
}
.portrait-wrap .portrait-list .item .info .num[data-v-3c92309d] {
  line-height: 44px;
  font-size: 28px;
  margin-top: 10px;
}
.portrait-wrap .portrait-list .item .info .num .small[data-v-3c92309d] {
  font-size: 20px;
}
.portrait-wrap .portrait-list .item .chart-wrap[data-v-3c92309d] {
  width: calc(100% - 120px);
}
.portrait-wrap .portrait-list .item .chart-wrap #category-chart[data-v-3c92309d] {
  width: 100%;
  height: 100%;
}
