aaa-ui-test 1.0.0

package/lib/index.css

@@ -0,0 +1,2213 @@
+.jdd-list {
+  position: relative;
+  width: 100%;
+  margin-top: 20px; }
+  .jdd-list-title {
+    position: relative;
+    font-size: 14px;
+    color: #999;
+    line-height: 1;
+    padding: 10px 16px; }
+  .jdd-list-body {
+    position: relative;
+    background-color: #fff; }
+
+.jdd-list-item {
+  width: 100%;
+  padding-left: 16px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 14px;
+  height: 56px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; }
+  .jdd-list-item.jdd-list-item-mheight {
+    height: 70px; }
+    .jdd-list-item.jdd-list-item-mheight .jdd-list-item-icon img {
+      width: 44px;
+      height: 44px; }
+  .jdd-list-item.jdd-list-item-diasbled .jdd-list-item-cont .title {
+    color: #ccc; }
+  .jdd-list-item.jdd-list-item-diasbled .jdd-list-item-cont .desc {
+    color: #ccc; }
+  .jdd-list-item.jdd-list-item-diasbled .jdd-list-item-after {
+    color: #ccc; }
+  .jdd-list-item-inner {
+    position: relative;
+    width: 100%;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center;
+    height: 100%;
+    padding-right: 16px;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box; }
+  .jdd-list-item-border-top {
+    position: relative; }
+    .jdd-list-item-border-top::before {
+      content: " ";
+      position: absolute;
+      display: block;
+      -webkit-transform-origin: top;
+              transform-origin: top;
+      z-index: 0;
+      left: 0;
+      top: 0;
+      right: 0;
+      border-top: 1px solid #eee; }
+      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+        .jdd-list-item-border-top::before {
+          -webkit-transform: scaleY(0.5);
+                  transform: scaleY(0.5); } }
+      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+        .jdd-list-item-border-top::before {
+          -webkit-transform: scaleY(0.33333);
+                  transform: scaleY(0.33333); } }
+  .jdd-list-item-border-bottom {
+    position: relative; }
+    .jdd-list-item-border-bottom::after {
+      content: " ";
+      position: absolute;
+      display: block;
+      -webkit-transform-origin: bottom;
+              transform-origin: bottom;
+      z-index: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      border-bottom: 1px solid #eeeeee; }
+      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+        .jdd-list-item-border-bottom::after {
+          -webkit-transform: scaleY(0.5);
+                  transform: scaleY(0.5); } }
+      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+        .jdd-list-item-border-bottom::after {
+          -webkit-transform: scaleY(0.33333);
+                  transform: scaleY(0.33333); } }
+  .jdd-list-item-icon {
+    margin-right: 12px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+    .jdd-list-item-icon img {
+      display: block;
+      width: 24px;
+      height: 24px; }
+  .jdd-list-item-cont {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
+    min-width: 0; }
+    .jdd-list-item-cont .title {
+      font-family: PingFangSC-Medium;
+      color: #444;
+      font-size: 16px; }
+    .jdd-list-item-cont .desc {
+      font-size: 12px;
+      color: #999999;
+      margin-top: 6px; }
+  .jdd-list-item-after {
+    position: relative;
+    color: #999;
+    text-align: right; }
+    .jdd-list-item-after p {
+      font-family: PingFangSC-Regular;
+      font-size: 12px;
+      color: #999999; }
+    .jdd-list-item-after .arrow {
+      display: none;
+      height: 6px;
+      width: 6px;
+      border-width: 1px 1px 0 0;
+      border-color: #999;
+      border-style: solid;
+      -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
+              transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
+      position: relative;
+      top: -2px;
+      position: absolute;
+      top: 50%;
+      margin-top: -4px;
+      right: 2px;
+      -webkit-box-sizing: content-box;
+              box-sizing: content-box; }
+
+.jdd-list-item-link .jdd-list-item-after {
+  padding-right: 16px; }
+  .jdd-list-item-link .jdd-list-item-after .arrow {
+    display: inline-block; }
+
+.jdd-list-item-link:not(.jdd-list-item-diasbled):active {
+  background-color: #F2F2F2; }
+
+.jdd-button {
+  display: inline-block;
+  font-family: PingFangSC-Medium;
+  text-align: center;
+  font-size: 18px;
+  color: #fff;
+  margin: 0;
+  border-radius: 2px; }
+  .jdd-button-large {
+    width: 100%;
+    height: 50px;
+    line-height: 50px; }
+  .jdd-button-medium {
+    height: 50px;
+    line-height: 50px;
+    padding: 0 84px;
+    width: auto; }
+  .jdd-button-small {
+    height: 30px;
+    line-height: 30px;
+    font-size: 12px;
+    width: 80px;
+    border-radius: 30px;
+    background: #fff; }
+  .jdd-button-default {
+    background: #4D7BFE; }
+  .jdd-button-default:active {
+    background: #4B84E1; }
+  .jdd-button-disabled {
+    background: #ccc; }
+  .jdd-button-sick {
+    background: #B9D1F8; }
+  .jdd-button-short {
+    background: #4D7BFE; }
+    .jdd-button-short:active {
+      background: #4B84E1; }
+  .jdd-button-white.jdd-button-large {
+    background: #fff;
+    position: relative;
+    color: #4D7BFE; }
+    .jdd-button-white.jdd-button-large::before {
+      display: block;
+      content: " ";
+      position: absolute;
+      pointer-events: none;
+      -webkit-backface-visibility: hidden;
+              backface-visibility: hidden;
+      -webkit-transform-origin: left top;
+              transform-origin: left top;
+      z-index: 0;
+      left: 0;
+      top: 0;
+      border: 1px solid #DDDDDD;
+      border-radius: 2px; }
+      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+        .jdd-button-white.jdd-button-large::before {
+          border-radius: 4px;
+          right: -100%;
+          bottom: -100%;
+          -webkit-transform: scale(0.5);
+                  transform: scale(0.5); } }
+      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+        .jdd-button-white.jdd-button-large::before {
+          border-radius: 6px;
+          right: -200%;
+          bottom: -200%;
+          -webkit-transform: scale(0.33333);
+                  transform: scale(0.33333); } }
+  .jdd-button-white.jdd-button-small {
+    background: #fff;
+    position: relative; }
+    .jdd-button-white.jdd-button-small::before {
+      display: block;
+      content: " ";
+      position: absolute;
+      pointer-events: none;
+      -webkit-backface-visibility: hidden;
+              backface-visibility: hidden;
+      -webkit-transform-origin: left top;
+              transform-origin: left top;
+      z-index: 0;
+      left: 0;
+      top: 0;
+      border: 1px solid #CCC;
+      border-radius: 15px; }
+      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+        .jdd-button-white.jdd-button-small::before {
+          border-radius: 30px;
+          right: -100%;
+          bottom: -100%;
+          -webkit-transform: scale(0.5);
+                  transform: scale(0.5); } }
+      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+        .jdd-button-white.jdd-button-small::before {
+          border-radius: 45px;
+          right: -200%;
+          bottom: -200%;
+          -webkit-transform: scale(0.33333);
+                  transform: scale(0.33333); } }
+  .jdd-button-white:active {
+    background: #f2f2f2; }
+  .jdd-button-white-normal.jdd-button-large {
+    background: #fff;
+    position: relative;
+    color: #666; }
+    .jdd-button-white-normal.jdd-button-large::before {
+      display: block;
+      content: " ";
+      position: absolute;
+      pointer-events: none;
+      -webkit-backface-visibility: hidden;
+              backface-visibility: hidden;
+      -webkit-transform-origin: left top;
+              transform-origin: left top;
+      z-index: 0;
+      left: 0;
+      top: 0;
+      border: 1px solid #DDDDDD;
+      border-radius: 2px; }
+      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+        .jdd-button-white-normal.jdd-button-large::before {
+          border-radius: 4px;
+          right: -100%;
+          bottom: -100%;
+          -webkit-transform: scale(0.5);
+                  transform: scale(0.5); } }
+      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+        .jdd-button-white-normal.jdd-button-large::before {
+          border-radius: 6px;
+          right: -200%;
+          bottom: -200%;
+          -webkit-transform: scale(0.33333);
+                  transform: scale(0.33333); } }
+  .jdd-button-white-normal.jdd-button-small {
+    background: #fff;
+    position: relative;
+    color: #666; }
+    .jdd-button-white-normal.jdd-button-small::before {
+      display: block;
+      content: " ";
+      position: absolute;
+      pointer-events: none;
+      -webkit-backface-visibility: hidden;
+              backface-visibility: hidden;
+      -webkit-transform-origin: left top;
+              transform-origin: left top;
+      z-index: 0;
+      left: 0;
+      top: 0;
+      border: 1px solid #CCC;
+      border-radius: 15px; }
+      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+        .jdd-button-white-normal.jdd-button-small::before {
+          border-radius: 30px;
+          right: -100%;
+          bottom: -100%;
+          -webkit-transform: scale(0.5);
+                  transform: scale(0.5); } }
+      @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+        .jdd-button-white-normal.jdd-button-small::before {
+          border-radius: 45px;
+          right: -200%;
+          bottom: -200%;
+          -webkit-transform: scale(0.33333);
+                  transform: scale(0.33333); } }
+  .jdd-button-white-normal:active {
+    background: #f2f2f2; }
+
+.jdd-button-group {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  font-family: PingFangSC-Medium;
+  font-size: 18px;
+  background: #fff;
+  color: #fff; }
+  .jdd-button-group span {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1; }
+  .jdd-button-group-bottom {
+    position: fixed;
+    bottom: 0;
+    z-index: 50;
+    padding-bottom: constant(safe-area-inset-bottom) !important;
+    padding-bottom: env(safe-area-inset-bottom) !important; }
+    .jdd-button-group-bottom .jdd-button {
+      border-radius: unset; }
+    .jdd-button-group-bottom .jdd-button:not(:first-child) {
+      -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.04);
+              box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.04); }
+  .jdd-button-group-top {
+    position: fixed;
+    top: 0;
+    z-index: 50; }
+
+.jdd-toast {
+  position: fixed;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  z-index: 999;
+  opacity: 1; }
+  .jdd-toast.jdd-toast-top {
+    top: -100%; }
+    .jdd-toast.jdd-toast-top.jdd-toast-in {
+      -webkit-animation: jddToastTopIn 3.8s   ease-in-out;
+              animation: jddToastTopIn 3.8s   ease-in-out; }
+  .jdd-toast.jdd-toast-bottom {
+    bottom: -100%; }
+    .jdd-toast.jdd-toast-bottom.jdd-toast-in {
+      -webkit-animation: jddToastBottomIn 3.8s   ease-in-out;
+              animation: jddToastBottomIn 3.8s   ease-in-out; }
+
+.jdd-toast span {
+  margin: 10px 20px;
+  display: inline-block;
+  padding: 10px 20px;
+  line-height: 20px;
+  font-family: PingFangSC-Medium;
+  font-size: 14px;
+  color: #fff;
+  background: #4D7BFE;
+  border-radius: 100px;
+  -webkit-box-shadow: 0 0 7px 0 rgba(3, 6, 14, 0.2);
+          box-shadow: 0 0 7px 0 rgba(3, 6, 14, 0.2); }
+
+@-webkit-keyframes jddToastBottomIn {
+  0% {
+    bottom: 0; }
+  10% {
+    bottom: 96px; }
+  90% {
+    bottom: 96px; }
+  100% {
+    bottom: 0px; } }
+
+@keyframes jddToastBottomIn {
+  0% {
+    bottom: 0; }
+  10% {
+    bottom: 96px; }
+  90% {
+    bottom: 96px; }
+  100% {
+    bottom: 0px; } }
+
+@-webkit-keyframes jddToastTopIn {
+  0% {
+    bottom: 0; }
+  10% {
+    top: 60px; }
+  90% {
+    top: 60px; }
+  100% {
+    top: 0px; } }
+
+@keyframes jddToastTopIn {
+  0% {
+    bottom: 0; }
+  10% {
+    top: 60px; }
+  90% {
+    top: 60px; }
+  100% {
+    top: 0px; } }
+
+.jdd-mask {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.6); }
+  .jdd-mask-transparent {
+    background-color: transparent; }
+
+body.jdd-modal-open {
+  position: fixed; }
+
+.jdd-loading {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: fixed;
+  top: 40%;
+  left: 50%;
+  z-index: 9999;
+  width: 54px;
+  height: 54px;
+  margin: -27px 0 0 -27px;
+  border-radius: 3px;
+  background-color: rgba(0, 0, 0, 0.6);
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+  .jdd-loading img {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto; }
+
+.jdd-loading-fade-enter-active,
+.jdd-loading-fade-leave-active {
+  -webkit-transition: 0.3s ease-out;
+  transition: 0.3s ease-out; }
+
+.jdd-loading-fade-enter-to {
+  opacity: 1;
+  -webkit-transform: scale(1);
+          transform: scale(1); }
+
+.jdd-loading-fade-leave-to {
+  opacity: 0;
+  -webkit-transform: scale(0.8);
+          transform: scale(0.8); }
+
+.screen-lock {
+  overflow: hidden; }
+
+.hide {
+  display: none; }
+
+.bgWhite {
+  background-color: #fff; }
+
+.jdd-overlay-box {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0; }
+
+.jdd-overlay-container {
+  position: relative;
+  height: 100%;
+  padding: 130px 0px 50px;
+  z-index: 1001;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column; }
+
+.jdd-overlay-title {
+  position: relative;
+  max-height: 79px;
+  margin: 0 40px;
+  overflow: hidden;
+  position: relative; }
+  .jdd-overlay-title::after {
+    content: " ";
+    position: absolute;
+    display: block;
+    -webkit-transform-origin: bottom;
+            transform-origin: bottom;
+    z-index: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    border-bottom: 1px solid #eeeeee; }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+      .jdd-overlay-title::after {
+        -webkit-transform: scaleY(0.5);
+                transform: scaleY(0.5); } }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+      .jdd-overlay-title::after {
+        -webkit-transform: scaleY(0.33333);
+                transform: scaleY(0.33333); } }
+  .jdd-overlay-title h2 {
+    width: 100%;
+    padding-bottom: 20px;
+    font-size: 21px;
+    line-height: 29.5px;
+    color: #333;
+    text-align: center;
+    display: block; }
+
+.jdd-overlay-content {
+  padding: 20px 30px 0 40px;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  overflow-y: hidden; }
+
+.jdd-overlay-inner {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  font-size: 16px;
+  line-height: 28px;
+  color: #666;
+  padding-right: 10px; }
+
+.jdd-overlay-btn {
+  margin: 50px auto 0px;
+  text-align: center;
+  overflow: hidden;
+  font-size: 0; }
+  .jdd-overlay-btn .jdd-imgs-close {
+    display: inline-block;
+    width: 44px;
+    height: 44px;
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAAAXNSR0IArs4c6QAAAu9JREFUeAHt2r+LE0EUwPHLXqWlRQohhYWFIASSf+C82s5CQWut7QX9F+xTKni9licWlvlhQBRsUxmuucoiv3wPMse47ia3k7mdF+67EHay2X0788nL290hBwcsCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAALGBMbj8f3YXZKYdyaTyY3YcavGy6oeEHv/wWDwZjabfRsOh09ixR6NRnfn8/nX6XT6MTVyI9agQuIo7mq1er0+dpFl2bNOp/MhJJY7RnGXy+UXiXtbtzUajc/NZvNhq9X64/apc50sg7UsCMIrb7CHAvNul0zO42psOcexZPIL7zy1NpMBt9vt75qxMtqFN+Jg5CLcddye/CreeueotZm0ROhINWM1c6V56I28UrnYhNvtdp9LmVh5sWttJgfW0e6CbBlXx2YCOBTZOq4p4KrI+4BrDviyyPuCaxJ4G7JcsAb+fa7uv156qS9oriP+2kwN9jul7Q0XvnMBvpXb3ySu9tEssHauBFk/8hezuNpJ08DawS3IpnG1/8me5PTkl1m05soT33l+X9m+lO2nKR8i8n0qem8a2N0tFNRcnWPI9AlQM7xoYFa2mQV2uG5WzIFp5rq2rIPnLrwYV9o0CVyGKxI9AX4q6/8miGTq8/GVSgUGNwe8CVfvc3W+uGgWTjL9vUVkU3cR23D9C1rJ3cVCM1y+iJPAhIt+mBngKrhOYR+QTZSIEFxF1nJRVJMtlYvkGRyK67JY11p7FVWa/0zaWygXSYFj4Dpoq8jJSoT+byHmrJhe2MrKhdTqR+6LqHudDFj+C/Fbfta/cgPeaW6hBPlMzvMjd57a3iYtEf1+/6aM9JO8juS1E64cf7F45eJMsvqBwP+8+PC6NRRZQF5KlkX9srUsSNx7182T8SKAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAK2Bf4CoKj4d3I8GvAAAAAASUVORK5CYII=);
+    background-repeat: no-repeat;
+    background-size: 100% 100%; }
+
+.jdd-o-dl {
+  padding-bottom: 10px;
+  position: relative; }
+  .jdd-o-dl .jdd-o-dt {
+    color: #333; }
+  .jdd-o-dl img {
+    width: 100%;
+    display: block; }
+
+dl.jdd-o-dl {
+  list-style-type: none;
+  counter-reset: sectioncounter; }
+  dl.jdd-o-dl dd {
+    margin-left: 16px; }
+    dl.jdd-o-dl dd::before, dl.jdd-o-dl dd:before {
+      content: counter(sectioncounter);
+      counter-increment: sectioncounter;
+      float: left;
+      margin-left: -16px; }
+
+.ani-scale-leave,
+.ani-scale-enter-active {
+  opacity: .98;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  -webkit-transition-property: opacity, -webkit-transform;
+  transition-property: opacity, -webkit-transform;
+  transition-property: transform, opacity;
+  transition-property: transform, opacity, -webkit-transform;
+  -webkit-transition-timing-function: ease-out;
+          transition-timing-function: ease-out;
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+  -webkit-transform: scale(1);
+          transform: scale(1); }
+
+.ani-scale-enter,
+.ani-scale-leave-to {
+  opacity: 0;
+  -webkit-transition-property: opacity, -webkit-transform;
+  transition-property: opacity, -webkit-transform;
+  transition-property: transform, opacity;
+  transition-property: transform, opacity, -webkit-transform;
+  -webkit-transition-timing-function: ease-out;
+          transition-timing-function: ease-out;
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+  -webkit-transform: scale(0.85);
+          transform: scale(0.85); }
+
+.jdd-notice {
+  height: 36px;
+  line-height: 36px;
+  background: #FFF7EA;
+  position: relative;
+  padding: 0 16px 0; }
+  .jdd-notice.has-icon {
+    padding-right: 39px; }
+  .jdd-notice .info-white {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAARVBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////+Y34OdAAAAF3RSTlOZAE0QlUeKeFU9kHBqXAsFey8dIHQ3K12BC1EAAAE4SURBVEjHnZVbcoMwDEVFZNmG8Ao03f9SK5O2CdIlEM6nOKPxCD2oMnDdtWMMcWy7mu1HWquS6JUkvGn3OZAl5B7agzSEaGTwNifaIrG1p0jbxGlt3wK9I9xe7dnIXp+eNkfaI/KfPSTaJw2/thDgmq/rgDzsHtX5rt/u67r3i51R5qqwzp6LzageWV2bJ7DaQgdzk6jtCoLfraSK2Ju4JgpTTYdRtzsuq9v64NflgY2rO3r7Ui3MNq5u3LR9aSMF9JK62P6NQX1AV+wIco/ILrmZwLtbZE9l+Hy4hfVuni1l6l1v9VRC/5IJl3AAxWLYg9/w31DC/d3jYRU/O9oksuwj1yeB/Vxeqn+Mnc3Me9vPfCW2XWHHyme76sweVKb9HXt2fyvz29swn707+zft5L08f4v37/wPEEEJqjAJwqAAAAAASUVORK5CYII=) no-repeat;
+    background-size: 16px;
+    background-position: center; }
+  .jdd-notice .link-white {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAqCAMAAAB1LNBvAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHXRSTlMAzAOHCYGafKKEBmN2aA6qj4xwErCUa19bQJWRFUR+SGAAAACCSURBVDjLtdRJDoAgEERRARVxnuf7n1Mbt11NQmJt37p+QjsSuEZZRJVSEDP1ruZNi+gkNEEcAQ7R2BOuPJYiLoQNwFPANCes/sENYBHEncdWwHsmMxxNH2mOuhhqBSoC5DhKBcpjqPSUsbRguiDpHtOAyRBZlpwn/GkrtCCiIbA9D6TsBWKNDfNxAAAAAElFTkSuQmCC) no-repeat;
+    background-size: 10px;
+    background-position: center; }
+  .jdd-notice .close-white {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAWVJREFUSA3dlbFOAzEMhu0rQzckZjYeAHiESmUoKyMvgMTzIPEILKxVhQ7oG/AEvAIS2y13wXYuqt0mjYEJLLXJXfz7S2JbB/DvLCwXx2E1O/3JwVjHeq1t9ENc7NYwwEtYzs/1Wm0u/qQD6NYaYgAQukcI4YR+RwB964VEv74VnegpzmgWgJMbQPyQNSfEBGch6znOaJgmacwKYDLHy/Yt+aTR47sDYLFH6PHhWFlADeINvhdQhGBzC2G4i4XAW+Sc5a+wCshCAAe6xFgcleAugIK80q4P+VkM4RPgYJZLfnLh0ZapXtmZh603xfQZvypgk1AYd89XRCanqTfjXsAmOHc2Gd9501x/pxmLgGxwrpbF8wNXjReSvchicNXNHh85tBxd/XmFLPH4mhN4BGovMq1pbA5Cf+/t0ASKfbCVE44zmgXg9IqS9x4TWG7/JE6jgYie4pTsV5/Mp4sz/TUrMf7W+y9KrBaurvrIqgAAAABJRU5ErkJggg==) no-repeat;
+    background-size: 12px;
+    background-position: center; }
+  .jdd-notice .txt {
+    height: 100%;
+    font-family: PingFangSC-Regular;
+    font-size: 14px;
+    color: #FFB540;
+    overflow: hidden;
+    float: left; }
+  .jdd-notice .icon {
+    position: absolute;
+    width: 39px;
+    height: 100%;
+    right: 0;
+    top: 0; }
+  .jdd-notice .info {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAAclBMVEUAAAD/tkD/t0H/v0r/tUH/tUD/tkH/tkD/tkD/tUH/tkD/tkH/tUH/uUH/u0T/vEP/tkn/tkL/t0H/t0H/tUD/////2p//yXP/1pb/5bv/x2//8Nj/3qr/+vP/4rT/z4X/9ur/6sn/6MT/xWn/vVT/uUuzVhT1AAAAFHRSTlMAx3cY+fbw5uPMspmOMh4TB2VOZlBSPsgAAAE9SURBVEjHldXdbsIwDAVgJymUtoFSOC1lwNjv+7/ilGibSI/bLd9tLMtynFimXNfUVVmUVd10ThbtrMEjY3cyp/UFpgrfimZv19Cs7V6IM5hjqP7tBvM2W0kcVliyOiSZJ8Ec/pDdURlcjPvthsHfzE9nLBSn8YSElajV+nzu+/6c9r2VwGuZ+yDN7uNsFGBjjB7TIdglVXNurtyAcN2REXEgWk8iJ0f8XydNRnQjNcjTEI10UEsFMvTRhQ4qKWejr3RQSqFV8hyi7/xIQ252D9EfSu4KipD7BUrdNRSXeJOkVvv9ySMVNdLNzdS7dpcOegtvYE6dwVf1bmD0+b6pdwNLbycMyTWU/TYMAL8d8VTzN6Q8vXmKpjcvlsc1oqpz/qqsfzDrj836v7N2Q9beydpp+fsyfxczd1zY81821XtZdTEi1gAAAABJRU5ErkJggg==) no-repeat;
+    background-size: 16px;
+    background-position: center; }
+  .jdd-notice .link {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAqCAMAAAB1LNBvAAAAV1BMVEUAAAD/x1f/tUD/vE3/tkH/tkD/tkH/xVf/tkD/tkD/tkH/tkH/tkH/tT//tkD/tkD/vEf/tj//tkD/tUD/tkD/t0H/t0D/tkD/tkH/uEH/u0T/tkD/tUAAyBDXAAAAHHRSTlMABf0Mq5+ACMCopaKazrt5E9fGtrGUjYdyTxjcIwZHJAAAAIdJREFUOMud1EsSgzAMA9CkhUBIy/+P739OxllHYoK3b2WPZKNzGDhOfog6EYhBCDaKZdqsZ1gwnBlOBKtWMbzAb/15wsamcWT4J9hH9G9weMQijSfFSxTBJmo7ugAnfNQuk6paILVKLpcmSDbShiLKCad+zSUfCRdwSVLAVGIyDtZdERD7PTfTUhRPIdZb4wAAAABJRU5ErkJggg==) no-repeat;
+    background-size: 10px;
+    background-position: center; }
+  .jdd-notice .close {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAWVJREFUSA3dlbFOAzEMhu0rQzckZjYeAHiESmUoKyMvgMTzIPEILKxVhQ7oG/AEvAIS2y13wXYuqt0mjYEJLLXJXfz7S2JbB/DvLCwXx2E1O/3JwVjHeq1t9ENc7NYwwEtYzs/1Wm0u/qQD6NYaYgAQukcI4YR+RwB964VEv74VnegpzmgWgJMbQPyQNSfEBGch6znOaJgmacwKYDLHy/Yt+aTR47sDYLFH6PHhWFlADeINvhdQhGBzC2G4i4XAW+Sc5a+wCshCAAe6xFgcleAugIK80q4P+VkM4RPgYJZLfnLh0ZapXtmZh603xfQZvypgk1AYd89XRCanqTfjXsAmOHc2Gd9501x/pxmLgGxwrpbF8wNXjReSvchicNXNHh85tBxd/XmFLPH4mhN4BGovMq1pbA5Cf+/t0ASKfbCVE44zmgXg9IqS9x4TWG7/JE6jgYie4pTsV5/Mp4sz/TUrMf7W+y9KrBaurvrIqgAAAABJRU5ErkJggg==) no-repeat;
+    background-size: 12px;
+    background-position: center; }
+
+.jdd-notice-scroll {
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden; }
+
+.jdd-notice-pscroll {
+  width: 8000%;
+  overflow: hidden; }
+  .jdd-notice-pscroll p {
+    display: inline-block;
+    padding-left: 16px; }
+
+.jdd-popup {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  z-index: 1001;
+  background: #ffffff;
+  border-radius: 8px 8px 0px 0px;
+  max-height: 80%;
+  padding-bottom: constant(safe-area-inset-bottom) !important;
+  padding-bottom: env(safe-area-inset-bottom) !important; }
+  .jdd-popup .jdd-popup-content {
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch; }
+
+.jdd-popup-wrap {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1001; }
+
+.jdd-fade-bottom-enter-active {
+  -webkit-animation-delay: .3s;
+          animation-delay: .3s; }
+  .jdd-fade-bottom-enter-active .jdd-popup {
+    -webkit-animation: jdd-popup-enter .3s;
+            animation: jdd-popup-enter .3s; }
+
+@-webkit-keyframes jdd-popup-enter {
+  0% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0); }
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+    opacity: 1; } }
+
+@keyframes jdd-popup-enter {
+  0% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0); }
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+    opacity: 1; } }
+
+.jdd-fade-bottom-leave-active {
+  -webkit-animation-delay: .3s;
+          animation-delay: .3s; }
+  .jdd-fade-bottom-leave-active .jdd-popup {
+    -webkit-animation: jdd-popup-leave .3s ease-in both;
+            animation: jdd-popup-leave .3s ease-in both; }
+
+@-webkit-keyframes jdd-popup-leave {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+    opacity: 1; }
+  100% {
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+    opacity: 0; } }
+
+@keyframes jdd-popup-leave {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+    opacity: 1; }
+  100% {
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+    opacity: 0; } }
+
+.jdd-select-date-scroller dl {
+  margin-top: 45px;
+  width: 100%; }
+
+.jdd-select-date-scroller dl dd.focus {
+  font-size: 18px;
+  color: #4D7BFE; }
+
+.jdd-select-date-scroller dd {
+  font-family: PingFangSC-Medium;
+  width: 100%;
+  height: 45px;
+  line-height: 45px; }
+
+.jdd-select-date-btns li {
+  height: 50px;
+  line-height: 50px; }
+
+.jdd-select-date-scroller-n dl {
+  margin-top: 100px;
+  width: 100%; }
+
+.jdd-select-date-scroller-n dl dd.focus {
+  font-size: 18px;
+  color: #4D7BFE; }
+
+.jdd-select-date-scroller-n dd {
+  font-family: PingFangSC-Medium;
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
+  color: #999;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease; }
+
+.jdd-select-date-btns-n li {
+  height: 60px;
+  line-height: 60px; }
+
+.jdd-date-mask {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 100;
+  background: rgba(0, 0, 0, 0.5); }
+
+.jdd-dateselecter {
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  left: 0;
+  z-index: 200;
+  border-top-right-radius: 8px;
+  border-top-left-radius: 8px; }
+
+.jdd-select-value {
+  height: 50px;
+  position: relative;
+  position: relative; }
+  .jdd-select-value::after {
+    content: " ";
+    position: absolute;
+    display: block;
+    -webkit-transform-origin: bottom;
+            transform-origin: bottom;
+    z-index: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    border-bottom: 1px solid #eeeeee; }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+      .jdd-select-value::after {
+        -webkit-transform: scaleY(0.5);
+                transform: scaleY(0.5); } }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+      .jdd-select-value::after {
+        -webkit-transform: scaleY(0.33333);
+                transform: scaleY(0.33333); } }
+  .jdd-select-value::before {
+    content: " ";
+    position: absolute;
+    display: block;
+    -webkit-transform-origin: top;
+            transform-origin: top;
+    z-index: 0;
+    left: 0;
+    top: 0;
+    right: 0;
+    border-top: 1px solid #eeeeee; }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+      .jdd-select-value::before {
+        -webkit-transform: scaleY(0.5);
+                transform: scaleY(0.5); } }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+      .jdd-select-value::before {
+        -webkit-transform: scaleY(0.33333);
+                transform: scaleY(0.33333); } }
+
+.jdd-dateselecter-title {
+  height: 60px; }
+  .jdd-dateselecter-title span {
+    padding: 19px 16px 18px;
+    display: inline-block;
+    font-family: PingFangSC-Medium;
+    font-size: 16px;
+    color: #666; }
+  .jdd-dateselecter-title .cancel {
+    float: left; }
+  .jdd-dateselecter-title .confirm {
+    float: right;
+    color: #4D7BFE; }
+
+.jdd-select-date {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  font-size: 16px; }
+
+.jdd-select-date:after {
+  content: '';
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+  background-color: transparent;
+  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1); }
+
+.jdd-select-date.jdd-select-date-in:after {
+  background-color: rgba(0, 0, 0, 0.6); }
+
+.jdd-select-date.jdd-select-date-in .jdd-select-date-con {
+  opacity: 1;
+  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
+  transform: translate3d(-50%, -50%, 0) scale(1); }
+
+.jdd-select-date.jdd-select-date-in .jdd-select-date-con-n {
+  opacity: 1;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0); }
+
+.jdd-select-date-con {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 280px;
+  height: 206px;
+  z-index: 1000;
+  opacity: 0;
+  -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
+  transform: translate3d(-50%, -50%, 0) scale(1.185);
+  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
+
+.jdd-select-date-scroller, .jdd-select-date-scrollerbox {
+  position: relative;
+  width: 100%;
+  height: 156px;
+  overflow: hidden; }
+
+.jdd-select-date-scrollerbox .jdd-select-value {
+  position: absolute;
+  top: 125px;
+  left: 0;
+  width: 100%;
+  -webkit-transform: translate3d(0, -50%, 0);
+  transform: translate3d(0, -50%, 0); }
+
+.jdd-select-date-scroller div {
+  position: relative;
+  float: left;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 10px 0;
+  height: 100%;
+  text-align: center;
+  z-index: 100; }
+
+.jdd-select-date-con-n {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1000;
+  opacity: 0;
+  -webkit-transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, 100%, 0);
+  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
+
+.jdd-select-date-scroller-n, .jdd-select-date-scrollerbox-n {
+  position: relative;
+  width: 100%;
+  height: 269px;
+  overflow: hidden;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center; }
+
+.jdd-select-date-scrollerbox-n {
+  -webkit-mask: -webkit-gradient(linear, 0 55%, 0 0, from(#fff), to(rgba(255, 255, 255, 0))); }
+
+.jdd-select-date-scrollerbox-n .jdd-select-value {
+  position: absolute;
+  top: 125px;
+  left: 0;
+  width: 100%;
+  -webkit-transform: translate3d(0, -50%, 0);
+  transform: translate3d(0, -50%, 0);
+  z-index: -1; }
+
+.jdd-select-date-scroller-n {
+  -webkit-mask: -webkit-gradient(linear, 0 55%, 0 100%, from(#fff), to(rgba(255, 255, 255, 0))); }
+
+.jdd-select-date-scroller-n div {
+  position: relative;
+  float: left;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: 100%;
+  text-align: center;
+  z-index: 100; }
+
+.jdd-select-date-ymd div {
+  width: 110px; }
+
+.jdd-select-date-hms div {
+  width: 80px; }
+
+.jdd-select-date-hms .split {
+  width: auto; }
+
+.hide {
+  display: none; }
+
+.jdd-dialog-box {
+  position: fixed;
+  z-index: 1002;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+
+.jdd-dialog-box .jdd-dialog-activity {
+  background: transparent;
+  overflow: unset;
+  width: 290px; }
+
+.jdd-dialog-activity-close {
+  position: absolute;
+  top: -35px;
+  right: 0px;
+  display: inline-block;
+  width: 25px;
+  height: 25px;
+  border-radius: 25px;
+  background-color: #000;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAAAXNSR0IArs4c6QAAAu9JREFUeAHt2r+LE0EUwPHLXqWlRQohhYWFIASSf+C82s5CQWut7QX9F+xTKni9licWlvlhQBRsUxmuucoiv3wPMse47ia3k7mdF+67EHay2X0788nL290hBwcsCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAALGBMbj8f3YXZKYdyaTyY3YcavGy6oeEHv/wWDwZjabfRsOh09ixR6NRnfn8/nX6XT6MTVyI9agQuIo7mq1er0+dpFl2bNOp/MhJJY7RnGXy+UXiXtbtzUajc/NZvNhq9X64/apc50sg7UsCMIrb7CHAvNul0zO42psOcexZPIL7zy1NpMBt9vt75qxMtqFN+Jg5CLcddye/CreeueotZm0ROhINWM1c6V56I28UrnYhNvtdp9LmVh5sWttJgfW0e6CbBlXx2YCOBTZOq4p4KrI+4BrDviyyPuCaxJ4G7JcsAb+fa7uv156qS9oriP+2kwN9jul7Q0XvnMBvpXb3ySu9tEssHauBFk/8hezuNpJ08DawS3IpnG1/8me5PTkl1m05soT33l+X9m+lO2nKR8i8n0qem8a2N0tFNRcnWPI9AlQM7xoYFa2mQV2uG5WzIFp5rq2rIPnLrwYV9o0CVyGKxI9AX4q6/8miGTq8/GVSgUGNwe8CVfvc3W+uGgWTjL9vUVkU3cR23D9C1rJ3cVCM1y+iJPAhIt+mBngKrhOYR+QTZSIEFxF1nJRVJMtlYvkGRyK67JY11p7FVWa/0zaWygXSYFj4Dpoq8jJSoT+byHmrJhe2MrKhdTqR+6LqHudDFj+C/Fbfta/cgPeaW6hBPlMzvMjd57a3iYtEf1+/6aM9JO8juS1E64cf7F45eJMsvqBwP+8+PC6NRRZQF5KlkX9srUsSNx7182T8SKAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAK2Bf4CoKj4d3I8GvAAAAAASUVORK5CYII=);
+  background-size: 100% auto; }
+
+.jdd-dialog-activity-inner {
+  min-height: 250px;
+  max-height: 400px;
+  border-radius: 8px;
+  overflow: hidden;
+  width: 290px;
+  background: transparent; }
+
+.jdd-dialog {
+  position: relative;
+  z-index: 1001;
+  width: 280px;
+  background-color: #fff;
+  border-radius: 8px;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -webkit-user-drag: none;
+  overflow: hidden; }
+
+.jdd-dialog-inner {
+  padding: 24px 0 22px; }
+
+.jdd-dialog-inner h2,
+.jdd-dialog-content h2 {
+  font-family: 'PingFangSC-Medium';
+  font-size: 18px;
+  color: #333;
+  line-height: 29px;
+  text-align: center;
+  padding: 0 24px;
+  font-weight: normal; }
+
+.jdd-dialog-inner > img + h2,
+.jdd-dialog-content > img + h2 {
+  padding-top: 12px; }
+
+.jdd-dialog-content {
+  line-height: 24px;
+  font-size: 17px;
+  color: #666;
+  max-height: 60vh;
+  overflow: auto; }
+  .jdd-dialog-content.dialogContent {
+    font-family: inherit;
+    text-align: justify; }
+  .jdd-dialog-content h3 {
+    font-size: 14px;
+    color: #444;
+    line-height: 22px;
+    padding: 12px 24px 0;
+    font-weight: 700; }
+  .jdd-dialog-content p {
+    font-size: 14px;
+    color: #666;
+    line-height: 22px;
+    padding: 12px 24px 0;
+    text-align: justify; }
+  .jdd-dialog-content .contentScroll {
+    max-height: 280px;
+    overflow: hidden;
+    overflow-y: auto; }
+  .jdd-dialog-content img {
+    width: 100%;
+    display: block; }
+
+.jdd-dialog-btns {
+  position: relative;
+  table-layout: fixed;
+  display: table;
+  border-collapse: collapse;
+  width: 100%;
+  overflow: hidden; }
+
+.jdd-border-top {
+  position: relative; }
+  .jdd-border-top::before {
+    content: " ";
+    position: absolute;
+    display: block;
+    -webkit-transform-origin: top;
+            transform-origin: top;
+    z-index: 0;
+    left: 0;
+    top: 0;
+    right: 0;
+    border-top: 1px solid #eee; }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+      .jdd-border-top::before {
+        -webkit-transform: scaleY(0.5);
+                transform: scaleY(0.5); } }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+      .jdd-border-top::before {
+        -webkit-transform: scaleY(0.33333);
+                transform: scaleY(0.33333); } }
+
+.jdd-btn {
+  position: relative; }
+  .jdd-btn:active {
+    background: #f2f2f2; }
+
+.jdd-default-btns .jdd-btn + .jdd-btn {
+  position: relative; }
+  .jdd-default-btns .jdd-btn + .jdd-btn::before {
+    content: " ";
+    position: absolute;
+    display: block;
+    -webkit-transform-origin: left;
+            transform-origin: left;
+    z-index: 0;
+    left: 0;
+    bottom: 0;
+    top: 0;
+    border-left: 1px solid #eee; }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+      .jdd-default-btns .jdd-btn + .jdd-btn::before {
+        -webkit-transform: scaleX(0.5);
+                transform: scaleX(0.5); } }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+      .jdd-default-btns .jdd-btn + .jdd-btn::before {
+        -webkit-transform: scaleX(0.33333);
+                transform: scaleX(0.33333); } }
+
+.jdd-vertical-btns {
+  display: block; }
+  .jdd-vertical-btns .jdd-btn {
+    display: block; }
+    .jdd-vertical-btns .jdd-btn + .jdd-btn {
+      position: relative; }
+      .jdd-vertical-btns .jdd-btn + .jdd-btn::before {
+        content: " ";
+        position: absolute;
+        display: block;
+        -webkit-transform-origin: top;
+                transform-origin: top;
+        z-index: 0;
+        left: 0;
+        top: 0;
+        right: 0;
+        border-top: 1px solid #eee; }
+        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+          .jdd-vertical-btns .jdd-btn + .jdd-btn::before {
+            -webkit-transform: scaleY(0.5);
+                    transform: scaleY(0.5); } }
+        @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+          .jdd-vertical-btns .jdd-btn + .jdd-btn::before {
+            -webkit-transform: scaleY(0.33333);
+                    transform: scaleY(0.33333); } }
+
+.jdd-btn {
+  display: table-cell;
+  width: 100%;
+  font-family: 'PingFangSC-Medium';
+  font-size: 18px;
+  height: 50px;
+  line-height: 50px;
+  text-align: center; }
+
+.jdd-primary-btn {
+  color: #4D7BFE; }
+
+.jdd-cancel-btn {
+  color: #666; }
+
+.jdd-alert-btn {
+  color: #FC3438; }
+
+.jdd-btn.jdd-disable {
+  color: #aaa;
+  background: inherit; }
+
+@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) {
+  .jdd-dialog {
+    width: 308px; } }
+
+@-webkit-keyframes jdd-dialogIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.9);
+            transform: scale(0.9); }
+  50% {
+    opacity: 1;
+    -webkit-transform: scale(1.1);
+            transform: scale(1.1); }
+  100% {
+    -webkit-transform: scale(1);
+            transform: scale(1); } }
+
+@keyframes jdd-dialogIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.9);
+            transform: scale(0.9); }
+  50% {
+    opacity: 1;
+    -webkit-transform: scale(1.1);
+            transform: scale(1.1); }
+  100% {
+    -webkit-transform: scale(1);
+            transform: scale(1); } }
+
+@-webkit-keyframes jdd-dialogOut {
+  0% {
+    -webkit-transform: scale(1) translate3d(0, 0, 0);
+            transform: scale(1) translate3d(0, 0, 0); }
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0) scale(0.815);
+            transform: translate3d(0, 100%, 0) scale(0.815); } }
+
+@keyframes jdd-dialogOut {
+  0% {
+    -webkit-transform: scale(1) translate3d(0, 0, 0);
+            transform: scale(1) translate3d(0, 0, 0); }
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0) scale(0.815);
+            transform: translate3d(0, 100%, 0) scale(0.815); } }
+
+.fade-dialog-enter-active {
+  -webkit-animation-delay: .3s;
+          animation-delay: .3s; }
+  .fade-dialog-enter-active .jdd-dialog {
+    -webkit-animation: jdd-dialogIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            animation: jdd-dialogIn 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
+
+.fade-dialog-leave-active {
+  -webkit-animation-delay: .3s;
+          animation-delay: .3s; }
+  .fade-dialog-leave-active .jdd-dialog {
+    -webkit-animation: jdd-dialogOut .3s ease-in both;
+            animation: jdd-dialogOut .3s ease-in both; }
+
+.jdd-field {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background-color: #fff;
+  padding: 0 16px;
+  min-height: 72px;
+  position: relative;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column; }
+  .jdd-field .jdd-field-label {
+    -webkit-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+    font-family: PingFangSC-Regular;
+    font-size: 18px;
+    color: #999999;
+    letter-spacing: 0;
+    padding-top: 24px;
+    line-height: 25px;
+    width: 100%;
+    height: auto; }
+
+.jdd-field.jdd-field-focus .jdd-field-label {
+  padding-top: 12px;
+  font-size: 14px;
+  margin-bottom: 4px;
+  line-height: 20px; }
+
+.jdd-field-row {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+      -ms-flex-direction: row;
+          flex-direction: row; }
+
+.jdd-field-label {
+  font-family: PingFangSC-Regular;
+  font-size: 16px;
+  color: #333333;
+  letter-spacing: 0;
+  height: 56px;
+  line-height: 56px;
+  -webkit-align-self: flex-start;
+      -ms-flex-item-align: start;
+          align-self: flex-start;
+  overflow: hidden;
+  text-align: left; }
+
+.jdd-field-border-top {
+  position: relative; }
+  .jdd-field-border-top::before {
+    content: " ";
+    position: absolute;
+    display: block;
+    -webkit-transform-origin: top;
+            transform-origin: top;
+    z-index: 0;
+    left: 16px;
+    top: 0;
+    right: 0;
+    border-top: 1px solid #e5e5e5; }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+      .jdd-field-border-top::before {
+        -webkit-transform: scaleY(0.5);
+                transform: scaleY(0.5); } }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+      .jdd-field-border-top::before {
+        -webkit-transform: scaleY(0.33333);
+                transform: scaleY(0.33333); } }
+
+.jdd-field-border-bottom {
+  position: relative; }
+  .jdd-field-border-bottom::after {
+    content: " ";
+    position: absolute;
+    display: block;
+    -webkit-transform-origin: bottom;
+            transform-origin: bottom;
+    z-index: 0;
+    left: 16px;
+    bottom: 0;
+    right: 0;
+    border-bottom: 1px solid #e5e5e5; }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+      .jdd-field-border-bottom::after {
+        -webkit-transform: scaleY(0.5);
+                transform: scaleY(0.5); } }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+      .jdd-field-border-bottom::after {
+        -webkit-transform: scaleY(0.33333);
+                transform: scaleY(0.33333); } }
+
+.jdd-field-inline {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background-color: #fff;
+  padding: 0 16px;
+  min-height: 56px;
+  position: relative; }
+  .jdd-field-inline .jdd-field-control {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
+    margin-left: 10px; }
+  .jdd-field-inline .jdd-field-label {
+    width: 160px;
+    -webkit-flex-shrink: 0;
+        -ms-flex-negative: 0;
+            flex-shrink: 0; }
+    .jdd-field-inline .jdd-field-label span {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis; }
+
+.jdd-field-inline.jdd-field-error .jdd-field-label {
+  line-height: unset; }
+
+.jdd-field-error .jdd-field-label {
+  color: #fc3438;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+
+.jdd-field-input {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+  .jdd-field-input input {
+    border: none;
+    outline: none;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none; }
+
+.jdd-field .jdd-field-input-with-icon {
+  padding-right: 32px; }
+
+.jdd-field .jdd-field-input input {
+  text-align: left;
+  font-size: 18px;
+  font-family: PingFangSC-Medium;
+  font-weight: 500;
+  color: #333333;
+  line-height: 22px; }
+
+.jdd-field .jdd-field-icon-wrap {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  margin: auto 0px;
+  right: 16px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  z-index: 1; }
+
+.jdd-field .jdd-field-control .jdd-field-disable {
+  color: #ccc; }
+
+.jdd-field input {
+  padding-right: 20px; }
+
+.jdd-field-inline .jdd-field-icon-wrap {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex; }
+
+.jdd-field-inline .jdd-field-control .jdd-field-disable {
+  color: #ccc; }
+
+.jdd-field-control input {
+  font-family: PingFangSC-Regular;
+  font-size: 16px;
+  color: #333333;
+  letter-spacing: 0;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  text-align: right;
+  background-color: inherit;
+  width: 100%;
+  min-width: 0; }
+  .jdd-field-control input::-webkit-input-placeholder {
+    font-family: PingFangSC-Regular,PingFang SC;
+    font-weight: 400;
+    font-size: 16px;
+    color: #cccccc; }
+  .jdd-field-control input::-moz-placeholder {
+    font-family: PingFangSC-Regular,PingFang SC;
+    font-weight: 400;
+    font-size: 16px;
+    color: #cccccc; }
+  .jdd-field-control input:-ms-input-placeholder {
+    font-family: PingFangSC-Regular,PingFang SC;
+    font-weight: 400;
+    font-size: 16px;
+    color: #cccccc; }
+  .jdd-field-control input::-ms-input-placeholder {
+    font-family: PingFangSC-Regular,PingFang SC;
+    font-weight: 400;
+    font-size: 16px;
+    color: #cccccc; }
+  .jdd-field-control input::placeholder {
+    font-family: PingFangSC-Regular,PingFang SC;
+    font-weight: 400;
+    font-size: 16px;
+    color: #cccccc; }
+
+.jdd-field-control .jdd-field-clean-icon {
+  width: 16px;
+  height: 16px;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAqFJREFUWEfFmclOAzEMQFsWsS/iyFr2HQr8/1fBhQMIv1FThSEZO560RLJamCwvju143OHA34YydEtkU2RNZHUiYcZP+fIlwifyIfIu8u1fsmzkunQ/ERmLvBXKi/Q/nWywbNWC3mjtshCsayM3k9MoQOjuyhEfirxWhIw3MJJ5F/rSLskEVzMCjGHvZI0VLyxH/TgHyAD87LFdID3OUupc7f6Y165Vsxz3wxw12YYlMmxosDjO9T9CBmhMDoVlG96tHd+ToY82B/ao9SHeJhuBXAtBZ9KHUMKntlDu+cVkDkC0ObZTpEzQNRA4TIPGpweWNeI5NNjbNija7ILEucICYWwpbAwZ5uB0NFPaiWG5u7VjwH7bzQqbgmTsuWFd+jSNXVmMm414YPtAsiZ+00QA0jRNm/HzEti+kGHdPUD3C0GtmiXTStm15bjbijsG1DNQg60JyVqkhIN7h0bDjnNmUEuTccJidqScHadg4+hg9W7NT9TbSJsgZwbA1oJkjSqgKZsMoJ4bLKWc3kefgwzHb70UtJPr5Uw5745ttIZmuZDc4QnI9ktZsMmSS0HT5DQ8eQJ+F6QWujw22wT80ivUAlkbtrlCS5KSEshasNOkBFhLmueBrAE7TfMA1RJnktuc41icIXcpFCfOwGp1pVGUDXlvnDgaWOIrFZQ/zfJyByxa8GZcQbMWSPr+eg2JiY/kD+0otXccbTzPLQUOwli2sVNyP8tis+yjFiDYAe8nNbTm3YippBNUjb0ywLuYd1xRkSzAUqiad9kxWRnpstXwbHlONotzuQu5AZZwRDTQ6lLe46ass2jRmrUPO/ZkPrkNcMHgCzNr2C65gScyjGXczH++Se2cH8QORNAOlbe4NETU4H/8WMHViaO0X6PN2vwBXtDwHrylQ1oAAAAASUVORK5CYII=");
+  background-position: left center;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  -webkit-transition-property: opacity, -webkit-transform;
+  transition-property: opacity, -webkit-transform;
+  transition-property: opacity, transform;
+  transition-property: opacity, transform, -webkit-transform;
+  -webkit-transition-timing-function: ease-out;
+          transition-timing-function: ease-out;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+  margin-left: 8px;
+  display: block; }
+
+.jdd-select-icon:after {
+  content: "";
+  display: block;
+  height: 12px;
+  width: 12px;
+  right: 16px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  margin: auto 0;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAANZJREFUSA3N1LEVwiAQgOFAJnAiW0vr9NDoCnaOEAugs2QKt3AMNwDvChqfXA64IjR5L/D+j+SFTNMeh/f+yN2X5i4s65xza875FUK4lHvUtRnQWr8xmFJaOYii9NochhHAeQCvxphHbW0XgDEu0g1wkSGAgwwDW4gIQCFiQA0RBf4hzQcNI9SA8/GB+YRr4MQfRAH4jSxKqSe0NVxv1tq72Csqcdj1XOL4FCJALS4CUPFhYCs+BHDi3QA33gW0xBFoPgfwCZ5+P0UMiY0Y4wxPcRYLjoa+872d9nrgfKMAAAAASUVORK5CYII=) no-repeat;
+  background-size: cover; }
+
+.jdd-field .jdd-select-show {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  margin: auto 0;
+  right: 30px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 18px;
+  font-family: PingFangSC-Medium;
+  line-height: 22px;
+  padding-bottom: 14px;
+  letter-spacing: 0;
+  padding-right: 12px; }
+
+.jdd-field .jdd-field-hasvalue {
+  position: relative;
+  right: 0; }
+
+.jdd-field-inline .jdd-field-select {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+
+.jdd-field-inline .jdd-select-show {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  padding: 16px 16px 16px 0;
+  font-size: 16px;
+  text-align: right;
+  font-family: PingFangSC-Regular; }
+
+.jdd-field-switch {
+  text-align: right;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+  .jdd-field-switch .jdd-switch-disable input[type="checkbox"]:checked + .jdd-switch-show {
+    border-color: #b9d1f8;
+    background-color: #b9d1f8; }
+
+.jdd-switch {
+  position: relative;
+  font-size: 0;
+  display: inline-block;
+  width: 100%; }
+  .jdd-switch .jdd-switch-show {
+    width: 49px;
+    height: 29px;
+    display: inline-block;
+    position: relative;
+    border-radius: 16px;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    background: #e5e5e5; }
+  .jdd-switch input[type="checkbox"] {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    opacity: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 3;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    border: 0px; }
+  .jdd-switch input[type="checkbox"]:checked + .jdd-switch-show {
+    border-color: #4d7bfe;
+    background-color: #4d7bfe; }
+  .jdd-switch input[type="checkbox"]:checked + .jdd-switch-show::after {
+    -webkit-transform: translateX(23px);
+            transform: translateX(23px); }
+  .jdd-switch input[type="checkbox"]:checked + .jdd-switch-show::before {
+    -webkit-transform: scale(0);
+            transform: scale(0); }
+  .jdd-switch .jdd-switch-show::before {
+    content: " ";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    z-index: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    border-radius: 14px;
+    background: #cccccc;
+    -webkit-transition: all 200ms ease 0s;
+    transition: all 200ms ease 0s; }
+  .jdd-switch .jdd-switch-show::after {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    margin: auto 0;
+    content: " ";
+    height: 23px;
+    width: 23px;
+    z-index: 2;
+    -webkit-transform: translateX(3px);
+            transform: translateX(3px);
+    border-radius: 100%;
+    background: white;
+    -webkit-transition: all 200ms ease 0s;
+    transition: all 200ms ease 0s; }
+
+.jdd-field-control textarea {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  background-color: transparent;
+  overflow: visible;
+  display: block;
+  resize: none;
+  word-break: break-word;
+  word-wrap: break-word;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  color: #333333;
+  letter-spacing: 0;
+  text-align: right;
+  line-height: 22px;
+  max-height: 66px; }
+  .jdd-field-control textarea::-webkit-input-placeholder {
+    font-size: 16px;
+    color: #cccccc; }
+  .jdd-field-control textarea::-moz-placeholder {
+    font-size: 16px;
+    color: #cccccc; }
+  .jdd-field-control textarea:-ms-input-placeholder {
+    font-size: 16px;
+    color: #cccccc; }
+  .jdd-field-control textarea::-ms-input-placeholder {
+    font-size: 16px;
+    color: #cccccc; }
+  .jdd-field-control textarea::placeholder {
+    font-size: 16px;
+    color: #cccccc; }
+
+.jdd-field-inline textarea {
+  line-height: 22px;
+  font-size: 16px;
+  font-family: PingFangSC-Regular; }
+
+.jdd-field-inline .jdd-field-textarea {
+  padding: 16px 0px; }
+
+.jdd-field textarea {
+  font-family: PingFangSC-Medium;
+  font-size: 18px;
+  text-align: left; }
+
+.jdd-checkbox {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative; }
+
+.jdd-checkbox-disabled .jdd-checkbox-icon {
+  background: #dddddd;
+  border: none; }
+
+.jdd-checkbox-disabled .jdd-checkbox-label {
+  color: #cccccc; }
+
+.jdd-list-item-icon .jdd-checkbox-icon {
+  margin-right: 0; }
+
+.jdd-checkbox-icon {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  width: 15px;
+  height: 15px;
+  -webkit-flex-shrink: 0;
+      -ms-flex-negative: 0;
+          flex-shrink: 0;
+  border-radius: 100%;
+  margin-right: 6px; }
+
+.jdd-checkbox-input {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  outline: none;
+  opacity: 0; }
+
+.jdd-checkbox-checked svg {
+  width: 100%;
+  height: 100%; }
+
+.jdd-checkbox-unchecked {
+  border-width: 1px;
+  border-style: solid; }
+  .jdd-checkbox-unchecked svg {
+    display: none; }
+
+.jdd-tabs-line {
+  height: 50px;
+  background-color: #fff; }
+
+.jdd-tabs-list {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch; }
+  .jdd-tabs-list::-webkit-scrollbar {
+    display: none; }
+
+.jdd-tabs-hasscroll .jdd-tabs-item {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto; }
+
+.jdd-tabs-list .jdd-tabs-active p {
+  color: #333333; }
+
+.jdd-tabs-active-line {
+  display: inline-block;
+  position: absolute;
+  height: 3px;
+  width: 20px;
+  bottom: 6px;
+  background-color: #333;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease; }
+
+.jdd-tabs-item {
+  position: relative;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  min-width: 0;
+  text-align: center;
+  padding: 0 12px; }
+  .jdd-tabs-item:first-child {
+    padding-left: 16px; }
+  .jdd-tabs-item:last-child {
+    padding-right: 16px; }
+  .jdd-tabs-item p {
+    font-size: 16px;
+    font-weight: 500;
+    color: #999999;
+    line-height: 22px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap; }
+
+.jdd-amount-wrap {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  height: 80px;
+  background: #fff;
+  padding: 0 16px; }
+
+.jdd-amount-icon, .jdd-amount-value {
+  font-size: 26px;
+  font-family: "UDC1.04-Bold", "UDC104";
+  line-height: 80px; }
+
+.jdd-amount-shine {
+  display: inline-block;
+  -webkit-animation: change-bordercolor 0.7s infinite ease-in-out;
+          animation: change-bordercolor 0.7s infinite ease-in-out;
+  width: 2px;
+  background-color: transparent;
+  height: 40px;
+  -webkit-align-self: center;
+      -ms-flex-item-align: center;
+          align-self: center; }
+
+.jdd-amount-edit {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  min-width: 0;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch; }
+
+.jdd-amount-icon {
+  margin-right: 10px;
+  color: #333333; }
+
+.jdd-amount-unit-wrap {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  top: 7px; }
+
+.jdd-amount-line {
+  display: inline-block;
+  width: 1px;
+  height: 20px;
+  background: #dddddd;
+  margin-right: 6px; }
+
+.jdd-amount-unit {
+  display: inline-block;
+  text-align: center;
+  line-height: 14px;
+  width: 26px;
+  height: 14px;
+  background: #dddddd;
+  border-radius: 3px;
+  font-size: 10px;
+  font-weight: 400;
+  color: white; }
+
+.jdd-amount-slot {
+  font-size: 12px;
+  color: #4D7BFE;
+  padding-top: 38px;
+  margin-left: 16px; }
+
+.jdd-amount-hasvalue .jdd-amount-value {
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+      -ms-flex-positive: 0;
+          flex-grow: 0;
+  font-size: 36px;
+  color: #333333; }
+
+.jdd-amount-value {
+  color: #cccccc;
+  -webkit-box-flex: 1;
+  -webkit-flex-grow: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1; }
+
+@-webkit-keyframes change-bordercolor {
+  0% {
+    background-color: transparent; }
+  100% {
+    background-color: #3385ff; } }
+
+@keyframes change-bordercolor {
+  0% {
+    background-color: transparent; }
+  100% {
+    background-color: #3385ff; } }
+
+.jdd-swiper {
+  min-height: 1px;
+  height: 100%; }
+  .jdd-swiper .jdd-swiper-group {
+    position: relative;
+    height: 100%;
+    overflow: hidden;
+    white-space: nowrap; }
+    .jdd-swiper .jdd-swiper-group .jdd-swiper-item {
+      float: left;
+      -webkit-box-sizing: border-box;
+              box-sizing: border-box;
+      overflow: hidden;
+      text-align: center; }
+      .jdd-swiper .jdd-swiper-group .jdd-swiper-item a {
+        display: block;
+        width: 100%;
+        overflow: hidden;
+        text-decoration: none; }
+      .jdd-swiper .jdd-swiper-group .jdd-swiper-item img {
+        display: block;
+        width: 100%; }
+
+.jdd-dots {
+  position: absolute;
+  right: 0;
+  left: 0;
+  bottom: 6px;
+  -webkit-transform: translateZ(1px);
+          transform: translateZ(1px);
+  text-align: center;
+  font-size: 0; }
+  .jdd-dots .jdd-dot {
+    display: inline-block;
+    margin: 0 4px;
+    width: 6px;
+    height: 6px;
+    border-radius: 100%;
+    background: white;
+    opacity: 0.3; }
+    .jdd-dots .jdd-dot.active {
+      border-radius: 100%;
+      opacity: 1;
+      background: #fff; }
+
+.jdd-default {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding-top: 100px; }
+  .jdd-default .jdd-default-img {
+    text-align: center;
+    margin-bottom: 10px; }
+    .jdd-default .jdd-default-img img {
+      width: 110px;
+      height: 110px; }
+  .jdd-default p {
+    margin-bottom: 20px;
+    font-size: 14px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #666666;
+    line-height: 20px;
+    text-align: center; }
+
+.jdd-radio-item {
+  position: relative; }
+  .jdd-radio-item .jdd-radio-check {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 16px;
+    width: 16px;
+    height: 16px;
+    margin: auto 0;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEUAAABPif9NfP9Qf/9NfP9NfP9NfP9Ne/9Ne/9Tf/9Qgf9ZgP9ohf9OfP9Ne/9Oe/9Ne/9NfP9NfP9Nff9Nff9NfP9Off9Off9NfP9Rff9QgP9Oe/9OfP9Pe/9OfP9Ne/8dQQxFAAAAH3RSTlMADcYf4vik9N4nGhQJ7+rVza+Yi3BjWExCOTC6jH59kbkAigAAAKZJREFUOMvV0EkOgzAMQFEgATIwz9DB979l66hWFUfJuvUGrPeFQrK/n1yn3Q5SpNz0AMrEXSh4TxV1LdFvTcyvDn2M+tmmv3/U6BOdJue+l+gzuSxYsTl/kEsAv1gBZ6G1AvCLxfn6ve/CL564lhutQTE73wmDYsLX+iBixedA7UnACzvio7sCp8Jdn9QhU4GjhA+86A0Hvxhs1LFwP5Iq7k32m/MCVqERH4/NPOsAAAAASUVORK5CYII=) 0 0 no-repeat;
+    background-size: 100% auto; }
+  .jdd-radio-item .jdd-list-item:active {
+    background-color: #F2F2F2; }
+
+.jdd-popup-header {
+  position: relative;
+  -webkit-flex-shrink: 0;
+      -ms-flex-negative: 0;
+          flex-shrink: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding: 20px 16px;
+  position: relative; }
+  .jdd-popup-header::after {
+    content: " ";
+    position: absolute;
+    display: block;
+    -webkit-transform-origin: bottom;
+            transform-origin: bottom;
+    z-index: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    border-bottom: 1px solid #eeeeee; }
+    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+      .jdd-popup-header::after {
+        -webkit-transform: scaleY(0.5);
+                transform: scaleY(0.5); } }
+    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+      .jdd-popup-header::after {
+        -webkit-transform: scaleY(0.33333);
+                transform: scaleY(0.33333); } }
+  .jdd-popup-header .jdd-popup-main-title {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    line-height: 25px; }
+    .jdd-popup-header .jdd-popup-main-title p {
+      font-family: PingFangSC-Medium;
+      font-size: 18px;
+      color: #333333;
+      letter-spacing: 0;
+      text-align: center;
+      -webkit-box-flex: 1;
+      -webkit-flex: 1;
+          -ms-flex: 1;
+              flex: 1; }
+    .jdd-popup-header .jdd-popup-main-title span {
+      position: absolute;
+      right: 0px;
+      top: 0;
+      bottom: 0;
+      margin: auto 0;
+      display: block;
+      width: 44px;
+      height: 44px;
+      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAAAXNSR0IArs4c6QAAAu9JREFUeAHt2r+LE0EUwPHLXqWlRQohhYWFIASSf+C82s5CQWut7QX9F+xTKni9licWlvlhQBRsUxmuucoiv3wPMse47ia3k7mdF+67EHay2X0788nL290hBwcsCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAALGBMbj8f3YXZKYdyaTyY3YcavGy6oeEHv/wWDwZjabfRsOh09ixR6NRnfn8/nX6XT6MTVyI9agQuIo7mq1er0+dpFl2bNOp/MhJJY7RnGXy+UXiXtbtzUajc/NZvNhq9X64/apc50sg7UsCMIrb7CHAvNul0zO42psOcexZPIL7zy1NpMBt9vt75qxMtqFN+Jg5CLcddye/CreeueotZm0ROhINWM1c6V56I28UrnYhNvtdp9LmVh5sWttJgfW0e6CbBlXx2YCOBTZOq4p4KrI+4BrDviyyPuCaxJ4G7JcsAb+fa7uv156qS9oriP+2kwN9jul7Q0XvnMBvpXb3ySu9tEssHauBFk/8hezuNpJ08DawS3IpnG1/8me5PTkl1m05soT33l+X9m+lO2nKR8i8n0qem8a2N0tFNRcnWPI9AlQM7xoYFa2mQV2uG5WzIFp5rq2rIPnLrwYV9o0CVyGKxI9AX4q6/8miGTq8/GVSgUGNwe8CVfvc3W+uGgWTjL9vUVkU3cR23D9C1rJ3cVCM1y+iJPAhIt+mBngKrhOYR+QTZSIEFxF1nJRVJMtlYvkGRyK67JY11p7FVWa/0zaWygXSYFj4Dpoq8jJSoT+byHmrJhe2MrKhdTqR+6LqHudDFj+C/Fbfta/cgPeaW6hBPlMzvMjd57a3iYtEf1+/6aM9JO8juS1E64cf7F45eJMsvqBwP+8+PC6NRRZQF5KlkX9srUsSNx7182T8SKAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAK2Bf4CoKj4d3I8GvAAAAAASUVORK5CYII=);
+      background-size: 100% auto; }
+  .jdd-popup-header .jdd-popup-sub-title {
+    font-family: PingFangSC-Regular;
+    font-size: 13px;
+    color: #999999;
+    text-align: center;
+    line-height: 18px;
+    margin-bottom: 3px;
+    padding-right: 18px; }
+
+.jdd-address-main {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  overflow: hidden;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  height: 100%; }
+
+.jdd-address-chose-area {
+  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.1, 0.57, 0.1, 1);
+  transition: -webkit-transform 0.3s cubic-bezier(0.1, 0.57, 0.1, 1);
+  transition: transform 0.3s cubic-bezier(0.1, 0.57, 0.1, 1);
+  transition: transform 0.3s cubic-bezier(0.1, 0.57, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.1, 0.57, 0.1, 1);
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  position: absolute;
+  top: 109px;
+  bottom: 0;
+  bottom: constant(safe-area-inset-bottom) !important;
+  bottom: env(safe-area-inset-bottom) !important; }
+  .jdd-address-chose-area .jdd-radio-item-active p {
+    color: #4d7bfe; }
+
+.jdd-address-radio-item {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 100%;
+      -ms-flex: 0 0 100%;
+          flex: 0 0 100%;
+  -webkit-overflow-scrolling: touch;
+  max-height: 100%; }
+
+.jdd-address-area-active {
+  overflow: auto; }
+
+.jdd-address-item-text {
+  line-height: 56px;
+  height: 56px;
+  font-family: PingFangSC-Regular;
+  font-size: 14px;
+  color: #333333;
+  padding-left: 16px; }
+
+.jdd-address-tab-active::after {
+  content: "";
+  position: absolute;
+  height: 3px;
+  width: 20px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+  background-color: #333333; }
+
+.jdd-address-chosen {
+  -webkit-flex-shrink: 0;
+      -ms-flex-negative: 0;
+          flex-shrink: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  line-height: 44px;
+  height: 44px;
+  padding-left: 16px;
+  padding-right: 16px;
+  overflow-x: auto; }
+  .jdd-address-chosen li {
+    margin-right: 24px;
+    position: relative;
+    font-family: PingFangSC-Regular;
+    font-size: 14px;
+    -webkit-flex-shrink: 0;
+        -ms-flex-negative: 0;
+            flex-shrink: 0; }
+
+.jdd-address-popup .jdd-popup-content {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1; }
+