@uxda/appkit 1.2.80 → 3.2.20

package/dist/appkit.css

@@ -2,7 +2,7 @@
   padding: 14px 0 14px 14px;
 }
 .amount-picker .nut-grid-item__content {
-  border: solid 2px transparent;
+  border: solid 1px 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;
 }
@@ -31,20 +31,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;
@@ -60,6 +46,7 @@
   top: var(--top);
   width: 100%;
   text-align: center;
+  margin: 0;
 }
 .page-header .back-button {
   position: absolute;
@@ -94,6 +81,55 @@
   flex-grow: 1;
   overflow: scroll;
 }
+.app-verify {
+  padding: 10px 30px 20px;
+}
+.app-verify h2 {
+  font-size: 16px;
+  font-weight: bold;
+}
+.app-verify .caption {
+  font-size: 13px !important;
+  color: #ccc;
+  line-height: 21px;
+}
+.app-verify .number {
+  line-height: 21px;
+}
+.app-verify .form .nut-cell-group__wrap {
+  display: flex;
+  align-items: center;
+  margin: 20px 0 !important;
+}
+.app-verify .form .nut-cell-group__wrap .form-input {
+  height: 36px;
+  line-height: 36px;
+  border: none;
+  background: #f5f5f5;
+  border-radius: 5px;
+  flex: 1;
+  padding-left: 12px;
+}
+.app-verify .form .nut-cell-group__wrap .form-btn {
+  margin-left: 12px;
+  width: 105px;
+}
+.app-verify .buttons {
+  width: 100%;
+  justify-content: space-between;
+  margin-top: 10px;
+}
+.app-verify .buttons .ns-button {
+  width: 104px;
+  border-radius: 30px;
+  --radius: 30px;
+}
+.app-verify .buttons .cancel-btn {
+  border: 1px solid #969696 !important;
+}
+.app-verify .nut-input {
+  background: transparent !important;
+}
 .dd-notice-bar {
   position: fixed;
   top: 0;
@@ -139,10 +175,35 @@
   display: flex;
   align-items: center;
 }
+.ocr-icon {
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+}
+.ocr-icon .ns-icon {
+  width: 24px;
+  height: 24px;
+}
+.ocr-icon.disabled .ns-icon {
+  filter: brightness(1.5) grayscale(1);
+}
+.ocr-business-license {
+  width: 24px;
+  height: 24px;
+}
+.ocr-business-license .ns-icon {
+  width: 24px;
+  height: 24px;
+}
+.ocr-business-license.disabled .ns-icon {
+  filter: brightness(1.5) grayscale(1);
+}
 .recharge-view {
   height: 100%;
   display: flex;
   flex-direction: column;
+  --nut-primary-color: #017fff;
 }
 .recharge-view .flex-grow {
   flex-grow: 1;
@@ -177,6 +238,20 @@
   display: inline;
   color: #FD6701;
 }
