@uxda/appkit 4.2.14 → 4.2.18

package/dist/aiapprove/pages/dashboard/index.wxss

@@ -0,0 +1,545 @@
+@import "../sub-vendors.wxss";@import "../sub-common/e6a77f95a62184a00a3acae5f5b70519.wxss";@import "../sub-common/d018020fa792fd9ffb864c2c9e6ded68.wxss";@import "../sub-common/48c08b82457079a31bf5e4880f7e84db.wxss";@import "../sub-common/ab4830da4615060592c726743eb220f2.wxss";@import "../sub-common/3aec0ba7c46be220f07750abc6d49998.wxss";/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/components/ddPopup/index.vue?vue&type=style&index=0&id=704c8819&lang=scss ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.dd-popup {
+  width: 560rpx;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: 10rpx;
+  min-height: 220rpx;
+  padding-top: 40rpx;
+  overflow: visible;
+}
+.dd-popup-header {
+  font-size: 36rpx;
+  text-align: center;
+  color: #000000;
+}
+.dd-popup-body {
+  padding: 20rpx 40rpx 40rpx;
+  font-size: var(--text-font1);
+  color: #888888;
+  line-height: 40rpx;
+  text-align: center;
+}
+.dd-popup-footer {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  height: 100rpx;
+  border-top: 2rpx solid #e5e5e5;
+}
+.dd-popup-footer_btn {
+  border: none;
+  color: var(--second-color);
+  font-size: var(--primary-size);
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  height: 100rpx;
+  line-height: 100rpx;
+  text-align: center;
+}
+/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/components/ddTitle/index.vue?vue&type=style&index=0&id=c8fdda76&lang=scss ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.dd-title {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  line-height: 44rpx;
+  padding: 22rpx 0;
+}
+.dd-title.borderd {
+  border-bottom: 4rpx solid #f0f0f0;
+}
+.dd-title-info {
+  font-size: var(--text-font1);
+  font-weight: 600;
+  color: var(--tit-color);
+  line-height: 42rpx;
+}
+.dd-title__icon {
+  font-size: 28rpx;
+  margin-left: 4rpx;
+  margin-top: -2rpx;
+}
+.dd-title-btnRight {
+  font-size: 26rpx;
+  color: var(--second-color);
+  line-height: 38rpx;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-justify-content: flex-end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.dd-title.primary .dd-title-info {
+  position: relative;
+  font-size: var(--primary-size);
+  color: var(--second-color);
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.dd-title.primary .dd-title-info__line {
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(rgba(1, 127, 255, 0.2)), to(rgba(1, 127, 255, 0.2)));
+  background: -webkit-linear-gradient(top, transparent, transparent 70%, rgba(1, 127, 255, 0.2), rgba(1, 127, 255, 0.2) 100%);
+  background: linear-gradient(to bottom, transparent, transparent 70%, rgba(1, 127, 255, 0.2), rgba(1, 127, 255, 0.2) 100%);
+  background-size: 2rpx 42rpx;
+  background-position: 0 42rpx;
+  display: inline-block;
+  height: 100%;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.dd-title.primary .dd-title-info__index {
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 60rpx;
+  color: var(--second-color);
+  line-height: 84rpx;
+  margin-right: 10rpx;
+  font-weight: 400;
+  letter-spacing: -2rpx;
+}
+/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/pages/dashboard/components/canvasPannel.vue?vue&type=style&index=0&id=13d332b0&lang=scss ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.dashboard-canvas__legend {
+  position: absolute;
+  right: 0;
+  z-index: 5;
+  height: 392rpx;
+  overflow: scroll;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  border-collapse: separate;
+  border-spacing: 0 10rpx;
+}
+.dashboard-canvas__legend-row {
+  padding-right: 12rpx;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  font-size: 26rpx;
+  color: #353535;
+}
+.dashboard-canvas__legend-row.titRow {
+  font-size: var(--tip-font);
+  opacity: 0.4;
+}
+.dashboard-canvas__legend-cell {
+  padding: 0 10rpx;
+  display: table-cell;
+  height: 40rpx;
+  vertical-align: middle;
+}
+.dashboard-canvas__legend-cell.nameCell {
+  min-width: 180rpx;
+  vertical-align: middle;
+  max-width: 220rpx;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.dashboard-canvas__legend-cell:not(.nameCell) {
+  text-align: right;
+  padding-right: 24rpx;
+}
+.dashboard-canvas__legend .dot {
+  display: inline-block;
+  width: 10rpx;
+  height: 10rpx;
+  margin-right: 8rpx;
+  border-radius: 50%;
+  margin-bottom: 4rpx;
+}
+/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/pages/dashboard/components/dashboardPannel.vue?vue&type=style&index=0&id=6e59965c&lang=scss ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.dashboard__tit {
+  border-bottom: 1rpx solid #f0f0f0;
+}
+.dashboard__tit:not(.notit) {
+  position: relative;
+  font-size: var(--text-font1);
+  color: var(--second-color);
+  padding-left: 24rpx;
+  line-height: var(--tit-height);
+  font-weight: 600;
+}
+.dashboard__tit:not(.notit)::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 35rpx;
+  width: 14rpx;
+  height: 14rpx;
+  background: -webkit-linear-gradient(56deg, var(--dd-primary-color) 0%, var(--second-color) 100%);
+  background: linear-gradient(34deg, var(--dd-primary-color) 0%, var(--second-color) 100%);
+  border-radius: 1rpx;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.dashboard-pannel {
+  border-top: 1rpx solid #f0f0f0;
+  padding: 20rpx 0;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
+  margin-bottom: -10rpx;
+}
+/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/pages/dashboard/components/dashboardPannelItem.vue?vue&type=style&index=0&id=50dc320f&lang=scss ***!
+  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.dashboard-pannel__item {
+  width: 317rpx;
+  height: 120rpx;
+  border-radius: 2rpx;
+  border: 1rpx solid rgba(75, 203, 147, 0.2);
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  margin-bottom: 10rpx;
+}
+.dashboard-pannel__item-num {
+  font-size: var(--primary-size);
+  font-weight: 600;
+  color: #353535;
+  line-height: 45rpx;
+}
+.dashboard-pannel__item-info {
+  font-size: var(--text-font);
+  color: #353535;
+  opacity: 0.4;
+  line-height: 40rpx;
+}
+/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/pages/dashboard/TabDetail.vue?vue&type=style&index=0&id=72805e26&lang=scss ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.dashboard-detail .dd-title {
+  padding: 0;
+  margin-right: -14rpx;
+}
+.dashboard-detail .dd-title-info__flex {
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  padding: 22rpx 0;
+}
+.dashboard-detail__pannel-item {
+  position: relative;
+  margin: 30rpx 0;
+}
+.dashboard-detail__pannel-item:not(:last-child)::before {
+  position: absolute;
+  content: "";
+  z-index: 2;
+  top: 30rpx;
+  left: 32rpx;
+  width: 2rpx;
+  height: 100%;
+  background: -webkit-linear-gradient(56deg, #1dc990 0%, #05afaf 100%);
+  background: linear-gradient(34deg, #1dc990 0%, #05afaf 100%);
+  border-radius: 8rpx;
+}
+.dashboard-detail__pannel-item .com-pannel-row {
+  padding: 6rpx 0;
+}
+.dashboard-detail__pannel-item-hd {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-bottom: 20rpx;
+}
+.dashboard-detail__pannel-item-hd__index {
+  position: relative;
+  z-index: 3;
+  min-width: 76rpx;
+  height: 46rpx;
+  background: url("https://cdn.ddjf.com/static/images/wx-yunservice/square-icon.png");
+  background-size: 100% 100%;
+  font-size: 24rpx;
+  color: #fff;
+  font-weight: 600;
+  margin-right: 6rpx;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 16rpx 0 8rpx;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.dashboard-detail__pannel-item-hd__tit {
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  font-size: 28rpx;
+  color: #353535;
+  line-height: 40rpx;
+}
+.dashboard-detail__pannel-item-bd {
+  padding: 4rpx 10rpx;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0 0 0 72rpx;
+  background: #f8faf9;
+  -webkit-box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
+          box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
+  border-radius: 8rpx;
+  -webkit-filter: blur(0rpx);
+          filter: blur(0rpx);
+}
+.dashboard-detail__pannel-item-tip {
+  font-size: 24rpx;
+  line-height: 34rpx;
+  padding: 6rpx 0;
+  color: rgba(54, 54, 54, 0.6);
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.dashboard-detail__pannel-item-eye {
+  width: 30rpx;
+  height: 20rpx;
+  margin-right: 6rpx;
+}
+/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/components/ddNoticeHorn/index.vue?vue&type=style&index=0&id=57bf49c4&lang=scss ***!
+  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.dd-noticeHorn {
+  width: 702rpx;
+  margin: 0 auto;
+  padding: 18rpx 24rpx;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  background: #fff2d8;
+  border-radius: 10rpx;
+  font-size: 24rpx;
+  color: var(--warin-color);
+  line-height: 34rpx;
+}
+.dd-noticeHorn__horn {
+  width: 26rpx;
+  height: 22rpx;
+  margin-right: 10rpx;
+  margin-top: 4rpx;
+}
+/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/pages/dashboard/TabDoc.vue?vue&type=style&index=0&id=14771868&lang=scss ***!
+  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.dashboard-doc .dd-noticeHorn {
+  margin-top: 20rpx;
+}
+/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/pages/ec-canvas/ec-canvas/index.vue?vue&type=style&index=0&id=584ea5f8&lang=css ***!
+  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+
+.ec-canvas {
+  width: 100%;
+  height: 100%;
+}
+
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-10.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-10.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/pages/ec-canvas/echart/index.vue?vue&type=style&index=0&id=2b944c72&lang=css ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+
+.echart-canvas {
+  width: 100%;
+  height: 100%;
+}
+
+/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@unocss/webpack/node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[31].use[0]!./src/aiapprove/pages/dashboard/index.vue?vue&type=style&index=0&id=544c9319&lang=scss ***!
+  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.dashboard {
+  min-height: 100vh;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.dashboard__top_bg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  background: url("https://cdn.ddjf.com/static/images/wx-yunservice/auth-bg.png") no-repeat;
+  background-size: 100% auto;
+  overflow: hidden;
+}
+.dashboard__hd {
+  height: 422rpx;
+  background: url("https://cdn.ddjf.com/static/images/wx-yunservice/auth-bg.png") no-repeat;
+  background-size: 100% 100%;
+  overflow: hidden;
+}
+.dashboard .custom-navbar {
+  -webkit-transition: all 0s;
+  transition: all 0s;
+}
+.dashboard .com-tabs-box {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  z-index: 10;
+  -webkit-transition: all 0s;
+  transition: all 0s;
+}
+.dashboard .tabs-cover-item {
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.dashboard__bd {
+  margin-top: -174rpx;
+}
+.dashboard-canvas {
+  margin: 20rpx -24rpx;
+  position: relative;
+  width: calc(100% + 48rpx);
+  height: 392rpx;
+}
+.dashboard-canvas__label {
+  position: absolute;
+  left: 105rpx;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  width: 204rpx;
+  min-height: 100rpx;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  z-index: 5;
+  color: #353535;
+}
+.dashboard-canvas__label-num {
+  font-size: 38rpx;
+  font-weight: 600;
+  line-height: 53rpx;
+}
+.dashboard-canvas__label-info {
+  font-size: var(--text-font);
+  line-height: 40rpx;
+  max-height: 84rpx;
+}
+.dashboard-nav {
+  height: 60rpx;
+  background: #f1f3f5;
+  border-radius: 10rrpx;
+  overflow: hidden;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin: 20rpx 0;
+}
+.dashboard-nav-item {
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  font-size: var(--tip-font);
+  color: var(--second-color);
+}
+.dashboard-nav-item.focus {
+  background: #2dbcbb;
+  color: #fff;
+  border-radius: 10rpx;
+}
+.dashboard-btn {
+  display: block;
+  width: 610rpx;
+  margin: 30rpx auto;
+  height: 88rpx;
+  font-size: 34rpx;
+  border-radius: 14rpx;
+}
+.dashboard .distpannel {
+  margin-bottom: 50rpx;
+}