.card-container[data-v-5ba1bd58]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-5ba1bd58]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-5ba1bd58]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-5ba1bd58]{
  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-5ba1bd58]{
  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-5ba1bd58]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-5ba1bd58]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-5ba1bd58]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-5ba1bd58]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-5ba1bd58]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-5ba1bd58]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-5ba1bd58]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-5ba1bd58]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-5ba1bd58]{
  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-5ba1bd58]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-5ba1bd58]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-5ba1bd58]{
  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-5ba1bd58]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-5ba1bd58]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-5ba1bd58]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-5ba1bd58]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-5ba1bd58]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-5ba1bd58]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-5ba1bd58]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-5ba1bd58]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-5ba1bd58]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-5ba1bd58]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-5ba1bd58]{
  width:120px
}
.person-wrapper .info-box[data-v-5ba1bd58]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-5ba1bd58]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-5ba1bd58]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-5ba1bd58]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-5ba1bd58]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-5ba1bd58]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-5ba1bd58]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-5ba1bd58]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-5ba1bd58]{
  background-color:#d3d6dc !important;
  border:none !important
}
.a-link[data-v-5ba1bd58]{
  color:#333
}
.a-link[data-v-5ba1bd58]:hover{
  color:#000
}
.v-avatar[data-v-5ba1bd58]{
  background-color:var(--primary-100)
}
.card-container[data-v-d748b942]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-d748b942]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-d748b942]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-d748b942]{
  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-d748b942]{
  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-d748b942]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-d748b942]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-d748b942]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-d748b942]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-d748b942]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-d748b942]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-d748b942]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-d748b942]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-d748b942]{
  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-d748b942]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-d748b942]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-d748b942]{
  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-d748b942]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-d748b942]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-d748b942]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-d748b942]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-d748b942]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-d748b942]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-d748b942]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-d748b942]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-d748b942]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-d748b942]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-d748b942]{
  width:120px
}
.person-wrapper .info-box[data-v-d748b942]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-d748b942]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-d748b942]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-d748b942]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-d748b942]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-d748b942]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-d748b942]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-d748b942]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-d748b942]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-49b671e8]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-49b671e8]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-49b671e8]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-49b671e8]{
  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-49b671e8]{
  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-49b671e8]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-49b671e8]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-49b671e8]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-49b671e8]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-49b671e8]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-49b671e8]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-49b671e8]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-49b671e8]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-49b671e8]{
  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-49b671e8]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-49b671e8]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-49b671e8]{
  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-49b671e8]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-49b671e8]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-49b671e8]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-49b671e8]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-49b671e8]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-49b671e8]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-49b671e8]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-49b671e8]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-49b671e8]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-49b671e8]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-49b671e8]{
  width:120px
}
.person-wrapper .info-box[data-v-49b671e8]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-49b671e8]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-49b671e8]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-49b671e8]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-49b671e8]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-49b671e8]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-49b671e8]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-49b671e8]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-49b671e8]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-0e5ad97b]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-0e5ad97b]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-0e5ad97b]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-0e5ad97b]{
  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-0e5ad97b]{
  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-0e5ad97b]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-0e5ad97b]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-0e5ad97b]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-0e5ad97b]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-0e5ad97b]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-0e5ad97b]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-0e5ad97b]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-0e5ad97b]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-0e5ad97b]{
  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-0e5ad97b]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-0e5ad97b]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-0e5ad97b]{
  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-0e5ad97b]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-0e5ad97b]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-0e5ad97b]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-0e5ad97b]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-0e5ad97b]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-0e5ad97b]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-0e5ad97b]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-0e5ad97b]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-0e5ad97b]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-0e5ad97b]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-0e5ad97b]{
  width:120px
}
.person-wrapper .info-box[data-v-0e5ad97b]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-0e5ad97b]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-0e5ad97b]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-0e5ad97b]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-0e5ad97b]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-0e5ad97b]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-0e5ad97b]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-0e5ad97b]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-0e5ad97b]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-549d7792]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-549d7792]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-549d7792]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-549d7792]{
  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-549d7792]{
  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-549d7792]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-549d7792]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-549d7792]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-549d7792]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-549d7792]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-549d7792]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-549d7792]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-549d7792]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-549d7792]{
  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-549d7792]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-549d7792]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-549d7792]{
  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-549d7792]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-549d7792]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-549d7792]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-549d7792]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-549d7792]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-549d7792]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-549d7792]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-549d7792]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-549d7792]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-549d7792]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-549d7792]{
  width:120px
}
.person-wrapper .info-box[data-v-549d7792]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-549d7792]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-549d7792]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-549d7792]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-549d7792]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-549d7792]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-549d7792]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-549d7792]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-549d7792]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-87518dda]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-87518dda]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-87518dda]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-87518dda]{
  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-87518dda]{
  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-87518dda]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-87518dda]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-87518dda]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-87518dda]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-87518dda]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-87518dda]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-87518dda]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-87518dda]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-87518dda]{
  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-87518dda]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-87518dda]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-87518dda]{
  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-87518dda]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-87518dda]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-87518dda]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-87518dda]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-87518dda]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-87518dda]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-87518dda]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-87518dda]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-87518dda]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-87518dda]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-87518dda]{
  width:120px
}
.person-wrapper .info-box[data-v-87518dda]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-87518dda]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-87518dda]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-87518dda]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-87518dda]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-87518dda]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-87518dda]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-87518dda]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-87518dda]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-82280760]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-82280760]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-82280760]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-82280760]{
  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-82280760]{
  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-82280760]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-82280760]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-82280760]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-82280760]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-82280760]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-82280760]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-82280760]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-82280760]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-82280760]{
  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-82280760]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-82280760]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-82280760]{
  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-82280760]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-82280760]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-82280760]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-82280760]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-82280760]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-82280760]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-82280760]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-82280760]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-82280760]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-82280760]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-82280760]{
  width:120px
}
.person-wrapper .info-box[data-v-82280760]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-82280760]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-82280760]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-82280760]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-82280760]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-82280760]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-82280760]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-82280760]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-82280760]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-6b4dceea]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-6b4dceea]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-6b4dceea]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-6b4dceea]{
  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-6b4dceea]{
  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-6b4dceea]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-6b4dceea]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-6b4dceea]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-6b4dceea]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-6b4dceea]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-6b4dceea]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-6b4dceea]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-6b4dceea]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-6b4dceea]{
  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-6b4dceea]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-6b4dceea]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-6b4dceea]{
  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-6b4dceea]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-6b4dceea]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-6b4dceea]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-6b4dceea]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-6b4dceea]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-6b4dceea]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-6b4dceea]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-6b4dceea]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-6b4dceea]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-6b4dceea]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-6b4dceea]{
  width:120px
}
.person-wrapper .info-box[data-v-6b4dceea]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-6b4dceea]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-6b4dceea]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-6b4dceea]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-6b4dceea]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-6b4dceea]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-6b4dceea]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-6b4dceea]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-6b4dceea]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-4bb5a1b8]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-4bb5a1b8]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-4bb5a1b8]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-4bb5a1b8]{
  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-4bb5a1b8]{
  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-4bb5a1b8]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-4bb5a1b8]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-4bb5a1b8]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-4bb5a1b8]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-4bb5a1b8]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-4bb5a1b8]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-4bb5a1b8]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-4bb5a1b8]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-4bb5a1b8]{
  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-4bb5a1b8]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-4bb5a1b8]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-4bb5a1b8]{
  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-4bb5a1b8]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-4bb5a1b8]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-4bb5a1b8]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-4bb5a1b8]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-4bb5a1b8]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-4bb5a1b8]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-4bb5a1b8]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-4bb5a1b8]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-4bb5a1b8]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-4bb5a1b8]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-4bb5a1b8]{
  width:120px
}
.person-wrapper .info-box[data-v-4bb5a1b8]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-4bb5a1b8]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-4bb5a1b8]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-4bb5a1b8]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-4bb5a1b8]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-4bb5a1b8]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-4bb5a1b8]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-4bb5a1b8]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-4bb5a1b8]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-04bc93aa]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-04bc93aa]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-04bc93aa]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-04bc93aa]{
  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-04bc93aa]{
  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-04bc93aa]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-04bc93aa]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-04bc93aa]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-04bc93aa]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-04bc93aa]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-04bc93aa]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-04bc93aa]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-04bc93aa]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-04bc93aa]{
  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-04bc93aa]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-04bc93aa]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-04bc93aa]{
  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-04bc93aa]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-04bc93aa]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-04bc93aa]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-04bc93aa]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-04bc93aa]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-04bc93aa]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-04bc93aa]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-04bc93aa]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-04bc93aa]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-04bc93aa]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-04bc93aa]{
  width:120px
}
.person-wrapper .info-box[data-v-04bc93aa]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-04bc93aa]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-04bc93aa]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-04bc93aa]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-04bc93aa]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-04bc93aa]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-04bc93aa]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-04bc93aa]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-04bc93aa]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-47f75bfc]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-47f75bfc]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-47f75bfc]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-47f75bfc]{
  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-47f75bfc]{
  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-47f75bfc]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-47f75bfc]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-47f75bfc]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-47f75bfc]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-47f75bfc]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-47f75bfc]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-47f75bfc]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-47f75bfc]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-47f75bfc]{
  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-47f75bfc]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-47f75bfc]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-47f75bfc]{
  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-47f75bfc]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-47f75bfc]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-47f75bfc]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-47f75bfc]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-47f75bfc]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-47f75bfc]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-47f75bfc]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-47f75bfc]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-47f75bfc]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-47f75bfc]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-47f75bfc]{
  width:120px
}
.person-wrapper .info-box[data-v-47f75bfc]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-47f75bfc]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-47f75bfc]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-47f75bfc]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-47f75bfc]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-47f75bfc]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-47f75bfc]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-47f75bfc]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-47f75bfc]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-10f99f74]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-10f99f74]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-10f99f74]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-10f99f74]{
  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-10f99f74]{
  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-10f99f74]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-10f99f74]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-10f99f74]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-10f99f74]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-10f99f74]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-10f99f74]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-10f99f74]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-10f99f74]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-10f99f74]{
  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-10f99f74]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-10f99f74]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-10f99f74]{
  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-10f99f74]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-10f99f74]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-10f99f74]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-10f99f74]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-10f99f74]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-10f99f74]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-10f99f74]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-10f99f74]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-10f99f74]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-10f99f74]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-10f99f74]{
  width:120px
}
.person-wrapper .info-box[data-v-10f99f74]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-10f99f74]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-10f99f74]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-10f99f74]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-10f99f74]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-10f99f74]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-10f99f74]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-10f99f74]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-10f99f74]{
  background-color:#d3d6dc !important;
  border:none !important
}
.dt-wrap-cust[data-v-10f99f74]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around
}
.dt-wrap-cust .tip-box[data-v-10f99f74]{
  position:absolute;
  border-radius:5px;
  padding:2px 8px;
  top:0px;
  left:0px;
  display:flex;
  align-items:center;
  background-color:#faefe3;
  z-index:2
}
.dt-wrap-cust .tip-box .dot[data-v-10f99f74]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#da7639
}
.dt-wrap-cust .tip-box .txt[data-v-10f99f74]{
  font-size:.75rem;
  line-height:1rem;
  color:#da7639
}
.dt-wrap-cust .item[data-v-10f99f74]{
  padding:10px;
  margin:5px 8px;
  margin-top:25px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:128px;
  height:auto;
  cursor:pointer;
  position:relative;
  border-radius:8px
}
.dt-wrap-cust .item .val-box[data-v-10f99f74]{
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:bold;
  color:#000
}
.dt-wrap-cust .item .val-tit[data-v-10f99f74]{
  font-size:12px;
  color:gray
}
.card-container[data-v-43b609bc]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-43b609bc]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-43b609bc]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-43b609bc]{
  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-43b609bc]{
  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-43b609bc]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-43b609bc]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-43b609bc]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-43b609bc]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-43b609bc]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-43b609bc]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-43b609bc]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-43b609bc]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-43b609bc]{
  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-43b609bc]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-43b609bc]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-43b609bc]{
  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-43b609bc]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-43b609bc]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-43b609bc]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-43b609bc]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-43b609bc]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-43b609bc]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-43b609bc]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-43b609bc]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-43b609bc]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-43b609bc]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-43b609bc]{
  width:120px
}
.person-wrapper .info-box[data-v-43b609bc]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-43b609bc]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-43b609bc]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-43b609bc]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-43b609bc]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-43b609bc]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-43b609bc]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-43b609bc]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-43b609bc]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-1f1ea450]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-1f1ea450]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-1f1ea450]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-1f1ea450]{
  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-1f1ea450]{
  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-1f1ea450]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-1f1ea450]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-1f1ea450]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-1f1ea450]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-1f1ea450]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-1f1ea450]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-1f1ea450]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-1f1ea450]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-1f1ea450]{
  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-1f1ea450]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-1f1ea450]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-1f1ea450]{
  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-1f1ea450]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-1f1ea450]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-1f1ea450]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-1f1ea450]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-1f1ea450]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-1f1ea450]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-1f1ea450]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-1f1ea450]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-1f1ea450]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-1f1ea450]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-1f1ea450]{
  width:120px
}
.person-wrapper .info-box[data-v-1f1ea450]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-1f1ea450]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-1f1ea450]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-1f1ea450]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-1f1ea450]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-1f1ea450]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-1f1ea450]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-1f1ea450]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-1f1ea450]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-2aad2eba]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-2aad2eba]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-2aad2eba]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-2aad2eba]{
  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-2aad2eba]{
  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-2aad2eba]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-2aad2eba]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-2aad2eba]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-2aad2eba]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-2aad2eba]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-2aad2eba]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-2aad2eba]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-2aad2eba]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-2aad2eba]{
  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-2aad2eba]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-2aad2eba]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-2aad2eba]{
  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-2aad2eba]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-2aad2eba]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-2aad2eba]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-2aad2eba]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-2aad2eba]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-2aad2eba]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-2aad2eba]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-2aad2eba]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-2aad2eba]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-2aad2eba]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-2aad2eba]{
  width:120px
}
.person-wrapper .info-box[data-v-2aad2eba]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-2aad2eba]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-2aad2eba]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-2aad2eba]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-2aad2eba]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-2aad2eba]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-2aad2eba]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-2aad2eba]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-2aad2eba]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-97f5bb5c]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-97f5bb5c]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-97f5bb5c]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-97f5bb5c]{
  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-97f5bb5c]{
  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-97f5bb5c]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-97f5bb5c]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-97f5bb5c]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-97f5bb5c]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-97f5bb5c]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-97f5bb5c]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-97f5bb5c]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-97f5bb5c]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-97f5bb5c]{
  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-97f5bb5c]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-97f5bb5c]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-97f5bb5c]{
  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-97f5bb5c]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-97f5bb5c]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-97f5bb5c]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-97f5bb5c]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-97f5bb5c]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-97f5bb5c]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-97f5bb5c]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-97f5bb5c]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-97f5bb5c]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-97f5bb5c]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-97f5bb5c]{
  width:120px
}
.person-wrapper .info-box[data-v-97f5bb5c]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-97f5bb5c]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-97f5bb5c]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-97f5bb5c]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-97f5bb5c]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-97f5bb5c]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-97f5bb5c]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-97f5bb5c]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-97f5bb5c]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-017b874e]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-017b874e]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-017b874e]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-017b874e]{
  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-017b874e]{
  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-017b874e]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-017b874e]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-017b874e]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-017b874e]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-017b874e]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-017b874e]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-017b874e]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-017b874e]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-017b874e]{
  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-017b874e]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-017b874e]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-017b874e]{
  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-017b874e]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-017b874e]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-017b874e]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-017b874e]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-017b874e]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-017b874e]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-017b874e]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-017b874e]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-017b874e]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-017b874e]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-017b874e]{
  width:120px
}
.person-wrapper .info-box[data-v-017b874e]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-017b874e]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-017b874e]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-017b874e]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-017b874e]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-017b874e]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-017b874e]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-017b874e]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-017b874e]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-43780a9e]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-43780a9e]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-43780a9e]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-43780a9e]{
  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-43780a9e]{
  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-43780a9e]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-43780a9e]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-43780a9e]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-43780a9e]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-43780a9e]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-43780a9e]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-43780a9e]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-43780a9e]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-43780a9e]{
  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-43780a9e]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-43780a9e]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-43780a9e]{
  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-43780a9e]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-43780a9e]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-43780a9e]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-43780a9e]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-43780a9e]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-43780a9e]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-43780a9e]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-43780a9e]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-43780a9e]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-43780a9e]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-43780a9e]{
  width:120px
}
.person-wrapper .info-box[data-v-43780a9e]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-43780a9e]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-43780a9e]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-43780a9e]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-43780a9e]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-43780a9e]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-43780a9e]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-43780a9e]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-43780a9e]{
  background-color:#d3d6dc !important;
  border:none !important
}
.card-container[data-v-6a25aba8]{
  height:100%;
  background:#fff;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}
.card-header[data-v-6a25aba8]{
  width:100%;
  display:flex;
  justify-content:space-between
}
.card-wrapper[data-v-6a25aba8]{
  padding:0;
  height:100%;
  overflow:auto
}
.header-opt-wrap[data-v-6a25aba8]{
  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-6a25aba8]{
  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-6a25aba8]{
  position:fixed;
  top:0;
  right:0;
  z-index:2
}
.text-price[data-v-6a25aba8]::before{
  content:"¥";
  font-size:80%;
  margin-right:2px
}
.list-wrap[data-v-6a25aba8]{
  height:100%;
  overflow:auto
}
.list-wrap .item[data-v-6a25aba8]{
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer
}
.list-wrap .item[data-v-6a25aba8]:hover{
  background:#eaeaea
}
.list-wrap .item .content[data-v-6a25aba8]{
  display:flex;
  align-items:center;
  font-size:14px;
  color:#000
}
.list-btns[data-v-6a25aba8]{
  display:flex;
  flex-wrap:wrap
}
.dt-wrap[data-v-6a25aba8]{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  height:100%
}
.dt-wrap .item[data-v-6a25aba8]{
  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-6a25aba8]{
  box-shadow:inset 0 2px 10px 0 rgba(0,0,0,.05)
}
.dt-wrap .item[data-v-6a25aba8]:hover{
  background:#eaeaea
}
.dt-wrap .item .tip-box[data-v-6a25aba8]{
  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-6a25aba8]{
  border-radius:50%;
  margin-right:6px;
  height:8px;
  width:8px;
  background:#8caaff
}
.dt-wrap .item .tip-box .dot.act[data-v-6a25aba8]{
  background:#ff3a7f
}
.dt-wrap .item .tip-box .txt[data-v-6a25aba8]{
  font-size:.75rem;
  line-height:1rem;
  color:#3964da
}
.dt-wrap .item .tip-box .txt.act[data-v-6a25aba8]{
  color:#ff3a7f
}
.dt-wrap .item .val-box[data-v-6a25aba8]{
  font-size:1.125rem;
  line-height:1.75rem;
  text-align:center;
  font-weight:bold;
  color:#000
}
.dt-wrap .item .val-box.act[data-v-6a25aba8]{
  color:var(--primary-100)
}
.dt-wrap .item .val-tit[data-v-6a25aba8]{
  font-size:12px;
  color:gray;
  text-align:center
}
.person-wrapper[data-v-6a25aba8]{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.person-wrapper .opt-box[data-v-6a25aba8]{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin-top:10px
}
.person-wrapper .opt-box .btn-page[data-v-6a25aba8]{
  display:flex;
  align-items:center
}
.person-wrapper .opt-box .slt-page[data-v-6a25aba8]{
  width:120px
}
.person-wrapper .info-box[data-v-6a25aba8]{
  display:flex;
  align-items:center;
  margin:10px
}
.person-wrapper .info-box .title-m1[data-v-6a25aba8]{
  font-size:18px;
  font-weight:bold
}
.person-wrapper .info-box .title-m2[data-v-6a25aba8]{
  font-size:12px
}
.person-wrapper .btns-box[data-v-6a25aba8]{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(4, 1fr);
  gap:5px;
  margin:5px;
  overflow:auto
}
.person-wrapper .btns-box .item[data-v-6a25aba8]{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  padding:5px
}
.person-wrapper .btns-box .item[data-v-6a25aba8]:hover{
  background:#eaeaea
}
.person-wrapper .btns-box .item .icon[data-v-6a25aba8]{
  width:20px;
  height:20px;
  border:none !important;
  background:none !important;
  color:var(--primary-100)
}
.person-wrapper .btns-box .item .text[data-v-6a25aba8]{
  font-size:12px;
  margin-top:2px;
  color:#000;
  white-space:nowrap
}
.panelBg[data-v-6a25aba8]{
  background-color:#d3d6dc !important;
  border:none !important
}
.edit-container[data-v-6a25aba8]{
  background-color:#ebeef5;
  background-image:radial-gradient(#ccc 4%, transparent 0);
  background-size:45px 45px
}
.addPanel-position-box[data-v-6a25aba8]{
  position:sticky;
  top:-5px;
  z-index:3
}
.addPanel-container[data-v-6a25aba8]{
  height:50px;
  display:flex;
  align-items:center;
  font-size:14px;
  position:relative;
  background:#ebeef5
}
.btns-panel[data-v-6a25aba8]{
  height:100%;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  position:absolute;
  right:15px
}