+.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;
+}
 .recharge-result {
   background-color: #fff;
   height: 100vh;
@@ -257,6 +332,7 @@
   height: 100%;
   display: flex;
   flex-direction: column;
+  --nut-primary-color: #017fff;
 }
 .recharge-view2 .flex-grow {
   flex-grow: 1;
@@ -319,7 +395,8 @@
   align-items: center;
   padding: 0 10px;
   border-radius: 0px;
-  box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1); /* 上边框阴影 */
+  box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1);
+  /* 上边框阴影 */
 }
 .recharge-view2 .amount-footer .buy-amount .left {
   width: 70%;
@@ -377,13 +454,10 @@ 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;
+  background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
   border-radius: 10px;
-  padding: 13px 20px;
+  padding: 14px 20px;
   margin: 0;
 }
 .account-card .card .card-row {
@@ -411,15 +485,14 @@ page {
   height: 100%;
 }
 .account-card .card .card-row .card-row-left .bean-box .baan-name {
-  color: #f3d59d;
-  font-weight: 600;
-  font-size: 11px;
+  color: #375264;
+  font-size: 16px;
 }
 .account-card .card .card-row .card-row-left .bean-nums {
-  color: #fff;
-  line-height: 22px;
-  font-weight: 500;
-  font-size: 16px;
+  color: #353535;
+  line-height: 25px;
+  font-weight: bold;
+  font-size: 20px;
   margin-top: 3px;
 }
 .account-card .card .card-row .desc {
@@ -457,18 +530,17 @@ page {
   height: 28px;
   line-height: 28px;
   border-radius: 14px;
-  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
+  background: rgba(255, 255, 255, 0.8);
 }
 .account-card .card .card-row-right .account-info-entry .account-info-name {
-  color: #975213;
+  color: #353535;
   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;
+  width: 15px;
+  height: 15px;
 }
 .account-card .card .card-row-right .account-info-entry .account-info-icon .icon {
   display: block;
@@ -561,13 +633,14 @@ page {
   top: 11px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MSA0MUgxVjFINDFWNDFaIiBmaWxsPSIjRDhEOEQ4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4wMSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjM1NjEgMjAuOTk5OUwzMy45NjM3IDMxLjYwNzJDMzQuNjE0NiAzMi4yNTgxIDM0LjYxNDYgMzMuMzEzNCAzMy45NjM3IDMzLjk2NDJDMzMuMzQyNSAzNC41ODU1IDMyLjM1MjcgMzQuNjEzOCAzMS42OTc5IDM0LjA0ODlMMjAuOTk5NCAyMy4zNTY2TDEwLjM5MzUgMzMuOTY0MkM5Ljc0MjY1IDM0LjYxNTEgOC42ODczOCAzNC42MTUxIDguMDM2NSAzMy45NjQyQzcuNDE1MTkgMzMuMzQyOSA3LjM4Njk3IDMyLjM1MzIgNy45NTE3OSAzMS42OTg0TDE4LjY0MjggMjAuOTk5OUw4LjAzNjUgMTAuMzk0QzcuMzg1NjMgOS43NDMxNCA3LjM4NTYzIDguNjg3ODcgOC4wMzY1IDguMDM2OTlDOC42NTc3OSA3LjQxNTY4IDkuNjQ3NTQgNy4zODc0NiAxMC4zMDIzIDcuOTUyMjdMMjAuOTk5NCAxOC42NDMzTDMxLjYwNjcgOC4wMzY5OUMzMi4yNTc2IDcuMzg2MTIgMzMuMzEyOSA3LjM4NjEyIDMzLjk2MzcgOC4wMzY5OUMzNC41ODUgOC42NTgyOCAzNC42MTMzIDkuNjQ4MDMgMzQuMDQ4NSAxMC4zMDI4TDIzLjM1NjEgMjAuOTk5OVoiIGZpbGw9IiMxNzFBMUQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjAxIi8+Cjwvc3ZnPgo=");
 }
-.consumption-date-filter {
+.appkit-date-filter {
   height: 100%;
   display: flex;
   flex-direction: column;
   width: 100%;
+  position: relative;
 }
-.consumption-date-filter .date-filter-header {
+.appkit-date-filter .date-filter-header {
   text-align: center;
   height: 44px;
   line-height: 44px;
@@ -575,42 +648,42 @@ page {
   font-size: 17px;
   background-color: #f5f5f5;
 }
-.consumption-date-filter .content {
+.appkit-date-filter .content {
   flex: 1;
   margin: 15px;
   overflow-y: scroll;
   color: #353535;
   font-size: 13px;
 }
-.consumption-date-filter .content .title {
+.appkit-date-filter .content .title {
   opacity: 0.6;
   line-height: 18px;
 }
-.consumption-date-filter .content .info {
+.appkit-date-filter .content .info {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 10px;
   margin: 10px 0;
 }
-.consumption-date-filter .content .info .item {
+.appkit-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 {
+.appkit-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;
+.appkit-date-filter .buttons {
+  margin: 32px 15px 0 15px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.consumption-date-filter .buttons .btn {
+.appkit-date-filter .buttons .btn {
   flex: 1;
   height: 40px;
   line-height: 40px;
@@ -621,22 +694,22 @@ page {
   font-size: 16px;
   border-radius: 6px;
 }
-.consumption-date-filter .buttons .confirm {
+.appkit-date-filter .buttons .confirm {
   margin-left: 11px;
-  color: #000;
+  color: #fff;
   border: none;
-  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
+  background: #017FFF;
 }
-.consumption-date-filter .time {
+.appkit-date-filter .time {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   margin: 10px 0 30px 0;
 }
-.consumption-date-filter .time .line {
+.appkit-date-filter .time .line {
   margin: 0 8px;
 }
-.consumption-date-filter .time .item {
+.appkit-date-filter .time .item {
   height: 30px;
   line-height: 30px;
   padding: 0 15px;
@@ -647,13 +720,16 @@ page {
   background: rgba(245, 245, 245, 0.8);
   border-radius: 6px;
 }
-.consumption-date-filter .time .current {
+.appkit-date-filter .time .current {
   border: 1px solid #353535;
 }
-.consumption-date-filter .bottom {
+.appkit-date-filter .bottom {
   height: 32px;
   background: #fff;
 }
+.nut-overlay.date-filter-picker-overlay {
+  height: 100vh;
+}
 .consumption-rules .title {
   line-height: 16px;
   font-weight: 500;
@@ -730,12 +806,13 @@ page {
   height: 100vh;
 }
 .account-view .scroll-content {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUwIiBoZWlnaHQ9IjQwNiIgdmlld0JveD0iMCAwIDc1MCA0MDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zODIuNSA0MDcuNUM1NzcuMzU3IDQwNy41IDc1My43ODggMzgxLjI0OCA4ODEuNTIxIDMzOC43OTFDOTQ1LjM4NiAzMTcuNTYzIDk5Ny4xMDQgMjkyLjI3NiAxMDMyLjg3IDI2NC4xNzFDMTA2OC42MiAyMzYuMDcxIDEwODguNSAyMDUuMDk3IDEwODguNSAxNzIuNUMxMDg4LjUgMTM5LjkwMyAxMDY4LjYyIDEwOC45MjkgMTAzMi44NyA4MC44Mjg5Qzk5Ny4xMDQgNTIuNzI0NSA5NDUuMzg2IDI3LjQzNjcgODgxLjUyMSA2LjIwODk4Qzc1My43ODggLTM2LjI0ODIgNTc3LjM1NyAtNjIuNSAzODIuNSAtNjIuNUMxODcuNjQzIC02Mi41IDExLjIxMjIgLTM2LjI0ODIgLTExNi41MjIgNi4yMDg5OEMtMTgwLjM4NiAyNy40MzY3IC0yMzIuMTA0IDUyLjcyNDUgLTI2Ny44NjcgODAuODI4OUMtMzAzLjYyNCAxMDguOTI5IC0zMjMuNSAxMzkuOTAzIC0zMjMuNSAxNzIuNUMtMzIzLjUgMjA1LjA5NyAtMzAzLjYyNCAyMzYuMDcxIC0yNjcuODY3IDI2NC4xNzFDLTIzMi4xMDQgMjkyLjI3NiAtMTgwLjM4NiAzMTcuNTYzIC0xMTYuNTIyIDMzOC43OTFDMTEuMjEyMiAzODEuMjQ4IDE4Ny42NDMgNDA3LjUgMzgyLjUgNDA3LjVaIiBmaWxsPSIjM0IzOTNDIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=");
-  background-position: center -200px;
+  background-image: url("https://cdn.ddjf.com/static/images/customer-center/blue-bg.png");
+  background-position: center 0;
   background-repeat: no-repeat;
+  background-size: 100% 200px;
 }
 .account-view .page-header {
-  background-color: #3b393c;
+  background-color: transparent;
   position: sticky;
   top: 0;
   z-index: 1;
@@ -743,6 +820,7 @@ page {
 }
 .account-view .page-header.with-background {
   background-color: #3b393c;
+  color: #fff;
 }
 .account-view .spa-between {
   display: flex;
@@ -760,16 +838,15 @@ page {
 .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;
+  background-color: #fff;
+  display: inline-flex;
+  align-items: center;
   padding: 0 10px;
-  line-height: 22px;
-  color: #e7caad;
+  color: #353535;
   font-size: 12px;
 }
 .account-view .small-bean-button label {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZMMTYgMTJMMTAgMThWNloiIGZpbGw9IiNFN0NBQUQiIHN0cm9rZT0iI0U3Q0FBRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDZMMTYgMTJMMTAgMThWNloiIGZpbGw9IiMzNTM1MzUiIHN0cm9rZT0iIzM1MzUzNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
   padding-right: 18px;
   background-repeat: no-repeat;
   background-position: right center;
@@ -777,8 +854,7 @@ page {
 }
 .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);
+  background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
   height: 112px;
   padding: 20px;
   margin: 0 15px;
@@ -898,10 +974,12 @@ page {
   width: 100%;
 }
 .operation-box .operation-list .operation-scroll {
-  height: calc(100vh - 130px);
-  padding: 0 15px;
+  height: calc(100vh - 132px);
   box-sizing: border-box;
 }
+.operation-box .operation-list .box {
+  padding: 0 10px;
+}
 .operation-box .operation-list .box-detail .title {
   line-height: 22px;
   font-weight: 700;
@@ -966,10 +1044,10 @@ page {
 }
 .rights-card {
   margin: 10px 15px 0px;
-  background: #fff8f3;
+  background: rgba(255, 248, 243, 0.8);
   border-radius: 5px;
-  box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
   padding: 15px 20px;
+  box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
 }
 .rights-card .title {
   height: 25px;
@@ -1071,9 +1149,209 @@ page {
   color: #fff;
   background: var(--primary-button-background);
 }
-.ocr-id__img {
+.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;
+}
+.list-filter-picker {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.list-filter-picker-title {
+  position: relative;
+  height: 44px;
+  font-size: 17px;
+  color: #353535;
+  background: #f5f5f5;
+  text-align: center;
+}
+.list-filter-picker-content {
+  flex: 1;
+  margin: 15px;
+  overflow-y: scroll;
+  color: #353535;
+  font-size: 13px;
+}
+.list-filter-picker-content .title {
+  opacity: 0.6;
+  line-height: 18px;
+}
+.list-filter-picker-content .info {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-gap: 10px;
+  margin: 10px 0;
+}
+.list-filter-picker-content .info-item {
+  height: 30px;
+  line-height: 30px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  text-align: center;
+}
+.list-filter-picker-content .info .current {
+  border-radius: 5px;
+  border: 1px solid rgba(1, 127, 255, 0.5);
+  background: #E6F2FF;
+}
+.list-filter-picker-btn {
+  margin: 0 15px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.list-filter-picker-btn .btn {
+  flex: 1;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  border: 1px solid #ccc;
+  color: #666;
+  font-size: 16px;
+  border-radius: 6px;
+}
+.list-filter-picker-btn .confirm {
+  margin-left: 11px;
+  color: #fff;
+  border: none;
+  background: #017fff;
+}
+.list-filter-picker-bottom {
+  height: 32px;
+  background: #fff;
+}
+.list-filter-picker .icon {
+  display: block;
   width: 20px;
   height: 20px;
+  background-size: 40px;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.list-filter-picker .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;
+}
+.promoter-card {
+  position: relative;
+  padding: 20px;
+  background: #fff;
+  box-sizing: border-box;
+  margin: 0 auto;
+  border-radius: 15px;
+}
+.promoter-card .icon {
+  font-size: 10px;
+  color: rgba(53, 53, 53, 0.3);
+}
+.promoter-card .arrow {
+  position: absolute;
+  left: 0;
+  top: 22px;
+  width: 9px;
+  height: 16px;
+}
+.promoter-card-hd {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  color: #353535;
+  margin-bottom: 12px;
+}
+.promoter-card-hd-num {
+  font-size: 26px;
+  font-weight: bold;
+  margin-top: 8px;
+  display: flex;
+  align-items: center;
+}
+.promoter-card-hd-info {
+  font-size: 14px;
+}
+.promoter-card-ft {
+  display: flex;
+  align-items: center;
+}
+.promoter-card-ft-item {
+  flex: 1;
+}
+.promoter-card-ft-info {
+  font-size: 12px;
+  color: #434242;
+  margin-bottom: 5px;
+  display: flex;
+  align-items: center;
+}
+.promoter-card-ft-num {
+  display: flex;
+  align-items: center;
+  font-size: 20px;
+  color: #353535;
+}
+.promoter-card-ft-line {
+  width: 1px;
+  height: 19px;
+  background: rgba(53, 53, 53, 0.2);
+  margin-right: 30px;
+}
+.promoter-card-tab {
+  position: absolute;
+  top: 10px;
+  right: 13px;
+  border-radius: 4px;
+  overflow: hidden;
+  background: rgba(204, 204, 204, 0.2);
+}
+.promoter-card-tab-item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 29px;
+  width: 90px;
+  box-sizing: border-box;
+  padding: 0 10px;
+  font-size: 13px;
+  color: #353535;
+}
+.promoter-card-tab-item.focus {
+  background: linear-gradient(90deg, #FFEBC1 0%, #FFF9ED 100%);
+  font-weight: bold;
+  border-radius: 4px;
+}
+.promoter-card .arrow-img {
+  width: 16px;
+  height: 12px;
+  margin-left: 5px;
 }
 .dd-area {
   display: flex;
@@ -1133,6 +1411,7 @@ page {
 }
 .self-registration .nut-input-text {
   text-align: right !important;
+  flex: 1;
 }
 .self-registration .nut-form-item__label.required::before {
   display: none;
@@ -1227,6 +1506,7 @@ page {
   align-items: center;
   justify-content: center;
   border-radius: 15px;
+  z-index: 10;
 }
 .notice-banner {
   background: #e6f2ff;
@@ -1282,7 +1562,7 @@ page {
   padding-left: 6px;
 }
 .notice-entry {
-  position: fixed;
+  position: absolute;
   right: 0;
   top: 120px;
   min-width: 66px;
@@ -1509,7 +1789,7 @@ page {
 .user-entry {
   position: absolute;
   left: 0;
-  top: 130px;
+  top: 125px;
   transform: translateY(-50%);
   display: flex;
   padding: 0 22px;
@@ -1565,12 +1845,19 @@ page {
   font-size: 15px;
   line-height: 21px;
 }
+.user-entry-bd-arrow {
+  font-size: 12px;
+  margin-left: 8px;
+}
 .dd-skeleton__item {
   margin-top: 10px;
 }
 .user-info {
   height: 100vh;
 }
+.user-info .nut-cell {
+  border-radius: 0px;
+}
 .user-info-wrap {
   padding: 0 12px;
   padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
@@ -1826,6 +2113,7 @@ page {
   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;
@@ -1839,7 +2127,26 @@ page {
   overflow: hidden;
   margin-bottom: 10px;
 }
-.user-binding-btn {
+.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;
@@ -1849,7 +2156,7 @@ page {
   height: 40px;
   line-height: 38px;
 }
-.user-binding-codebtn {
+.user-binding .user-binding-codebtn {
   height: 30px;
   font-size: 12px;
   padding: 0;
@@ -1858,69 +2165,47 @@ page {
   color: var(--app-primary-color, #017fff);
   background: #f2f2f2;
 }
-.user-binding-steps {
+.user-binding .user-binding-steps {
   margin-top: 15px;
 }
-.user-binding-steps .nut-step-line {
+.user-binding .user-binding-steps .nut-step-line {
   background: rgb(220, 220, 220);
   left: 60%;
   right: -40%;
 }
-.user-binding-steps .nut-step-title {
+.user-binding .user-binding-steps .nut-step-title {
   font-weight: bold;
   color: rgba(0, 0, 0, 0.4);
 }
-.user-binding-steps .nut-step.nut-step-wait .nut-step-icon.is-text {
+.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-steps .nut-step.nut-step-process .nut-step-icon.is-text {
+.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-steps .nut-step.nut-step-process .nut-step-title {
+.user-binding .user-binding-steps .nut-step.nut-step-process .nut-step-title {
   color: var(--app-primary-color, #017fff);
 }
-.user-binding-steps .nut-step-head {
+.user-binding .user-binding-steps .nut-step-head {
   margin-bottom: 8px;
 }
-.user-binding-steps .nut-step.nut-step-finish .nut-step-title {
+.user-binding .user-binding-steps .nut-step.nut-step-finish .nut-step-title {
   color: rgba(0, 0, 0, 0.9);
 }
-.user-binding-steps .nut-step.nut-step-finish .nut-step-line {
+.user-binding .user-binding-steps .nut-step.nut-step-finish .nut-step-line {
   background: var(--app-primary-color, #017fff);
 }
-.user-binding-steps .nut-step.nut-step-finish .nut-step-head {
+.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-steps .nut-step-icon {
+.user-binding .user-binding-steps .nut-step-icon {
   width: 22px;
   height: 22px;
 }
-.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-inputlayout .nut-input-label {
-  color: #666;
-}
-.user-binding .nut-placeholder {
-  color: #cccccc;
-}
 .user-binding-success {
   height: 100vh;
   display: flex;
@@ -2329,4 +2614,48 @@ page {
   font-size: 12px;
   padding: 0 30px;
   text-align: center;
+}
+.user-auth {
+  height: 100vh;
+}
+.user-auth-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 + var(--safe-bottom-height));
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+.user-auth-footer .btn {
+  width: 100%;
+}
+.user-auth-footer .checkbox-row {
+  --nut-primary-color: #017fff;
+  position: absolute;
+  top: -36px;
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+}
+.user-auth-footer .checkbox-row .nut-checkbox__label {
+  margin-left: 2px;
+  font-size: 11px;
+}
+.user-auth-footer .checkbox-row .nut-icon-check-normal {
+  margin-top: 0 !important;
+}
+.user-auth-footer .checkbox-row .nut-icon-checked {
+  font-size: 11px;
+}
+.user-auth-footer .checkbox-row .book {
+  font-size: 11px;
+  color: #007aff;
 }