.card-container[data-v-0630bc77]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-0630bc77]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-0630bc77]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-0630bc77]{
  display:flex;
  justify-content:space-between;
  padding:10px 5px;
  font-family:Roboto;
  font-size:14px;
  font-weight:normal;
  line-height:24px;
  letter-spacing:0px;
  font-feature-settings:"kern" on;
  color:#6b7280
}
.userMenus[data-v-0630bc77]{
  cursor:pointer;
  display:flex;
  flex-direction:row;
  align-items:center;
  padding:10px;
  gap:0px 0px;
  flex-wrap:wrap;
  align-content:center;
  border-radius:10px;
  margin:5px 0px;
  background:#f5f3ff;
  z-index:0;
  font-family:Roboto;
  font-size:13px;
  font-weight:normal;
  line-height:24px;
  text-align:center;
  letter-spacing:0px;
  font-feature-settings:"kern" on;
  color:#000
}
.header-notit-wrap[data-v-0630bc77]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-0630bc77]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-0630bc77]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-0630bc77]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-0630bc77]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-0630bc77]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-0630bc77]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-0630bc77]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-0630bc77]{
  padding:10px;
  margin:5px 8px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:128px;
  height:98px;
  cursor:pointer;
  background:#fff;
  position:relative;
  border-radius:8px;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
}
.dt-wrap .item.pro[data-v-0630bc77]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-0630bc77]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-0630bc77]{
  position:absolute;
  border-radius:16px;
  padding:2px 8px;
  top:0px;
  left:0px;
  display:flex;
  align-items:center;
  background-color:var(--bg-100);
  opacity:.8
}
.dt-wrap .item .tip-box .dot[data-v-0630bc77]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-0630bc77]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-0630bc77]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-0630bc77]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-0630bc77]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-0630bc77]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-0630bc77]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-0630bc77]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-0630bc77]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-0630bc77]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-0630bc77]{
  width:120px
}
.person-wrapper .info-box[data-v-0630bc77]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-0630bc77]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-0630bc77]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-0630bc77]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-0630bc77]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-0630bc77]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-0630bc77]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-0630bc77]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-0630bc77]{
  background-color:#d3d6dc !important;
  border:none !important
}