@uxda/appkit 4.0.12 → 4.0.14

package/dist/appkit.css

@@ -1,2470 +0,0 @@
-.amount-picker {
-  padding: 14px 0 14px 14px;
-}
-.amount-picker .nut-grid-item__content {
-  border: solid 2px transparent;
-  background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom, rgba(204, 204, 204, 0.5333333333), rgba(204, 204, 204, 0.5333333333)) border-box;
-  border-radius: 5px;
-}
-.amount-picker .tile {
-  height: 80px;
-}
-.amount-picker .tile.selected .nut-grid-item__content {
-  background: linear-gradient(#FFF7E3, #FEFDE6) padding-box, linear-gradient(to bottom, #efd082, #ffb877) border-box;
-}
-.amount-picker h4.token-line {
-  background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
-  background-size: 20px;
-  background-repeat: no-repeat;
-  background-position: left center;
-  padding-left: 24px;
-  color: #FD6701;
-  font-weight: 600;
-  line-height: 25px;
-  font-size: 18px;
-}
-.amount-picker h5 {
-  line-height: 18px;
-  color: #353535;
-  font-weight: 600;
-  opacity: 0.6;
-  margin-top: 4px;
-  font-size: 12px;
-}
-.agreement-doc {
-  padding: 1em;
-  font-size: 12px;
-}
-.agreement-doc .bold {
-  font-weight: bold;
-}
-.agreement-doc h1 {
-  font-size: 20px;
-  margin-top: 1em;
-}
-.agreement-doc p {
-  margin: 0;
-}
-.page-header {
-  display: flex;
-  position: relative;
-  align-items: center;
-  padding-top: var(--top);
-  min-height: var(--height);
-}
-.page-header .page-title {
-  position: absolute;
-  font-size: 18px;
-  height: var(--height);
-  line-height: var(--height);
-  top: var(--top);
-  width: 100%;
-  text-align: center;
-}
-.page-header .back-button {
-  position: absolute;
-  top: var(--top);
-  left: 10px;
-  width: var(--height);
-  height: var(--height);
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg3OCA0MUw0MC45OTk5IDQxTDQwLjk5OTkgMUwwLjk5OTg3OCAxTDAuOTk5ODc4IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTMzIDE4Ljk0NzdDMTEuODYzMyAyMC4wMTQ1IDExLjgxMiAyMS43OTU0IDEyLjg3ODggMjIuOTI1NUwyNy45MTA1IDM3LjEzNDVDMjguNjkyNSAzNy44NzM0IDI5LjkyNTUgMzcuODM4NCAzMC42NjQ0IDM3LjA1NjRDMzEuMzY4MSAzNi4zMTE2IDMxLjM2OTkgMzUuMTU3OSAzMC42OTI5IDM0LjQxMTRMMTYuNTAxMiAyMC45OTM5TDMwLjU4NTcgNy42OTc4NUMzMS4zMzA4IDYuOTk0NDkgMzEuMjk4MiA1LjcyNzk1IDMwLjY2NDkgNC45NDQwMkMyOS45NjE2IDQuMTk4OTUgMjguODA5OCA0LjEzMTI5IDI4LjAyNTkgNC43NjQ1MkwxMi45OTMzIDE4Ljk0NzdaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
-  background-size: 50%;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-.page-header.color-mode-dark {
-  color: var(--text-color-dark-mode, #fff);
-}
-.page-header.color-mode-dark .back-button {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
-}
-.app-drawer {
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-}
-.app-drawer.open {
-  height: 100vh;
-}
-.app-drawer .page-header {
-  flex-grow: 0;
-  background-color: #fff;
-}
-.app-drawer .drawer-body {
-  flex-grow: 1;
-  overflow: scroll;
-}
-.app-verify {
-  padding: var(--ns-spacing);
-}
-.app-verify h2 {
-  font-size: 16px;
-  font-weight: bold;
-  margin: 10px;
-}
-.app-verify .caption {
-  font-size: 14px;
-  color: #666;
-}
-.app-verify .buttons .ns-button {
-  width: 104px;
-}
-.dd-notice-bar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 10;
-  font-size: 13px;
-  color: #ea5959;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  min-height: 30px;
-  line-height: 18px;
-  padding: 6px 18px;
-  background: #ffe8d8;
-  box-sizing: border-box;
-}
-.dd-notice-bar__close {
-  width: 22px;
-  height: 22px;
-  display: flex;
-  margin-right: -6px;
-  margin-left: 6px;
-  justify-content: center;
-  align-items: center;
-}
-.dd-notice-bar__close-img {
-  width: 10px;
-  height: 10px;
-}
-.dd-notice-bar.close {
-  justify-content: space-between;
-  color: #fb970c;
-  background: #fff2d8;
-}
-.dd-notice-bar.close .dd-notice-bar__txt {
-  text-align: left;
-}
-.dd-notice-bar__txt {
-  flex: 1;
-  text-align: center;
-  opacity: 0.8;
-  display: flex;
-  align-items: center;
-}
-.ocr-icon {
-  width: 24px;
-  height: 24px;
-}
-.ocr-icon .ns-icon {
-  width: 24px;
-  height: 24px;
-}
-.recharge-view {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.recharge-view .flex-grow {
-  flex-grow: 1;
-}
-.recharge-view .amount-footer {
-  padding: 10px;
-  padding-bottom: 20px;
-}
-.recharge-view .amount-footer .agreement {
-  font-size: 12px;
-  display: flex;
-  justify-content: center;
-  align-items: cebter;
-  height: 40px;
-}
-.recharge-view .amount-footer .recharge-button {
-  background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
-  color: #353535;
-  margin: 12px 0;
-  border: 0;
-  border-radius: 8px;
-}
-.recharge-view .amount-footer .nut-checkbox {
-  line-height: 40px;
-}
-.recharge-view .amount-footer .nut-checkbox__label {
-  margin-left: 8px;
-  flex: flex;
-  font-size: 12px;
-}
-.recharge-view .amount-footer .link {
-  display: inline;
-  color: #FD6701;
-}
-.recharge-result {
-  background-color: #fff;
-  height: 100vh;
-  padding-top: 120px;
-  box-sizing: border-box;
-}
-.recharge-result .content {
-  display: flex;
-  width: 100%;
-  height: fit-content;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: center;
-}
-.recharge-result h2 {
-  font-size: 16px;
-  font-weight: bold;
-  margin-top: 20px;
-}
-.recharge-result .caption {
-  color: #353535;
-  opacity: 0.5;
-  margin-top: 8px;
-}
-.recharge-result .figure {
-  width: 100px;
-  height: 100px;
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjEyMDQgMTYuMjkxOUw3Ljk5ODg0IDEyLjczMjFMMTUuOTI5NCA1LjA1ODk3TDE5LjEyMDQgMTYuMjkxOVoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTEyLjgzNCAyMy40NjQyTDguNTQ2MzEgMjcuNTc3OEw3LjEyNzY1IDIxLjgwNzhMMTIuODM0IDIzLjQ2NDJaIiBmaWxsPSIjQ0FGQUVDIi8+Cjwvc3ZnPgo=");
-}
-.recharge-result .back-button {
-  margin-top: 40px;
-  width: 128px;
-}
-.trade-picker {
-  padding: 14px 0 14px 14px;
-}
-.trade-picker .nut-grid-item__content {
-  border: solid 2px transparent;
-  background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom, rgba(204, 204, 204, 0.5333333333), rgba(204, 204, 204, 0.5333333333)) border-box;
-  border-radius: 5px;
-}
-.trade-picker .tile {
-  height: 80px;
-  position: relative;
-  overflow: hidden;
-}
-.trade-picker .tile.selected .nut-grid-item__content {
-  background: linear-gradient(#FFF7E3, #FEFDE6) padding-box, linear-gradient(to bottom, #efd082, #ffb877) border-box;
-}
-.trade-picker .tile .tag {
-  position: absolute;
-  left: 0;
-  top: 0;
-  background: linear-gradient(90deg, #FD6701 0%, #FF9349 100%);
-  color: #fff;
-  font-size: 10px;
-  padding: 0 10px;
-  line-height: 17px;
-  height: 17px;
-  border-radius: 10px 100px 100px 0px;
-}
-.trade-picker h4.token-line {
-  color: #FD6701;
-  font-weight: 600;
-  line-height: 25px;
-  font-size: 18px;
-}
-.trade-picker h5 {
-  line-height: 18px;
-  color: #353535;
-  font-weight: 600;
-  opacity: 0.6;
-  margin-top: 4px;
-  font-size: 12px;
-}
-@charset "UTF-8";
-.recharge-view2 {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.recharge-view2 .flex-grow {
-  flex-grow: 1;
-}
-.recharge-view2 .bean-buy {
-  margin: 0 15px;
-  padding: 10px;
-  background: #FFFBF3;
-  border-radius: 5px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.recharge-view2 .bean-buy .left .title {
-  color: #FD6701;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 20px;
-  margin-bottom: 6px;
-}
-.recharge-view2 .bean-buy .left .amount {
-  color: #353535;
-  font-size: 13px;
-  line-height: 16px;
-  background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
-  background-repeat: no-repeat;
-  background-size: 16px 16px;
-  padding-left: 24px;
-}
-.recharge-view2 .bean-buy .right {
-  display: flex;
-  align-items: center;
-}
-.recharge-view2 .bean-buy .right .amount {
-  color: #353535;
-  font-size: 15px;
-  line-height: 20px;
-  margin-right: 10px;
-}
-.recharge-view2 .bean-buy .right .icon {
-  display: block;
-  width: 16px;
-  height: 16px;
-  font-size: 0;
-}
-.recharge-view2 .amount-footer {
-  padding: 10px 0;
-  padding-bottom: 20px;
-}
-.recharge-view2 .amount-footer .agreement {
-  font-size: 12px;
-  display: flex;
-  justify-content: center;
-  align-items: cebter;
-  height: 40px;
-}
-.recharge-view2 .amount-footer .buy-amount {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 10px;
-  border-radius: 0px;
-  box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1); /* 上边框阴影 */
-}
-.recharge-view2 .amount-footer .buy-amount .left {
-  width: 70%;
-  color: #353535;
-  font-size: 13px;
-}
-.recharge-view2 .amount-footer .buy-amount .left .amount {
-  color: #FD6701;
-  font-size: 20px;
-  font-weight: 600;
-}
-.recharge-view2 .amount-footer .buy-amount .left .amount i {
-  font-size: 14px;
-  font-style: normal;
-}
-.recharge-view2 .amount-footer .buy-amount .recharge-button {
-  background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
-  color: #353535;
-  margin: 12px 0;
-  border: 0;
-  border-radius: 8px;
-  flex: 1;
-}
-.recharge-view2 .amount-footer .nut-checkbox {
-  line-height: 40px;
-}
-.recharge-view2 .amount-footer .nut-checkbox__label {
-  margin-left: 8px;
-  flex: flex;
-  font-size: 12px;
-}
-.recharge-view2 .amount-footer .link {
-  display: inline;
-  color: #FD6701;
-}
-.trade-dialog .nut-dialog__header {
-  font-size: 16px;
-  color: #262626;
-}
-.trade-dialog .item {
-  font-size: 14px;
-  color: #666666;
-  line-height: 21px;
-}
-.trade-dialog .nut-dialog__footer-cancel {
-  color: #353535 !important;
-  border-color: #CCCCCC !important;
-}
-.trade-dialog .nut-dialog__footer-ok {
-  border: none;
-  color: #353535;
-  background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
-}
-page {
-  --text-color: #333;
-  --text-color-dark-mode: #eee;
-}
-.number {
-  font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
-}
-.account-card .card {
-  background: #2f2f2f;
-  border-radius: 10px;
-  padding: 13px 20px;
-  margin: 0;
-}
-.account-card .card .card-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.account-card .card .card-row .card-row-left {
-  display: flex;
-  flex-direction: column;
-}
-.account-card .card .card-row .card-row-left .bean-box {
-  display: flex;
-  align-items: center;
-}
-.account-card .card .card-row .card-row-left .bean-box .bean-icon-box {
-  width: 20px;
-  height: 20px;
-  margin-right: 8px;
-}
-.account-card .card .card-row .card-row-left .bean-box .bean-icon-box .bean-icon {
-  display: block;
-  font-size: 0;
-  width: 100%;
-  height: 100%;
-}
-.account-card .card .card-row .card-row-left .bean-box .baan-name {
-  color: #f3d59d;
-  font-weight: 600;
-  font-size: 11px;
-}
-.account-card .card .card-row .card-row-left .bean-nums {
-  color: #fff;
-  line-height: 22px;
-  font-weight: 500;
-  font-size: 16px;
-  margin-top: 3px;
-}
-.account-card .card .card-row .desc {
-  font-size: 10px;
-  color: #ccc;
-  line-height: 14px;
-}
-.account-card .card .line {
-  margin: 6px 0px 8px 0px;
-  height: 0.5px;
-  background: rgb(195, 195, 195);
-  opacity: 0.2;
-}
-.account-card .card .card-row-right .pay {
-  padding: 0 8px;
-  line-height: 18px;
-  color: #ffd6a5;
-  border: 1px solid #ffd6a5;
-  border-radius: 9px;
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-}
-.account-card .card .card-row-right .pay .pay-icon {
-  display: block;
-  font-size: 0;
-  width: 3.5px;
-  height: 6px;
-  margin-left: 6px;
-}
-.account-card .card .card-row-right .account-info-entry {
-  display: flex;
-  align-items: center;
-  padding: 0 10px;
-  height: 28px;
-  line-height: 28px;
-  border-radius: 14px;
-  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
-}
-.account-card .card .card-row-right .account-info-entry .account-info-name {
-  color: #975213;
-  font-size: 13px;
-  font-weight: 500;
-  margin-right: 8px;
-}
-.account-card .card .card-row-right .account-info-entry .account-info-icon {
-  width: 14px;
-  height: 14px;
-  border-radius: 7px;
-}
-.account-card .card .card-row-right .account-info-entry .account-info-icon .icon {
-  display: block;
-  font-size: 0;
-  width: 100%;
-  height: 100%;
-}
-.consumption-filter {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.consumption-filter-title {
-  position: relative;
-  height: 44px;
-  line-height: 44px;
-  font-size: 17px;
-  color: #353535;
-  background: #f5f5f5;
-  text-align: center;
-}
-.consumption-filter-content {
-  flex: 1;
-  margin: 15px;
-  overflow-y: scroll;
-  color: #353535;
-  font-size: 13px;
-}
-.consumption-filter-content .title {
-  opacity: 0.6;
-  line-height: 18px;
-}
-.consumption-filter-content .info {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-gap: 10px;
-  margin: 10px 0;
-}
-.consumption-filter-content .info-item {
-  height: 30px;
-  line-height: 30px;
-  border: 1px solid #ccc;
-  border-radius: 6px;
-  text-align: center;
-}
-.consumption-filter-content .info .current {
-  border-radius: 5px;
-  border: 1px solid #EFD082;
-  background: linear-gradient(180deg, #FFF7E3 0%, #FEFDE6 100%);
-}
-.consumption-filter-btn {
-  margin: 0 15px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.consumption-filter-btn .btn {
-  flex: 1;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  border: 1px solid #ccc;
-  box-sizing: border-box;
-  color: #666;
-  font-size: 16px;
-  border-radius: 6px;
-}
-.consumption-filter-btn .confirm {
-  margin-left: 11px;
-  color: #000;
-  border: none;
-  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
-}
-.consumption-filter-bottom {
-  height: 32px;
-  background: #fff;
-}
-.consumption-filter .icon {
-  display: block;
-  width: 20px;
-  height: 20px;
-  background-size: 40px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-.consumption-filter .icon.icon-x {
-  position: absolute;
-  right: 10px;
-  top: 11px;
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MSA0MUgxVjFINDFWNDFaIiBmaWxsPSIjRDhEOEQ4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjM1NjEgMjAuOTk5OUwzMy45NjM3IDMxLjYwNzJDMzQuNjE0NiAzMi4yNTgxIDM0LjYxNDYgMzMuMzEzNCAzMy45NjM3IDMzLjk2NDJDMzMuMzQyNSAzNC41ODU1IDMyLjM1MjcgMzQuNjEzOCAzMS42OTc5IDM0LjA0ODlMMjAuOTk5NCAyMy4zNTY2TDEwLjM5MzUgMzMuOTY0MkM5Ljc0MjY1IDM0LjYxNTEgOC42ODczOCAzNC42MTUxIDguMDM2NSAzMy45NjQyQzcuNDE1MTkgMzMuMzQyOSA3LjM4Njk3IDMyLjM1MzIgNy45NTE3OSAzMS42OTg0TDE4LjY0MjggMjAuOTk5OUw4LjAzNjUgMTAuMzk0QzcuMzg1NjMgOS43NDMxNCA3LjM4NTYzIDguNjg3ODcgOC4wMzY1IDguMDM2OTlDOC42NTc3OSA3LjQxNTY4IDkuNjQ3NTQgNy4zODc0NiAxMC4zMDIzIDcuOTUyMjdMMjAuOTk5NCAxOC42NDMzTDMxLjYwNjcgOC4wMzY5OUMzMi4yNTc2IDcuMzg2MTIgMzMuMzEyOSA3LjM4NjEyIDMzLjk2MzcgOC4wMzY5OUMzNC41ODUgOC42NTgyOCAzNC42MTMzIDkuNjQ4MDMgMzQuMDQ4NSAxMC4zMDI4TDIzLjM1NjEgMjAuOTk5OVoiIGZpbGw9IiMxNzFBMUQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjAxIi8+Cjwvc3ZnPgo=");
-}
-.consumption-date-filter {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.consumption-date-filter .date-filter-header {
-  text-align: center;
-  height: 44px;
-  line-height: 44px;
-  color: #353535;
-  font-size: 17px;
-  background-color: #f5f5f5;
-}
-.consumption-date-filter .content {
-  flex: 1;
-  margin: 15px;
-  overflow-y: scroll;
-  color: #353535;
-  font-size: 13px;
-}
-.consumption-date-filter .content .title {
-  opacity: 0.6;
-  line-height: 18px;
-}
-.consumption-date-filter .content .info {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-gap: 10px;
-  margin: 10px 0;
-}
-.consumption-date-filter .content .info .item {
-  height: 30px;
-  line-height: 30px;
-  border: 1px solid #ccc;
-  border-radius: 6px;
-  text-align: center;
-}
-.consumption-date-filter .content .info .current {
-  border: 1px solid;
-  border-image-source: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%);
-  background: linear-gradient(180deg, rgba(239, 208, 130, 0.8) 0%, rgba(255, 185, 120, 0.8) 100%), linear-gradient(180deg, #fff7e3 0%, #fefde6 100%);
-}
-.consumption-date-filter .buttons {
-  margin: 0 15px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.consumption-date-filter .buttons .btn {
-  flex: 1;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  border: 1px solid #ccc;
-  box-sizing: border-box;
-  color: #666;
-  font-size: 16px;
-  border-radius: 6px;
-}
-.consumption-date-filter .buttons .confirm {
-  margin-left: 11px;
-  color: #000;
-  border: none;
-  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
-}
-.consumption-date-filter .time {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  margin: 10px 0 30px 0;
-}
-.consumption-date-filter .time .line {
-  margin: 0 8px;
-}
-.consumption-date-filter .time .item {
-  height: 30px;
-  line-height: 30px;
-  padding: 0 15px;
-  font-size: 13px;
-  color: #353535;
-  border: 1px solid transparent;
-  box-sizing: border-box;
-  background: rgba(245, 245, 245, 0.8);
-  border-radius: 6px;
-}
-.consumption-date-filter .time .current {
-  border: 1px solid #353535;
-}
-.consumption-date-filter .bottom {
-  height: 32px;
-  background: #fff;
-}
-.consumption-rules .title {
-  line-height: 16px;
-  font-weight: 500;
-  color: #1a1a1a;
-  font-size: 16px;
-  text-align: center;
-  width: 100%;
-}
-.consumption-rules .desc {
-  flex: 1;
-  font-size: 14px;
-  line-height: 21px;
-  color: #666;
-  overflow-y: scroll;
-  margin: 10px 0;
-}
-.consumption-rules .desc-title {
-  font-weight: 600;
-}
-.consumption-rules .know {
-  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
-  height: 30px;
-  line-height: 30px;
-  font-size: 14px;
-  color: #353535;
-  border-radius: 15px;
-  width: 130px;
-  margin: 0 auto;
-  text-align: center;
-}
-.empty-view {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-top: 80px;
-}
-.empty-view-image {
-  display: block;
-  font-size: 0;
-  width: 144px;
-  height: 80px;
-  filter: grayscale(1);
-}
-.empty-view-text {
-  opacity: 0.4;
-  color: #353535;
-  font-size: 12px;
-  line-height: 28px;
-}
-.tip {
-  margin: 0 15px;
-  display: flex;
-  padding: 8px 10px;
-  justify-content: start;
-  background: #fff;
-  box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
-  border-radius: 5px;
-  margin-top: 10px;
-}
-.tip .tip-icon {
-  display: block;
-  font-size: 0;
-  width: 18px;
-  height: 18px;
-}
-.tip .tip-content {
-  margin-left: 6px;
-  color: #5D4431;
-  line-height: 18px;
-  font-size: 12px;
-}
-.account-view {
-  height: 100vh;
-}
-.account-view .scroll-content {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUwIiBoZWlnaHQ9IjQwNiIgdmlld0JveD0iMCAwIDc1MCA0MDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zODIuNSA0MDcuNUM1NzcuMzU3IDQwNy41IDc1My43ODggMzgxLjI0OCA4ODEuNTIxIDMzOC43OTFDOTQ1LjM4NiAzMTcuNTYzIDk5Ny4xMDQgMjkyLjI3NiAxMDMyLjg3IDI2NC4xNzFDMTA2OC42MiAyMzYuMDcxIDEwODguNSAyMDUuMDk3IDEwODguNSAxNzIuNUMxMDg4LjUgMTM5LjkwMyAxMDY4LjYyIDEwOC45MjkgMTAzMi44NyA4MC44Mjg5Qzk5Ny4xMDQgNTIuNzI0NSA5NDUuMzg2IDI3LjQzNjcgODgxLjUyMSA2LjIwODk4Qzc1My43ODggLTM2LjI0ODIgNTc3LjM1NyAtNjIuNSAzODIuNSAtNjIuNUMxODcuNjQzIC02Mi41IDExLjIxMjIgLTM2LjI0ODIgLTExNi41MjIgNi4yMDg5OEMtMTgwLjM4NiAyNy40MzY3IC0yMzIuMTA0IDUyLjcyNDUgLTI2Ny44NjcgODAuODI4OUMtMzAzLjYyNCAxMDguOTI5IC0zMjMuNSAxMzkuOTAzIC0zMjMuNSAxNzIuNUMtMzIzLjUgMjA1LjA5NyAtMzAzLjYyNCAyMzYuMDcxIC0yNjcuODY3IDI2NC4xNzFDLTIzMi4xMDQgMjkyLjI3NiAtMTgwLjM4NiAzMTcuNTYzIC0xMTYuNTIyIDMzOC43OTFDMTEuMjEyMiAzODEuMjQ4IDE4Ny42NDMgNDA3LjUgMzgyLjUgNDA3LjVaIiBmaWxsPSIjM0IzOTNDIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=");
-  background-position: center -200px;
-  background-repeat: no-repeat;
-}
-.account-view .page-header {
-  background-color: #3b393c;
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  transition: background-color 0.3s;
-}
-.account-view .page-header.with-background {
-  background-color: #3b393c;
-}
-.account-view .spa-between {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.account-view .row {
-  display: flex;
-  flex-direction: row;
-  margin: 10px 15px;
-}
-.account-view .jusify-right {
-  justify-content: flex-end;
-}
-.account-view .small-bean-button {
-  height: 22px;
-  border-radius: 11px;
-  border: 1px solid rgba(255, 255, 255, 0.062745098);
-  background-color: rgba(255, 255, 255, 0.0941176471);
-  display: inline-block;
-  padding: 0 10px;
-  line-height: 22px;
-  color: #e7caad;
-  font-size: 12px;
-}
-.account-view .small-bean-button label {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZMMTYgMTJMMTAgMThWNloiIGZpbGw9IiNFN0NBQUQiIHN0cm9rZT0iI0U3Q0FBRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
-  padding-right: 18px;
-  background-repeat: no-repeat;
-  background-position: right center;
-  background-size: 16px;
-}
-.account-view .balance {
-  border-radius: 15px;
-  background: linear-gradient(105deg, #f4e2ce 1.88%, #debb9b 98.18%);
-  box-shadow: 0px -10px 9px -3px rgba(0, 0, 0, 0.33);
-  height: 112px;
-  padding: 20px;
-  margin: 0 15px;
-  box-sizing: border-box;
-  font-size: 10px;
-}
-.account-view .balance .bean-img {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-}
-.account-view .balance .bean-img .bean-icon {
-  display: block;
-  font-size: 0;
-  width: 20px;
-  height: 20px;
-  margin-right: 4px;
-}
-.account-view .balance .bean-img .bean-tag {
-  color: #353535;
-  height: 15px;
-  line-height: 15px;
-  border-radius: 30px 50px 50px 0px;
-  background: rgba(255, 131, 32, 0.3);
-  padding-left: 5px;
-  padding-right: 10px;
-}
-.account-view .balance .bean-img .tag {
-  background: #ff8320;
-  color: #fff;
-}
-.account-view .balance .rule {
-  color: #353535;
-  opacity: 0.5;
-}
-.account-view .bean-counts {
-  margin-top: 12px;
-}
-.account-view .bean-counts .counts {
-  color: #3d3835;
-  font-size: 32px;
-  font-weight: 700;
-}
-.account-view .bean-counts .pay {
-  padding: 0 20px;
-  height: 32px;
-  line-height: 32px;
-  background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);
-  border-radius: 16px;
-  color: #e7caad;
-  font-size: 15px;
-  font-weight: 500;
-}
-.consumption-rules-popup {
-  border-radius: 16px;
-  width: 70%;
-  max-height: 80%;
-  padding: 24px;
-}
-.operation-box {
-  width: 100vw;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 87px);
-}
-.operation-box .operation-title {
-  padding: 10px 15px;
-  background: #fff;
-  transition: box-shadow 0.3s;
-}
-.operation-box .operation-title.with-shadow {
-  box-shadow: 0px 1px 10px 0px rgba(153, 153, 153, 0.2);
-}
-.operation-box .operation-title .text {
-  color: #353535;
-  font-size: 12px;
-  opacity: 0.5;
-}
-.operation-box .operation-title .time-icon {
-  display: block;
-  font-size: 0;
-  width: 12px;
-  height: 12px;
-  margin-left: 4px;
-}
-.operation-box .operation-title .search-time {
-  display: flex;
-  align-items: center;
-}
-.operation-box .operation-title .search-time .title {
-  color: #000;
-  font-weight: 500;
-  font-size: 17px;
-  margin-right: 10px;
-}
-.operation-box .operation-title .search-time .time {
-  height: 22px;
-  padding-right: 5px;
-  flex: 1;
-  display: flex;
-  align-items: center;
-}
-.operation-box .operation-title .search {
-  display: flex;
-  align-items: center;
-  height: 22px;
-  padding-left: 5px;
-}
-.operation-box .spa-between {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.operation-box .operation-list {
-  flex: 1;
-  width: 100%;
-}
-.operation-box .operation-list .operation-scroll {
-  height: calc(100vh - 130px);
-  padding: 0 15px;
-  box-sizing: border-box;
-}
-.operation-box .operation-list .box-detail .title {
-  line-height: 22px;
-  font-weight: 700;
-  font-size: 12px;
-  color: #000;
-  opacity: 0.5;
-  margin-bottom: 10px;
-}
-.operation-box .operation-list .box-detail .item {
-  border-radius: 5px;
-  background: rgba(255, 255, 255, 0.5);
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
-  border-radius: 5px;
-  padding: 12px 10px;
-  display: flex;
-  margin-bottom: 10px;
-}
-.operation-box .operation-list .box-detail .item-type {
-  background: linear-gradient(113.95deg, #f4e2ce 1.2%, #debb9b 77.63%);
-  width: 30px;
-  height: 30px;
-  border-radius: 15px;
-  margin-right: 15px;
-  line-height: 30px;
-  font-size: 10px;
-  font-weight: 500;
-  color: #000;
-  text-align: center;
-}
-.operation-box .operation-list .box-detail .item-detail {
-  flex: 1;
-}
-.operation-box .operation-list .box-detail .item-detail .item-info {
-  padding: 0;
-  font-size: 14px;
-  font-weight: 700;
-  color: #000;
-}
-.operation-box .operation-list .box-detail .item-detail .item-info-type {
-  line-height: 15px;
-}
-.operation-box .operation-list .box-detail .item-detail .item-info-title {
-  font-weight: 400;
-  opacity: 0.8;
-  font-size: 11px;
-}
-.operation-box .operation-list .box-detail .item-detail .item-info-amount {
-  color: #9e7b5a;
-}
-.operation-box .operation-list .box-detail .item-detail-remark {
-  opacity: 0.3;
-  line-height: 15px;
-  font-size: 10px;
-}
-.operation-box .operation-list .box-not-text {
-  opacity: 0.4;
-  color: #353535;
-  font-size: 12px;
-  line-height: 20px;
-  margin: 0 auto 40px;
-  text-align: center;
-}
-.rights-card {
-  margin: 10px 15px 0px;
-  background: #fff8f3;
-  border-radius: 5px;
-  box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
-  padding: 15px 20px;
-}
-.rights-card .title {
-  height: 25px;
-  line-height: 25px;
-  background: rgba(255, 131, 32, 0.3);
-  border-radius: 20px 50px 50px 0px;
-  color: #353535;
-  font-size: 12px;
-  display: inline-block;
-  padding-left: 5px;
-  padding-right: 12px;
-}
-.rights-card .list {
-  display: flex;
-  flex-wrap: wrap;
-}
-.rights-card .list .item {
-  width: 50%;
-  margin-top: 15px;
-}
-.rights-card .list .item .item-count {
-  font-size: 20px;
-  color: #353535;
-  font-weight: 700;
-  line-height: 23px;
-}
-.rights-card .list .item .item-title {
-  line-height: 23px;
-  color: #987356;
-  font-size: 11px;
-  display: flex;
-  align-items: center;
-}
-.rights-card .list .item .item-title .item-title-button {
-  padding: 0 27rpx;
-  height: 54rpx;
-  line-height: 54rpx;
-  background: -webkit-linear-gradient(262.82deg, #353535 10.04%, #433f46 90.21%);
-  background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);
-  border-radius: 27rpx;
-  color: #e7caad;
-  font-size: 24rpx;
-  font-weight: 400;
-  margin-left: 40rpx;
-  display: flex;
-  align-items: center;
-}
-.rights-card .list .item .item-title .item-title-button .button-icon {
-  display: block;
-  width: 24rpx;
-  height: 24rpx;
-  font-size: 0;
-  margin-left: 4px;
-}
-.rights-card .list .star-item {
-  width: 100%;
-}
-.balance-reminder-popup {
-  width: 90%;
-}
-
-.balance-reminder {
-  --primary-button-background: linear-gradient(135deg, #098C9D 0%, #66BF97 100%);
-}
-
-.balance-reminder h2 {
-  font-size: 16px;
-  font-weight: bold;
-  margin-bottom: 14px;
-}
-
-.balance-reminder .body {
-  height: 120px;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 20px 10px 10px 10px;
-  font-size: 14px;
-  text-align: center;
-  color: #666;
-}
-
-.balance-reminder .footer {
-  display: flex;
-  flex-direction: row;
-  justify-content: stretch;
-  align-items: center;
-  padding: 10px 20px 20px 20px;
-}
-
-.balance-reminder .footer .col {
-  flex-grow: 1;
-  padding: 6px;
-}
-
-.balance-reminder .footer .recharge-button {
-  color: #fff;
-  background: var(--primary-button-background);
-}
-.date-range {
-  height: 22px;
-  padding-right: 5px;
-  flex: 1;
-  display: flex;
-  align-items: center;
-}
-.date-range .text {
-  width: fit-content;
-  white-space: nowrap;
-}
-.date-range .time-icon {
-  display: block;
-  font-size: 0;
-  width: 12px;
-  height: 12px;
-  margin-left: 4px;
-}
-.consumption-filter {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.consumption-filter-title {
-  position: relative;
-  height: 44px;
-  line-height: 44px;
-  font-size: 17px;
-  color: #353535;
-  background: #f5f5f5;
-  text-align: center;
-}
-.consumption-filter-content {
-  flex: 1;
-  margin: 15px;
-  overflow-y: scroll;
-  color: #353535;
-  font-size: 13px;
-}
-.consumption-filter-content .title {
-  opacity: 0.6;
-  line-height: 18px;
-}
-.consumption-filter-content .info {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-gap: 10px;
-  margin: 10px 0;
-}
-.consumption-filter-content .info-item {
-  height: 30px;
-  line-height: 30px;
-  border: 1px solid #ccc;
-  border-radius: 6px;
-  text-align: center;
-}
-.consumption-filter-content .info .current {
-  border-radius: 5px;
-  border: 1px solid #EFD082;
-  background: linear-gradient(180deg, #FFF7E3 0%, #FEFDE6 100%);
-}
-.consumption-filter-btn {
-  margin: 0 15px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.consumption-filter-btn .btn {
-  flex: 1;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  border: 1px solid #ccc;
-  box-sizing: border-box;
-  color: #666;
-  font-size: 16px;
-  border-radius: 6px;
-}
-.consumption-filter-btn .confirm {
-  margin-left: 11px;
-  color: #000;
-  border: none;
-  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
-}
-.consumption-filter-bottom {
-  height: 32px;
-  background: #fff;
-}
-.consumption-filter .icon {
-  display: block;
-  width: 20px;
-  height: 20px;
-  background-size: 40px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-.consumption-filter .icon.icon-x {
-  position: absolute;
-  right: 10px;
-  top: 11px;
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MSA0MUgxVjFINDFWNDFaIiBmaWxsPSIjRDhEOEQ4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjM1NjEgMjAuOTk5OUwzMy45NjM3IDMxLjYwNzJDMzQuNjE0NiAzMi4yNTgxIDM0LjYxNDYgMzMuMzEzNCAzMy45NjM3IDMzLjk2NDJDMzMuMzQyNSAzNC41ODU1IDMyLjM1MjcgMzQuNjEzOCAzMS42OTc5IDM0LjA0ODlMMjAuOTk5NCAyMy4zNTY2TDEwLjM5MzUgMzMuOTY0MkM5Ljc0MjY1IDM0LjYxNTEgOC42ODczOCAzNC42MTUxIDguMDM2NSAzMy45NjQyQzcuNDE1MTkgMzMuMzQyOSA3LjM4Njk3IDMyLjM1MzIgNy45NTE3OSAzMS42OTg0TDE4LjY0MjggMjAuOTk5OUw4LjAzNjUgMTAuMzk0QzcuMzg1NjMgOS43NDMxNCA3LjM4NTYzIDguNjg3ODcgOC4wMzY1IDguMDM2OTlDOC42NTc3OSA3LjQxNTY4IDkuNjQ3NTQgNy4zODc0NiAxMC4zMDIzIDcuOTUyMjdMMjAuOTk5NCAxOC42NDMzTDMxLjYwNjcgOC4wMzY5OUMzMi4yNTc2IDcuMzg2MTIgMzMuMzEyOSA3LjM4NjEyIDMzLjk2MzcgOC4wMzY5OUMzNC41ODUgOC42NTgyOCAzNC42MTMzIDkuNjQ4MDMgMzQuMDQ4NSAxMC4zMDI4TDIzLjM1NjEgMjAuOTk5OVoiIGZpbGw9IiMxNzFBMUQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjAxIi8+Cjwvc3ZnPgo=");
-}
-.list-filter {
-  display: flex;
-  align-items: center;
-  height: 22px;
-  padding-left: 5px;
-}
-.list-filter .icon {
-  display: block;
-  font-size: 0;
-  width: 12px;
-  height: 12px;
-  margin-left: 4px;
-}
-.ocr-id__img {
-  width: 20px;
-  height: 20px;
-}
-.dd-area {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-.dd-area-value {
-  text-align: right;
-  color: black;
-}
-.dd-area-label {
-  color: var(--placeholder-color);
-}
-.dd-selector {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-.dd-selector-value {
-  text-align: right;
-  color: black;
-}
-.dd-selector-label {
-  color: var(--placeholder-color);
-}
-.self-registration {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.self-registration-body {
-  flex: 1;
-  padding: 12px;
-  overflow: auto;
-}
-.self-registration-banner {
-  width: 100%;
-  height: 170px;
-}
-.self-registration .nut-cell-group__warp {
-  border-radius: 5px;
-  margin: 12px 0 0;
-}
-.self-registration__input {
-  display: flex;
-  align-items: center;
-}
-.self-registration-bottom {
-  background-color: white;
-  padding-bottom: var(--safe-bottom-height);
-}
-.self-registration .experience-button {
-  margin: 7.5px 12px;
-  border-radius: 5px;
-  width: calc(100% - 24px);
-}
-.self-registration .nut-input-text {
-  text-align: right !important;
-  flex: 1;
-}
-.self-registration .nut-form-item__label.required::before {
-  display: none;
-}
-.self-registration .nut-form-item__label.required::after {
-  content: "*";
-  color: #fa2c19;
-  margin-right: 4px;
-}
-.self-registration .nut-form-item__label {
-  width: unset;
-}
-.self-registration .input-placeholder {
-  color: #cccccc;
-}
-.self-registration .nut-radio__icon {
-  font-size: 16px;
-}
-.self-registration .nut-radio__icon--unchecked {
-  font-size: 16px;
-}
-.notice-popup {
-  width: 280px;
-  padding: 20px 15px;
-  border-radius: 10px !important;
-  background: linear-gradient(136.72deg, #d0fdfe 6.02%, #a2b9ff 59.97%, #6593ff 108.78%);
-}
-.notice-popup::after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  background: linear-gradient(360deg, #ffffff 4.73%, rgba(255, 255, 255, 0) 85.82%);
-  z-index: 1;
-  border-radius: 10px;
-}
-.notice-popup::before {
-  content: "";
-  width: 236px;
-  height: 241px;
-  position: absolute;
-  top: 0;
-  right: 40px;
-  background: url("https://cdn.ddjf.com/static/images/customer-center/notice-modal-bg.png");
-}
-.notice-popup .nutui-popup__content-wrapper {
-  position: relative;
-  z-index: 2;
-}
-.notice-popup-hd {
-  color: #0a2668;
-  font-size: 17px;
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
-  font-weight: 600;
-}
-.notice-popup-hd-icon {
-  width: 20px;
-  height: 20px;
-  margin-right: 4px;
-}
-.notice-popup-bd {
-  color: #353535;
-  box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 1px 0px rgba(255, 255, 255, 0.5019607843) inset, 0px 0px 1px 0px rgba(255, 255, 255, 0.6980392157);
-  border-radius: 3px;
-  background: rgba(255, 255, 255, 0.6);
-  min-height: 160px;
-  margin-bottom: 20px;
-  padding: 15px 10px;
-  box-sizing: border-box;
-  font-size: 10px;
-}
-.notice-popup-bd-link {
-  color: #007fff;
-  margin-top: 2px;
-  font-weight: 600;
-}
-.notice-popup-ft {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.notice-popup-ft-btn {
-  background: #007fff;
-  color: #fff;
-  width: 128px;
-  height: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 15px;
-}
-.notice-banner {
-  background: #e6f2ff;
-  height: 30px;
-  margin-bottom: 8px;
-}
-.notice-banner.fixed {
-  position: fixed;
-  z-index: 10;
-  width: 100%;
-}
-.notice-banner .dd-notice-bar {
-  position: relative;
-  background: #e6f2ff;
-  font-size: 10px;
-  color: rgba(0, 0, 0, 0.8980392157);
-  padding: 0 8px;
-  height: 0;
-  min-height: auto;
-  transition: all 0.2s;
-  opacity: 0;
-}
-.notice-banner .dd-notice-bar.show {
-  height: 30px;
-  opacity: 1;
-}
-.notice-banner-icon {
-  width: 22px;
-  height: 22px;
-  margin-right: 8px;
-}
-.notice-banner .dd-notice-bar__close-img {
-  display: none;
-}
-.notice-banner .dd-notice-bar__close {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E  %3Cpath d='M3.3335 3.33331L16.6668 16.6666' stroke='%23353535' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E  %3Cpath d='M3.3335 16.6666L16.6668 3.33331' stroke='%23353535' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 12px 12px;
-  opacity: 0.6;
-}
-.notice-banner-text {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  text-align: left;
-}
-.notice-banner-btn {
-  color: var(--app-primary-color, #017fff);
-  padding-left: 6px;
-}
-.notice-entry {
-  position: fixed;
-  right: 0;
-  top: 120px;
-  min-width: 66px;
-  padding: 0 12px 0 15px;
-  text-align: center;
-  box-sizing: border-box;
-  height: 25px;
-  line-height: 11px;
-  color: #855f0b;
-  font-size: 13px;
-  background: #ffdf68;
-  border-radius: 50px 0 0 50px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.notice-entry-img {
-  width: 20px;
-  height: 20px;
-}
-.notice-entry-icon {
-  position: absolute;
-  background-color: red;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  top: 1px;
-  left: 27px;
-}
-.dd-search {
-  padding: 8px 12px;
-  display: flex;
-  align-items: center;
-  background: #fefefe;
-}
-.dd-search.bordered {
-  border-bottom: 1px solid #ddd;
-}
-.dd-search.inNavbar {
-  padding: 0;
-  width: 235px;
-  z-index: 10;
-  position: absolute;
-  left: 40px;
-  background: transparent;
-}
-.dd-search.inNavbar .dd-search__form {
-  background: #f1f3f5;
-  border-color: transparent;
-}
-.dd-search.focus .dd-search__form {
-  border-color: var(--app-primary-color, #017fff);
-}
-.dd-search__placeholder {
-  color: #b4b4b4;
-}
-.dd-search__form {
-  flex: 1;
-  box-sizing: border-box;
-  height: 36px;
-  border-radius: 5px;
-  display: flex;
-  align-items: center;
-  padding: 0 10px;
-  background-color: #f1f3f5;
-}
-.dd-search__control {
-  font-size: 13px;
-  flex: 1;
-}
-.dd-search__input {
-  width: 100%;
-  box-sizing: border-box;
-  padding: 0 10px;
-  caret-color: var(--app-primary-color, #017fff);
-}
-.dd-search__prefix, .dd-search__suffix {
-  width: 15px !important;
-  height: 15px !important;
-}
-.dd-search__btn {
-  height: 33px;
-  line-height: 33px;
-  padding: 0 10px;
-  font-size: 16px;
-  color: var(--app-primary-color, #017fff);
-}
-.dd-search.disabled .dd-search__suffix {
-  display: none;
-}
-.dd-search.disabled .dd-search__control {
-  flex: 1;
-  width: fit-content;
-}
-.notice-list {
-  height: 100vh;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-.notice-list .wrapper {
-  height: 100%;
-  padding: 10px 12px;
-  box-sizing: border-box;
-}
-.notice-list .wrapper .content {
-  height: 100%;
-  background: #ffffff;
-  border-radius: 10px;
-}
-.notice-list .wrapper .content .card {
-  margin: 0 10px;
-  min-height: 64px;
-  background: #fff;
-  position: relative;
-  padding: 10px;
-}
-.notice-list .wrapper .content .card::before {
-  content: "";
-  position: absolute;
-  left: 2px;
-  top: 0;
-  height: 18px;
-  width: 1px;
-  background: #d8d8d8;
-}
-.notice-list .wrapper .content .card::after {
-  content: "";
-  position: absolute;
-  left: 2px;
-  top: 18px;
-  bottom: 0;
-  width: 1px;
-  background: #d8d8d8;
-}
-.notice-list .wrapper .content .card:first-child::before {
-  display: none;
-}
-.notice-list .wrapper .content .card:last-child::after {
-  display: none;
-}
-.notice-list .wrapper .content .card .point {
-  width: 5px;
-  height: 5px;
-  background-color: #d8d8d8;
-  border-radius: 50%;
-  position: absolute;
-  left: 0;
-  top: 18px;
-  z-index: 9;
-}
-.notice-list .wrapper .content .card .time {
-  font-size: 13px;
-  color: #353535;
-  line-height: 19px;
-  opacity: 0.2;
-  margin-bottom: 5px;
-}
-.notice-list .wrapper .content .card .text {
-  font-size: 14px;
-  line-height: 20px;
-  color: #9fa0a1;
-}
-.notice-list .wrapper .content .card.active .point {
-  background-color: #f43309;
-}
-.notice-list .wrapper .content .card.active .text {
-  color: #171a1d;
-  font-size: 13px;
-}
-.notice-list .wrapper .content .card.active .text.tit {
-  font-size: 15px;
-  margin-bottom: 4px;
-}
-.notice-list .wrapper .content .card.active .notice-list-label {
-  opacity: 1;
-}
-.notice-list .wrapper .content .card.active .notice-list-file {
-  opacity: 1;
-}
-.notice-list .no-data {
-  background-color: #fff;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  height: 100%;
-}
-.notice-list .no-data .text {
-  height: 20px;
-  font-size: 14px;
-  color: #7e7e7e;
-  line-height: 20px;
-}
-.notice-list .no-data-img {
-  width: 238px;
-  height: 157px;
-  margin-top: 105px;
-  margin-bottom: 19px;
-}
-.notice-list-file {
-  font-size: 10px;
-  color: var(--app-primary-color, #017fff);
-  opacity: 0.5;
-}
-.notice-list .cue-text {
-  font-size: 13px;
-  color: rgba(60, 60, 60, 0.5);
-  padding: 30px 0 calc(30px + env(safe-area-inset-bottom, 0px));
-  text-align: center;
-}
-.notice-list-label {
-  border: 1px solid #caa264;
-  color: #caa264;
-  border-radius: 1px;
-  font-size: 8px;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  height: 14px;
-  padding: 0 5px;
-  margin-left: 4px;
-  opacity: 0.5;
-}
-.user-entry {
-  position: absolute;
-  left: 0;
-  top: 130px;
-  transform: translateY(-50%);
-  display: flex;
-  padding: 0 22px;
-  align-items: center;
-  width: 100%;
-}
-.user-entry-head {
-  position: relative;
-  width: 62px;
-  height: 62px;
-  margin-right: 8px;
-}
-.user-entry-head-img {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  border-radius: 50%;
-  border: 1.5px solid #fff;
-}
-.user-entry-head-icon {
-  position: absolute;
-  width: 15px;
-  height: 15px;
-  bottom: 2px;
-  left: 48px;
-  background: url("https://cdn.ddjf.com/static/images/wx-yunservice/edit-icon.png") center;
-  background-size: cover;
-}
-.user-entry-bd {
-  color: #fff;
-}
-.user-entry-bd-bigtxt {
-  display: flex;
-  align-items: center;
-  font-size: 20px;
-  font-weight: 500;
-  line-height: 28px;
-  margin-left: 10px;
-}
-.user-entry-bd-bigtxt-icon {
-  width: 20px;
-}
-.user-entry-bd-txt {
-  font-size: 20px;
-  font-weight: 500;
-  line-height: 25px;
-  margin-bottom: 5px;
-  display: flex;
-  align-items: center;
-}
-.user-entry-bd-smalltxt {
-  margin-top: 0;
-  font-size: 15px;
-  line-height: 21px;
-}
-.dd-skeleton__item {
-  margin-top: 10px;
-}
-.user-info {
-  height: 100vh;
-}
-.user-info-wrap {
-  padding: 0 12px;
-  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
-  box-sizing: border-box;
-  min-height: 100%;
-}
-.user-info-tit {
-  height: 38px;
-  display: flex;
-  align-items: center;
-  color: #666666;
-  font-size: 12px;
-  padding-left: 10px;
-}
-.user-info-head {
-  border-radius: 5px;
-  background: #fff;
-  padding: 30px 11px 0;
-}
-.user-info-head-avatar {
-  position: relative;
-  width: 80px;
-  height: 80px;
-  margin: 0 auto 25px;
-}
-.user-info-head-img {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  border-radius: 50%;
-}
-.user-info-head-upload {
-  position: absolute;
-  bottom: -2px;
-  left: 52px;
-  width: 29px;
-  height: 29px;
-  background: #333333;
-  overflow: hidden;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.user-info-head-upload-icon {
-  width: 17px;
-  height: 17px;
-}
-.user-info-team-item {
-  border-radius: 5px;
-  background: #fff;
-  display: flex;
-  padding: 15px;
-  margin-bottom: 10px;
-}
-.user-info-team-item-avatar {
-  width: 38px;
-  height: 38px;
-  margin-right: 15px;
-  border-radius: 5px;
-  background: rgba(1, 127, 255, 0.3);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.user-info-team-item-avatar-img {
-  width: 100%;
-  height: 100%;
-}
-.user-info-team-item-avatar .empty {
-  width: 20px;
-  height: 40px;
-}
-.user-info-team-item-title {
-  font-size: 16px;
-  font-weight: 500;
-  margin-bottom: 5px;
-}
-.user-info-team-item-app {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-.user-info-team-item-app-tag {
-  border: 1px solid rgba(53, 53, 53, 0.2);
-  font-size: 10px;
-  height: 18px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  border-radius: 2px;
-  margin: 0 10px 6px 0;
-}
-.user-info-team-item-bd {
-  flex: 1;
-}
-.user-info-team-item-role {
-  padding: 10px;
-  background: rgba(245, 245, 245, 0.5);
-  border-radius: 5px;
-  margin-bottom: 10px;
-}
-.user-info-team-item-role-btn {
-  color: var(--app-primary-color, #017fff);
-  font-size: 10px;
-  display: inline-flex;
-  align-items: center;
-  margin-bottom: 6px;
-}
-.user-info-team-item-role-btn-icon {
-  width: 12px;
-  height: 12px;
-  position: relative;
-  top: 1px;
-}
-.user-info-team-item-role-btn-icon.showRole {
-  transform: rotate(180deg);
-}
-.user-info-team-item-role-item {
-  display: flex;
-  font-size: 10px;
-  margin-bottom: 10px;
-}
-.user-info-team-item-role-item:last-child {
-  margin-bottom: 0;
-}
-.user-info-team-item-role-item-name {
-  opacity: 0.5;
-  white-space: nowrap;
-  margin-right: 10px;
-  min-width: 40px;
-}
-.user-info-team-item-role-item-info {
-  flex: 1;
-  color: #1a1a1a;
-}
-.user-info-team-item-user {
-  margin-bottom: 4px;
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-}
-.user-info-team-item-user-icon {
-  width: 10px;
-  height: 10px;
-  margin-left: 4px;
-}
-.user-info-team-item-dept {
-  display: flex;
-  flex-wrap: wrap;
-  font-size: 10px;
-  color: rgba(26, 26, 26, 0.8);
-}
-.user-info-team-item-dept-item {
-  font-size: 10px;
-  color: rgba(26, 26, 26, 0.5);
-  margin: 4px 10px 4px 0;
-}
-.user-info-team-item-dept-item:first-child {
-  color: rgba(26, 26, 26, 0.8);
-}
-.user-info-ft-btn {
-  width: 100%;
-  border-color: transparent !important;
-  color: rgba(27, 63, 107, 0.8) !important;
-}
-.user-info .nut-cell {
-  padding: 11px 0;
-  margin: 0;
-  box-shadow: none;
-  border-bottom: 1px solid #f0f0f0;
-  font-size: 16px;
-}
-.user-info .nut-cell .nut-cell__value {
-  font-size: 16px;
-  color: #000;
-}
-.user-info .nut-cell .nut-cell__link {
-  color: #ccc;
-  margin-left: 8px;
-}
-.upload-avatar-popup-box {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.upload-avatar-popup-avatar {
-  width: 320px;
-  height: 320px;
-  overflow: hidden;
-  border-radius: 50%;
-  margin-bottom: 50px;
-}
-.upload-avatar-popup-btn {
-  width: 106px;
-  height: 37px;
-  border-radius: 50px;
-  border: 1px solid #ffffff;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #ffffff;
-  font-size: 16px;
-}
-.change-username-popup .nut-dialog {
-  min-height: auto;
-}
-.change-username-popup .nut-input {
-  height: 40px;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  font-size: 16px;
-  border: none;
-}
-.change-username-popup .nut-input .input-text {
-  width: 100%;
-  height: 100%;
-  font-size: 14px;
-}
-.change-username-popup .nut-input .nut-input-value,
-.change-username-popup .nut-input .nut-input-inner,
-.change-username-popup .nut-input .nut-input-box {
-  height: 100%;
-  overflow: hidden;
-  background: #f5f5f5;
-  border-radius: 6px;
-}
-.change-username-popup .nut-input .nut-placeholder {
-  color: #cccccc;
-  line-height: 38px;
-  height: 38px;
-}
-.change-username-popup .nut-input .nut-input-box {
-  padding: 0 15px;
-}
-.change-username-popup-cancel.nut-button {
-  border-radius: 15px;
-  font-size: 14px;
-  height: 30px;
-}
-.change-username-popup-ok.nut-button {
-  background: var(--app-primary-color, #017fff);
-  height: 30px;
-  font-size: 14px;
-  border-radius: 15px;
-}
-.user-binding {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  padding: 10px 12px env(safe-area-inset-bottom, 0px);
-  --nut-cell-padding: 0;
-}
-.user-binding-img {
-  width: 351px;
-  height: 192px;
-}
-.user-binding-layout {
-  position: relative;
-  width: 351px;
-  border-radius: 4px;
-  background: #fff;
-  overflow: hidden;
-  margin-bottom: 10px;
-}
-.user-binding-inputlayout {
-  padding: 0 10px;
-  box-sizing: border-box;
-}
-.user-binding-inputlayout .nut-input {
-  height: 40px;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  font-size: 16px;
-  padding-left: 3px;
-  border-color: #f5f5f5;
-}
-.user-binding-inputlayout .nut-input .input-text {
-  width: 100%;
-}
-.user-binding .nut-placeholder {
-  color: #cccccc;
-}
-.user-binding .user-binding-btn {
-  position: absolute;
-  bottom: 50px;
-  left: 25px;
-  width: calc(100% - 50px);
-  font-size: 16px;
-  background: var(--app-primary-color, #017fff);
-  height: 40px;
-  line-height: 38px;
-}
-.user-binding .user-binding-codebtn {
-  height: 30px;
-  font-size: 12px;
-  padding: 0;
-  width: 90px;
-  border: none;
-  color: var(--app-primary-color, #017fff);
-  background: #f2f2f2;
-}
-.user-binding .user-binding-steps {
-  margin-top: 15px;
-}
-.user-binding .user-binding-steps .nut-step-line {
-  background: rgb(220, 220, 220);
-  left: 60%;
-  right: -40%;
-}
-.user-binding .user-binding-steps .nut-step-title {
-  font-weight: bold;
-  color: rgba(0, 0, 0, 0.4);
-}
-.user-binding .user-binding-steps .nut-step.nut-step-wait .nut-step-icon {
-  background: rgb(243, 243, 243);
-  border-color: rgb(243, 243, 243);
-  color: rgba(0, 0, 0, 0.4);
-}
-.user-binding .user-binding-steps .nut-step.nut-step-process .nut-step-icon {
-  background: var(--app-primary-color, #017fff);
-  border-color: var(--app-primary-color, #017fff);
-}
-.user-binding .user-binding-steps .nut-step.nut-step-process .nut-step-title {
-  color: var(--app-primary-color, #017fff);
-}
-.user-binding .user-binding-steps .nut-step-head {
-  margin-bottom: 8px;
-}
-.user-binding .user-binding-steps .nut-step.nut-step-finish .nut-step-title {
-  color: rgba(0, 0, 0, 0.9);
-}
-.user-binding .user-binding-steps .nut-step.nut-step-finish .nut-step-line {
-  background: var(--app-primary-color, #017fff);
-}
-.user-binding .user-binding-steps .nut-step.nut-step-finish .nut-step-head {
-  color: var(--app-primary-color, #017fff);
-  border-color: var(--app-primary-color, #017fff);
-}
-.user-binding .user-binding-steps .nut-step-icon {
-  width: 22px;
-  height: 22px;
-}
-.user-binding-success {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  box-sizing: border-box;
-  background: #fff;
-}
-.user-binding-success-icon {
-  margin-top: 80px;
-  width: 50px;
-  height: 50px;
-  margin-bottom: 30px;
-}
-.user-binding-success-info {
-  font-size: 30px;
-  color: #000000;
-  font-weight: bold;
-  margin-bottom: 15px;
-}
-.user-binding-success-sbtn {
-  padding: 0 15px;
-  color: #017fff;
-  font-size: 16px;
-}
-.user-binding-success-btn {
-  margin-top: 80px;
-  width: 296px;
-  font-size: 16px;
-  background: var(--app-primary-color, #017fff);
-  height: 40px;
-  line-height: 38px;
-}
-.bt-container {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  height: 100%;
-  box-sizing: border-box;
-  background-color: #0e1319;
-  position: relative;
-  overflow: hidden;
-}
-.bt-container .iconfont {
-  position: absolute;
-  z-index: 999;
-  top: 20px;
-  font-size: 15px;
-  padding: 5px;
-  background-color: rgba(255, 255, 255, 0.2);
-  border-radius: 50%;
-  color: #ffffff;
-}
-.bt-container .iconfont.active {
-  color: #007aff;
-}
-.bt-container .icon-replay {
-  right: 20px;
-}
-.bt-container .bt-canvas {
-  position: absolute;
-  left: 100%;
-  top: 0;
-  width: 300px;
-  height: 300px;
-}
-.bt-container .mainContent {
-  flex: 1;
-  margin: 30px;
-  position: relative;
-}
-.bt-container .mainContent .image {
-  position: absolute;
-  transform-origin: center center;
-}
-.bt-container .mainContent .controller {
-  position: absolute;
-  z-index: 99;
-  padding: 10px;
-}
-.bt-container .mainContent .controller::after {
-  display: block;
-  content: "";
-  box-shadow: 0 0 5px #333;
-  background-color: #e4e7ed;
-}
-.bt-container .mainContent .controller.controller_dot::after {
-  width: 20px;
-  height: 20px;
-  border-radius: 99px;
-}
-.bt-container .mainContent .controller.vertical::after {
-  width: 5px;
-  height: 20px;
-}
-.bt-container .mainContent .controller.horizon::after {
-  width: 20px;
-  height: 5px;
-}
-.bt-container .mainContent .cropper {
-  position: absolute;
-  border: 1px solid #eee;
-  box-sizing: content-box;
-  transform-origin: center center;
-  outline: 999px solid rgba(0, 0, 0, 0.5);
-  will-change: transform;
-  display: contain;
-  pointer-events: none;
-}
-.bt-container .mainContent .cropper .line {
-  position: absolute;
-}
-.bt-container .mainContent .cropper .row {
-  width: 100%;
-  height: 0px;
-  left: 0;
-  border-top: 1px dashed #007aff;
-}
-.bt-container .mainContent .cropper .col {
-  height: 100%;
-  width: 0px;
-  border-left: 1px dashed #007aff;
-}
-.bt-container .mainContent .cropper .row1 {
-  top: 33%;
-}
-.bt-container .mainContent .cropper .row2 {
-  top: 66%;
-}
-.bt-container .mainContent .cropper .col1 {
-  left: 33%;
-}
-.bt-container .mainContent .cropper .col2 {
-  left: 66%;
-}
-.bt-container .slot {
-  position: relative;
-  padding-top: 10px;
-}
-.user-head-crop {
-  height: 100vh;
-}
-.user-head-crop-btns {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 50px;
-  padding: 0 20px;
-  box-sizing: border-box;
-  line-height: 50px;
-  display: flex;
-  justify-content: space-between;
-}
-.user-head-crop .cbtn {
-  color: #fff;
-}
-.user-head-crop .comfirmBtn {
-  color: var(--app-primary-color, #017fff);
-}
-.user-feedback {
-  margin: 10px 12px;
-  padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px));
-  min-height: 100vh;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-.user-feedback.isSuccess {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-}
-.user-feedback.isSuccess .user-feedback-wrap {
-  height: 100vh;
-  align-items: center;
-}
-.user-feedback-wrap {
-  min-height: calc(100vh - (75px + env(safe-area-inset-bottom, 0px)));
-  height: 100%;
-  background: #fff;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  padding: 10px;
-  border-radius: 5px;
-}
-.user-feedback-head {
-  background: #f2f9ff;
-  padding: 15px;
-  border-radius: 2px;
-  font-size: 12px;
-  margin-bottom: 8px;
-}
-.user-feedback-head-info {
-  padding-left: 9px;
-  text-indent: -9px;
-}
-.user-feedback-tit {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  color: #1a1a1a;
-  font-weight: 500;
-  font-size: 17px;
-}
-.user-feedback-body {
-  border-radius: 4px 4px 0px 0px;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.user-feedback-editor {
-  padding: 10px;
-  font-size: 14px;
-  background: #f5f5f5;
-  overflow-y: auto;
-  min-height: 165px;
-}
-.user-feedback-handle {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  margin-top: 10px;
-  margin-right: -4px;
-}
-.user-feedback-handle-item {
-  position: relative;
-  border-radius: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 79px;
-  height: 79px;
-  background: #f5f5f5;
-  font-size: 30px;
-  color: rgba(53, 53, 53, 0.3);
-  margin-right: 4px;
-  margin-bottom: 4px;
-}
-.user-feedback-handle-item-img {
-  max-width: 100%;
-  max-height: 100%;
-}
-.user-feedback-handle-item-close {
-  position: absolute;
-  top: -2px;
-  right: -2px;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.user-feedback-handle-item-close-img {
-  width: 10px;
-  height: 10px;
-}
-.user-feedback-handle-item-loading {
-  width: 17px;
-  height: 17px;
-  animation: rotate 2s linear infinite;
-}
-.user-feedback .ql-editor.ql-blank:before {
-  color: rgba(0, 0, 0, 0.3);
-  font-style: normal;
-}
-.user-feedback-footer {
-  position: fixed;
-  z-index: 10;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  min-height: 63px;
-  background: #ffffff;
-  box-shadow: 0 -3px 11px 0 rgba(224, 224, 224, 0.5);
-  padding: 10px 12px calc(8px + env(safe-area-inset-bottom, 0px));
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-}
-.user-feedback-footer-btn {
-  flex: 1;
-}
-.user-feedback-footer-btn:first-child {
-  margin-right: 10px;
-}
-.user-feedback-success-img {
-  width: 87px;
-  height: 90px;
-  margin-top: 110px;
-  margin-bottom: 20px;
-}
-.user-feedback-success-info {
-  color: #353535;
-  font-size: 16px;
-  font-weight: 500;
-}
-@keyframes rotate {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.user-feedback-entry {
-  position: fixed;
-  z-index: 10;
-  right: 12px;
-  bottom: calc(120px + env(safe-area-inset-bottom, 0px));
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #fff;
-  box-shadow: 0px 2px 5px 0px rgba(0, 110, 229, 0.1019607843);
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.5);
-  font-size: 10px;
-}
-.user-feedback-entry-icon {
-  width: 13px;
-  height: 13px;
-  margin-bottom: 1px;
-}
-.user-feedback-entry:active {
-  background: rgba(255, 255, 255, 0.7);
-}
-.user-feedback-entry.hasStorage {
-  width: 92px;
-  height: 43px;
-  background: transparent;
-  box-shadow: none;
-}
-.user-feedback-entry.hasStorage .user-feedback-entry-icon {
-  width: 100%;
-  height: 100%;
-}
-.user-feedback-entry.hasStorage:active {
-  background: transparent;
-}
-.user-feedback-entry.hasStorage .user-feedback-entry-close {
-  position: absolute;
-  top: -6px;
-  right: -6px;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.user-feedback-entry.hasStorage .user-feedback-entry-close-img {
-  width: 10px;
-  height: 10px;
-}
-.login-setting {
-  position: fixed;
-  z-index: 4;
-  left: 12px;
-  top: 10px;
-  bottom: 10px;
-  align-items: center;
-  width: calc(100% - 24px);
-  background: #ffffff;
-  border-radius: 5px;
-  display: flex;
-  flex-direction: column;
-}
-.login-setting-img {
-  margin-top: 50%;
-  height: 111px;
-  width: 198px;
-}
-.login-setting-text {
-  margin-top: 10px;
-  color: #353535;
-  opacity: 0.4;
-  font-size: 12px;
-  padding: 0 30px;
-  text-align: center;
-}
-.user-resource-empty {
-  position: fixed;
-  z-index: 4;
-  left: 12px;
-  top: 10px;
-  bottom: 10px;
-  align-items: center;
-  width: calc(100% - 24px);
-  background: #ffffff;
-  border-radius: 5px;
-  display: flex;
-  flex-direction: column;
-}
-.user-resource-empty-img {
-  margin-top: 50%;
-  height: 111px;
-  width: 198px;
-}
-.user-resource-empty-text {
-  margin-top: 10px;
-  color: #353535;
-  opacity: 0.4;
-  font-size: 12px;
-  padding: 0 30px;
-  text-align: center;
-}