SevenCloud 1.0

src/assets/language/en.json

@@ -1,6 +1,6 @@
 {
   "public": {
-    "sysName": "Shenze Technology Management Background",
+    "sysName": "SevenCloud Technology",
     "requestFailed": "Request failed, click to reload",
     "noMore": "No more"
   },
@@ -1028,7 +1028,7 @@
     "passwordCheckLabel": "Confirm Password",
     "passwordCheckPlaceholder": "Please enter the password again to confirm",
     "passwordCheckRequired": "Please enter the password again to confirm",
-    "registerButton": "Submit registration information",
+    "registerButton": "Commit changes",
     "inconsistentPasswords": "The two passwords are inconsistent, please confirm that the password is correct",
     "pwdEditSucess": "Password modified successfully"
   },
@@ -1051,14 +1051,14 @@
     "seedVerCode": "Send verification code",
     "codePlaceholder": "Please enter the verification code",
     "codeRequired": "Please enter the verification code",
-    "registerButton": "Submit registration information"
+    "registerButton": "Submit"
   },
   "login": {
     "title": "Management background",
     "userNameInput": "Please enter user name / mobile number",
     "passWordInput": "Please input a password",
-    "checkedPassWord": "Remember the password and log in directly next time",
-    "forgetPassWord": "Forget password?",
+    "checkedPassWord": "Remember me",
+    "forgetPassWord": "Forget password ?",
     "regusterButton": "Click Register",
     "loginButton": "Sign in",
     "loginSucess": "Login succeeded"
@@ -1093,7 +1093,7 @@
     "emailCodeLabel": "Verification code",
     "emailCodePlaceholder": "Please enter the email verification code",
     "emailCodeRequired": "Please enter the email verification code",
-    "registerButton": "Submit registration information",
+    "registerButton": "Register",
     "replaysInSeconds": "Replays in seconds",
 	"emailRegistration": "Email registration",
 	"phoneRegistration": "Phone registration"

src/assets/language/zh.json

@@ -1,6 +1,6 @@
 {
   "public": {
-    "sysName": "申泽科技管理后台",
+    "sysName": "七云科技",
     "requestFailed": "请求失败，点击重新加载",
     "noMore": "没有更多了"
   },
@@ -91,7 +91,7 @@
     "affiliatedMerchantsPlaceholder": "请输入所属商家",
     "advertisingOrderLabel": "广告顺序",
     "advertisingOrderPlaceholder": "请输入广告顺序",
-    "machineType":"所属机器类型",
+    "machineType":"机器类型",
     "machineTypePlace":"请选择所属机器类型",
     "advertisingDurationLabel": "广告时长",
     "advertisingDurationPlaceholder": "请输入广告时长",
@@ -210,7 +210,7 @@
       "versionNamePlace":"请输入版本名",
       "model":"型号",
       "modelPlace":"请选择型号",
-      "forceUpdate":"是否强制更新",
+      "forceUpdate":"强制更新",
       "forceUpdatePlace":"请选择是否强制更新",
       "apkSize":"apk大小",
       "apkSizePlace":"请输入apk大小",
@@ -1030,7 +1030,7 @@
     "passwordCheckLabel": "确认密码",
     "passwordCheckPlaceholder": "请再次输入密码进行确认",
     "passwordCheckRequired": "请再次输入密码进行确认",
-    "registerButton": "提交注册信息",
+    "registerButton": "提交修改",
     "inconsistentPasswords":"两次密码不一致,请确认密码正确",
     "pwdEditSucess":"密码修改成功"
   },
@@ -1053,14 +1053,14 @@
     "seedVerCode": "发送验证码",
     "codePlaceholder": "请输入验证码",
     "codeRequired": "请输入验证码",
-    "registerButton": "提交注册信息"
+    "registerButton": "提交"
   },
   "login": {
     "title": "管理后台",
     "userNameInput": "请输入用户名",
     "passWordInput": "请输入密码",
-    "checkedPassWord": "记住密码，下次直接登录",
-    "forgetPassWord": "忘记密码?",
+    "checkedPassWord": "记住密码",
+    "forgetPassWord": "忘记密码 ？",
     "regusterButton": "点击注册",
     "loginButton": "登录",
     "loginSucess":"登陆成功"
@@ -1095,7 +1095,7 @@
     "emailCodeLabel": "验证码",
     "emailCodePlaceholder": "请输入邮箱验证码",
     "emailCodeRequired": "请输入邮箱验证码",
-    "registerButton": "提交注册信息",
+    "registerButton": "注册",
     "replaysInSeconds": "秒后可重发",
 	"emailRegistration": "邮箱注册",
 	"phoneRegistration": "手机注册"

src/common/js/utils.js

@@ -21,7 +21,7 @@ export const $M_Menus = {
   "M7":t("role.discountCode"),//优惠码
   // "M8":t("role.accountPermission"),//账号权限
   "M9":t("role.orderExport"),//订单导出
-  "M10":t("role.shandeSubLedger"),//杉德分账
+  // "M10":t("role.shandeSubLedger"),//杉德分账
   // "M11":t("role.salesRanking"),//销售排行
   // "M12":t("role.withdrawalAccountNo"),//提现账号
   // "M13":t("role.standbyWithdrawalAccountNo"),//备用提现账号
@@ -166,6 +166,11 @@ export const stringToUrl = (obj) => {
   return str.substring(1);
 };
 
+// 加载样式
+export function styleUrl(name) {
+  require('../../styles/' + name + '/index.less');
+}
+
 export const tdist = {
   210184: ["沈北新区", "210100"],
   210185: ["其它区", "210100"],

src/components/commom/kDialog/index.less

@@ -1,72 +0,0 @@
-.kDialogIdx {
-
-  .operCheckBox {
-    padding: 0 10px;
-    padding-top: 20px;
-
-    .operCheckCon {
-      padding-top: 20px;
-      border-top: 1px solid #D7D7E2;
-
-      .word10 {
-        width: 143px;
-        height: 13px;
-        overflow-wrap: break-word;
-        color: rgba(64, 77, 116, 1);
-        font-size: 13px;
-        text-align: left;
-        white-space: nowrap;
-        line-height: 13px;
-        display: block;
-        margin: 33px auto;
-      }
-
-      .block6 {
-        width: 265px;
-        height: 34px;
-        margin: 20px auto;
-
-        .mod7 {
-          border-radius: 17px;
-          height: 34px;
-          border: 1px solid rgba(77, 106, 221, 1);
-          width: 120px;
-          justify-content: center;
-          align-items: center;
-
-          .info5 {
-            overflow-wrap: break-word;
-            color: rgba(77, 106, 221, 1);
-            font-size: 15px;
-            font-family: PingFangSC-Medium;
-            text-align: center;
-            // white-space: nowrap;
-            line-height: 15px;
-            display: block;
-          }
-        }
-
-        .mod8 {
-          background-color: rgba(77, 106, 221, 1);
-          border-radius: 17px;
-          height: 34px;
-          width: 120px;
-          justify-content: center;
-          align-items: center;
-
-          .info6 {
-            overflow-wrap: break-word;
-            color: rgba(255, 255, 255, 1);
-            font-size: 15px;
-            font-family: PingFangSC-Medium;
-            text-align: center;
-            // white-space: nowrap;
-            line-height: 15px;
-            display: block;
-          }
-        }
-      }
-    }
-
-  }
-}

src/components/commom/kDialog/index.vue

@@ -35,6 +35,7 @@
  *
  */
 import { ref } from "vue";
+import {styleUrl} from "../../../common/js/utils";
 export default {
   props: {
     // 弹窗标题
@@ -93,6 +94,7 @@ export default {
       ctx.emit("confirmclk", "右侧按钮222");
     };
 
+    styleUrl('kDialog');
     return {
       dialogShow,
       openDialog,
@@ -106,5 +108,4 @@ export default {
 
 <style lang="less" scoped>
 @import "@/common/style/common.less";
-@import "./index.less";
 </style>

src/components/dateSelectList/index.vue

@@ -12,7 +12,7 @@
         </div>
         <!-- 日期选择 -->
         <van-calendar
-          color="#4d6add"
+          color="#2c87c8"
           v-model:show="calendarShow"
           type="range"
           :show-confirm="false"
@@ -27,12 +27,15 @@
 
 <script>
 import { ref } from "vue";
-import dateUtil from "@/utils/dateUtil";
+import dateUtil from "../../utils/dateUtil";
+import {styleUrl} from "../../common/js/utils";
 
 export default {
   name: "dateSelectList",
   components: {},
   setup(props, {emit}) {
+    // 加载样式
+    styleUrl('dateSelectList');
     const minDate = new Date(2018, 1, 1);
     // 时间类型
     const timeType = ref("0");
@@ -140,6 +143,5 @@ export default {
 </script>
 
 <style lang="less" scoped >
-@import "@/common/style/common.less";
-@import "./index.less";
+@import "../../common/style/common";
 </style>

src/styles/accountOperation/index.less

@@ -0,0 +1,88 @@
+.taskMessagePage {
+    width: 100%;
+    .taskMessageBox {
+      width: 100%;
+      height: calc(100% - 60px);
+      overflow: auto;
+      .taskListRow {
+        width: 100%;
+        height: 53px;
+        flex-wrap: wrap;
+        .taskIcon {
+          width: 13%;
+          height: 100%;
+          position: relative;
+          &.deviceIcon::after{
+            content: '';
+            position: absolute;
+            background: #fff url('../../assets/accountOperation/accountAuthority.png') top center no-repeat;
+            background-size: 100%;
+            width: 0.6rem;
+            height: 0.6rem;
+            right: 0.18rem;
+            top: 0.4rem;
+          }
+          &.retailIcon::after{
+            content: '';
+            position: absolute;
+            background: #fff url('../../assets/accountOperation/retailIcon.png') top center no-repeat;
+            background-size: 100%;
+            width: 0.6rem;
+            height: 0.6rem;
+            right: 0.15rem;
+            top: 0.4rem;
+          }
+          &.withIcon::after{
+            content: '';
+            position: absolute;
+            background: #fff url('../../assets/accountOperation/withIcon.png') top center no-repeat;
+            background-size: 100%;
+            width: 0.5rem;
+            height: 0.5rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+          &.merIcon::after{
+            content: '';
+            position: absolute;
+            background: #fff url('../../assets/accountOperation/merchantManage.png') top center no-repeat;
+            background-size: 100%;
+            width: 0.8rem;
+            height: 0.8rem;
+            right: 0.05rem;
+            top: 0.3rem;
+          }
+          &.labelIcon::after{
+            content: '';
+            position: absolute;
+            background: #fff url('../../assets/accountOperation/labelMan.png') top center no-repeat;
+            background-size: 100%;
+            width: 0.53rem;
+            height: 0.6rem;
+            right: 0.2rem;
+            top: 0.4rem;
+          }
+        }
+        .taskRight {
+          width: 87%;
+          height: 100%;
+          position: relative;
+          border-bottom: 1px solid #e7eaf7;
+          &::after{
+            content: '';
+            position: absolute;
+            width: 6px;
+            height: 12px;
+            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng51122feddbc4a9b3e0b055ed6181d290e60825befaa5c777794f1412ff817e57) top center no-repeat;
+            background-size: 100%;
+            right: 0.55rem;
+            top: 0.5rem;
+          }
+          .taskTitle {
+            line-height: 53px;
+          }
+        }
+      }
+    }
+  }
+  

src/styles/accountPer/index.less

@@ -0,0 +1,169 @@
+.accountPerPage {
+    width: 100%;
+
+    .accountPerBox {
+        width: 100%;
+        height: calc(100% - 44px);
+        overflow: auto;
+        // background: #fff url('../../assets/accountPer/pageBg.png') top center no-repeat;
+        // background-size: 100%;
+
+        .searchRow {
+            width: 90%;
+            height: 50px;
+            margin: 0 auto;
+            align-items: center;
+
+            .bd3 {
+                width: 87px;
+                height: 16px;
+
+                .outer4 {
+                    width: 20px;
+                    height: 26px;
+                    background: url("../../assets/accountPer/icon.png") top center no-repeat;
+                    background-size: 100%;
+                }
+
+                .txt2 {
+                    width: 65px;
+                    height: 14px;
+                    overflow-wrap: break-word;
+                    color: rgba(64, 77, 116, 1);
+                    font-size: 15px;
+                    font-family: PingFangSC-Semibold;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 15px;
+                    display: block;
+                    font-weight: bold;
+
+                    .discountNumber {
+                        font-size: 18px;
+                        color: red;
+                    }
+                }
+            }
+
+            .operBox {
+                display: flex;
+                flex-wrap: nowrap;
+                justify-content: flex-end;
+
+                .listBox,
+                .addBox,
+                .searchBox {
+                    display: flex;
+                    flex-wrap: nowrap;
+                    flex-direction: column;
+                    align-items: center;
+                    padding: 5px;
+                }
+
+                .iconImg {
+                    width: 25px;
+                }
+            }
+        }
+
+        .listBox {
+            border-top: 1px solid #e7eaf7;
+
+            .listItem {
+                position: relative;
+
+                .itemBox {
+                    width: 100%;
+                    padding: 1.5em 1em;
+                    line-height: 1.8;
+                    border-bottom: 1px solid #e7eaf7;
+                }
+
+                .tipBox {
+                    position: absolute;
+                    top: 1em;
+                    right: 1em;
+                    font-size: 1.5em;
+                    color: #4DC193;
+                    display: flex;
+
+                    &.isUseTip {
+                        color: #df5e4c;
+                    }
+
+                    .outer2 {
+                        width: 6px;
+                        height: 12px;
+                        background: url('../../assets/right.png') top center no-repeat;
+                        background-size: 100%;
+                        margin-top: 4px;
+                        margin-left: .4em;
+                    }
+                }
+            }
+        }
+
+        .section1 {
+            background-color: rgba(223, 223, 229, 1);
+            border-radius: 9px;
+            height: 18px;
+            width: 38px;
+        }
+    }
+
+    .van-switch {
+        width: 38px;
+        height: 18px;
+      
+        .van-switch__node {
+          width: 18px;
+          height: 18px;
+        }
+      
+        &.van-switch--on .van-switch__node {
+          transform: translate(calc(38px - 18px));
+        }
+
+    }
+
+    .van-switch--on {
+        background-color: #2c87c8;
+    }
+
+    .van-button--primary {
+        border-color: #2c87c8;
+        background-color: #2c87c8;
+    }
+
+    .van-button--danger {
+        border-color: #df5e4c;
+        background-color: #df5e4c;
+    }
+
+    .van-checkbox__icon--checked .van-icon {
+        border-color: #2c87c8;
+        background-color: #2c87c8;
+    }
+}
+
+.codeSearch {
+    width: 100%;
+    .codeSearchPopup {
+        width: 90%;
+    }
+    .content {
+        padding-top: 1em;
+    }
+    .field .van-field__label {
+        width: auto;
+    }
+
+}
+
+.van-cascader__option--selected {
+    color: #2c87c8;
+}
+
+.van-tabs__line {
+    background-color: #2c87c8 !important;
+}

src/styles/advertManage/index.less

@@ -0,0 +1,178 @@
+.advertPage {
+    width: 100%;
+
+    .advertBox {
+        width: 100%;
+        height: calc(100% - 44px);
+        overflow: auto;
+        // background: #fff url('../../assets/advertManage/pageBg.png') top center no-repeat;
+        // background-size: 100%;
+
+        .searchRow {
+            margin: 0 auto;
+            align-items: center;
+
+            .bd3 {
+                width: 87px;
+                height: 16px;
+
+                .outer4 {
+                    width: 20px;
+                    height: 26px;
+                    background: url("../../assets/advertManage/icon.png") top center no-repeat;
+                    background-size: 100%;
+                }
+
+                .txt2 {
+                    width: 65px;
+                    height: 14px;
+                    overflow-wrap: break-word;
+                    color: rgba(64, 77, 116, 1);
+                    font-size: 15px;
+                    font-family: PingFangSC-Semibold;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 15px;
+                    display: block;
+                    font-weight: bold;
+
+                    .discountNumber {
+                        font-size: 18px;
+                        color: red;
+                    }
+                }
+            }
+
+            .operBox {
+                display: flex;
+                flex-wrap: nowrap;
+                justify-content: flex-end;
+
+                .listBox,
+                .addBox,
+                .searchBox {
+                    display: flex;
+                    flex-wrap: nowrap;
+                    flex-direction: column;
+                    align-items: center;
+                    padding: 5px;
+                }
+
+                .iconImg {
+                    width: 25px;
+                }
+            }
+        }
+
+        .listBox {
+            .listItem {
+                .itemBox {
+                    width: 100%;
+                    padding: 1.5em 1em;
+                    line-height: 1.8;
+                    border-bottom: 1px solid #e7eaf7;
+                }
+            }
+        }
+
+        .adList {
+            display: flex;
+            width: 90%;
+            margin: 1.5em auto;
+            overflow: hidden;
+            align-items: center;
+
+            .adImg {
+                width: 100px;
+                height: 100px;
+                border-radius: 10px;
+            }
+
+            .adInfoBox {
+                .adRow {
+                    color: #404D74;
+
+                    .adLeft {
+                        color: #8787A6;
+                    }
+                }
+            }
+        }
+    }
+
+    .van-radio__icon--checked .van-icon {
+        background-color: #2c87c8;
+        border-color: #2c87c8;
+    }
+
+    .van-button--primary {
+        background-color: #2c87c8;
+        border-color: #2c87c8;
+    }
+
+}
+
+.advertRuleIdx {
+    .headCon {
+        height: 20px;
+
+        .ruleIcon {
+            width: 17px;
+            height: 17px;
+            background: url('../../assets/advertManage/icon.png');
+            background-size: 100%;
+        }
+    }
+
+    .contentCon {
+        width: 100%;
+        height: calc(100% - 120px);
+        overflow: auto;
+
+        .content {
+            .rightCon {
+                .pushBtn {
+                    border: 1px solid #4dc193;
+                    border-radius: 2px;
+                    padding: 6px 16px;
+                    color: #4dc193;
+                }
+
+                .editBtn {
+                    border: 1px solid #2c87c8;
+                    border-radius: 2px;
+                    padding: 6px 16px;
+                    color: #2c87c8;
+                }
+            }
+        }
+    }
+
+    .van-checkbox__icon--checked .van-icon {
+        background-color: #2c87c8;
+        border-color: #2c87c8;
+    }
+
+
+}
+
+.van-button--primary {
+    border-color: #2c87c8;
+    background-color: #2c87c8;
+}
+
+.tagSetIdx {
+  overflow: hidden;
+  overflow-y: auto;
+  .submitBtn {
+    flex: 0 0 80px;
+
+    .van-button--round {
+      width: 100%;
+    }
+  }
+
+  .searchBtn {
+    width:50%
+  }
+}

src/styles/alarmClock/index.less

@@ -0,0 +1,463 @@
+.page {
+    background-color: rgba(255, 255, 255, 1);
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    overflow-y: auto;
+  
+    .bd1 {
+      width: 100%;
+      height: 439px;
+  
+      .section5 {
+        background-color: rgba(255, 255, 255, 1);
+        z-index: 91;
+        height: 54px;
+        margin-top: 1px;
+        width: 100%;
+        position: relative;
+  
+        .layer1 {
+          width: 84px;
+          height: 20px;
+          margin: 17px 0 0 15px;
+  
+          .ImageText1 {
+            height: 20px;
+            width: 84px;
+  
+            .layer1 {
+              width: 84px;
+              height: 20px;
+              margin: 0 auto;
+  
+              .bd2 {
+                width: 20px;
+                height: 20px;
+                background: url('../../assets/device/add.png');
+                background-size: 100%;
+              }
+  
+              .TextGroup1 {
+                height: 20px;
+                width: 56px;
+  
+                .word2 {
+                  width: 56px;
+                  height: 20px;
+                  overflow-wrap: break-word;
+                  color: rgba(64, 77, 116, 1);
+                  font-size: 14px;
+                  font-family: PingFangSC-Medium;
+                  text-align: left;
+                  white-space: nowrap;
+                  line-height: 20px;
+                  display: block;
+                }
+              }
+            }
+          }
+        }
+  
+        .img2 {
+          z-index: 93;
+          position: absolute;
+          left: 0;
+          top: 53px;
+          width: 100%;
+          height: 2px;
+        }
+      }
+  
+      .section6 {
+        width: 100%;
+        padding: 10px 15px;
+  
+        .TextGroup2 {
+          width: 20%;
+  
+          .bd3 {
+            .word3 {
+              width: auto;
+              height: 30px;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 22px;
+              font-family: PingFangSC-Medium;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 30px;
+              display: block;
+            }
+  
+            .info2 {
+              width: auto;
+              height: 18px;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 13px;
+              text-align: left;
+              // white-space: nowrap;
+              line-height: 18px;
+              display: block;
+              margin: -2px 0 0 2px;
+            }
+          }
+        }
+  
+        .TextGroup3 {
+          height: 38px;
+          width: 40%;
+  
+          .main2 {
+            width: auto;
+            height: 38px;
+  
+            .word4 {
+              width: auto;
+              height: 18px;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 13px;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 18px;
+              display: block;
+            }
+  
+            .txt3 {
+              width: auto;
+              height: 18px;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 13px;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 18px;
+              margin-top: 2px;
+              display: block;
+            }
+          }
+        }
+  
+        .ImageText2 {
+          height: 17px;
+          width: 10%;
+          margin: 9px 0 0 32px;
+  
+          .group3 {
+            width: 40px;
+            height: 17px;
+  
+            .group4 {
+              width: 13px;
+              height: 14px;
+              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb70cca70325ff31d341004d9ce7ebf2d5f692bbe3bf755d9d44b36aa78c21c77) top center no-repeat;
+              background-size: 100%;
+              margin-top: 1px;
+            }
+  
+            .TextGroup4 {
+              height: 17px;
+              width: 24px;
+  
+              .info3 {
+                width: 24px;
+                height: 17px;
+                overflow-wrap: break-word;
+                color: rgba(223, 94, 76, 1);
+                font-size: 12px;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 17px;
+                display: block;
+              }
+            }
+          }
+        }
+  
+        .bd4 {
+          width: 15%;
+          height: 36px;
+          margin: 10px 0 0 32px;
+  
+          .outer1 {
+            width: 41px;
+            height: 17px;
+  
+            .main3 {
+              width: 15px;
+              height: 15px;
+              background: url('../../assets/edit.png') top center no-repeat;
+              background-size: 100%;
+              margin-top: 1px;
+            }
+  
+            .word5 {
+              width: 24px;
+              height: 17px;
+              overflow-wrap: break-word;
+              color: #2c87c8;
+              font-size: 12px;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 17px;
+              display: block;
+            }
+          }
+  
+          .word6 {
+            width: 39px;
+            height: 18px;
+            overflow-wrap: break-word;
+            color: rgba(77, 193, 147, 1);
+            font-size: 13px;
+            text-align: left;
+            white-space: nowrap;
+            line-height: 18px;
+            display: block;
+            margin: 1px 0 0 2px;
+  
+            &.close {
+              color: rgba(197, 197, 205, 1);
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .alarmClockSetPage {
+      width: 100%;
+
+      .alarmClockSetBox {
+          width: 100%;
+          height: calc(100% - 44px);
+          overflow: auto;
+          overflow-x: hidden;
+
+          .equipmentField {
+              .van-field__label {
+                  display: flex;
+                  align-items: center;
+                  line-height: 1;
+
+                  &::before {
+                      content: '';
+                      width: 4px;
+                      height: 12px;
+                      margin: 0 4px;
+                      background-color: #5a9cc8;
+                      border-radius: 2px;
+                      display: inline-block;
+                  }
+              }
+          }
+
+          .repeatTimeBox {
+              width: 100%;
+              padding-bottom: 18px;
+              border-bottom: 1px solid var(--van-cell-border-color);
+          }
+
+          .dayCon {
+              padding: 6px 15px;
+
+              .dayName {
+                  padding: 6px 10px;
+                  background-color: rgba(223, 223, 229, 1);
+                  border-radius: 2px;
+                  border: 0.5px solid rgba(185, 186, 208, 1);
+              }
+
+              .active {
+                  background-color: #2c87c8 !important;
+                  border-color: #2c87c8 !important;
+                  color: #fff !important;
+              }
+          }
+
+          .txt6 {
+              width: 112px;
+              height: 13px;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 14px;
+              font-family: PingFangSC-Medium;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 14px;
+              display: block;
+              margin: 18px 0 15px 15px;
+          }
+
+          .outer4 {
+              width: 345px;
+              height: 38px;
+              margin: 20px 0 0 15px;
+
+              .mod3 {
+                  background-color: rgba(223, 223, 229, 1);
+                  border-radius: 2px;
+                  height: 38px;
+                  border: 0.5px solid rgba(185, 186, 208, 1);
+                  width: 119px;
+
+                  .word2 {
+                      width: 26px;
+                      height: 13px;
+                      overflow-wrap: break-word;
+                      color: rgba(64, 77, 116, 1);
+                      font-size: 13px;
+                      text-align: left;
+                      white-space: nowrap;
+                      line-height: 13px;
+                      display: block;
+                      margin: 13px 0 0 47px;
+                  }
+              }
+
+              .Button1 {
+                  background-color: rgba(223, 223, 229, 1);
+                  border-radius: 2px;
+                  height: 38px;
+                  border: 0.5px solid rgba(185, 186, 208, 1);
+                  width: 211px;
+
+                  .word3 {
+                      width: 117px;
+                      height: 13px;
+                      overflow-wrap: break-word;
+                      color: rgba(64, 77, 116, 1);
+                      font-size: 13px;
+                      text-align: left;
+                      white-space: nowrap;
+                      line-height: 13px;
+                      display: block;
+                      margin: 13px 0 0 47px;
+                  }
+              }
+          }
+
+          .outer5 {
+              width: 345px;
+              height: 38px;
+              margin: 15px 0 0 15px;
+
+              .bd1 {
+                  background-color: rgba(223, 223, 229, 1);
+                  border-radius: 2px;
+                  height: 38px;
+                  border: 0.5px solid rgba(185, 186, 208, 1);
+                  width: 211px;
+
+                  .word4 {
+                      width: 117px;
+                      height: 13px;
+                      overflow-wrap: break-word;
+                      color: rgba(64, 77, 116, 1);
+                      font-size: 13px;
+                      text-align: left;
+                      white-space: nowrap;
+                      line-height: 13px;
+                      display: block;
+                      margin: 13px 0 0 47px;
+                  }
+              }
+
+              .bd2 {
+                  background-color: rgba(223, 223, 229, 1);
+                  border-radius: 2px;
+                  height: 38px;
+                  border: 0.5px solid rgba(185, 186, 208, 1);
+                  width: 119px;
+
+                  .word5 {
+                      width: 39px;
+                      height: 13px;
+                      overflow-wrap: break-word;
+                      color: rgba(64, 77, 116, 1);
+                      font-size: 13px;
+                      text-align: left;
+                      white-space: nowrap;
+                      line-height: 13px;
+                      display: block;
+                      margin: 13px 0 0 40px;
+                  }
+              }
+          }
+
+          .ImageText1 {
+              height: 18px;
+              width: auto;
+              margin: 23px 0 0 15px;
+
+              .mod4 {
+                  width: 109px;
+                  height: auto;
+
+                  .TextGroup1 {
+                      height: 13px;
+                      margin-top: 2px;
+                      width: auto;
+
+                      .info4 {
+                          width: auto;
+                          height: 13px;
+                          overflow-wrap: break-word;
+                          color: rgba(64, 77, 116, 1);
+                          font-size: 13px;
+                          text-align: left;
+                          white-space: nowrap;
+                          line-height: 13px;
+                          display: block;
+                      }
+                  }
+
+                  .section1 {
+                      background-color: rgba(223, 223, 229, 1);
+                      border-radius: 9px;
+                      height: 18px;
+                      width: 38px;
+
+                      .van-switch {
+                          width: 38px;
+                          height: 18px;
+
+                          .van-switch__node {
+                              width: 18px;
+                              height: 18px;
+                          }
+
+                          &.van-switch--on .van-switch__node {
+                              transform: translate(calc(38px - 18px));
+                          }
+                      }
+                  }
+              }
+          }
+      }
+
+      .van-checkbox__icon--checked .van-icon {
+          background-color: #2c87c8;
+          border-color: #2c87c8;
+      }
+
+      .van-switch--on {
+          background-color: #2c87c8;
+      }
+
+      .van-button--primary {
+          background-color: #2c87c8;
+          border-color: #2c87c8;
+      }
+
+      .van-cascader__option--selected {
+          color: #2c87c8;
+      }
+
+      .van-tabs__line {
+          background-color: #2c87c8 !important;
+      }
+  }

src/styles/alarmHistory/index.less

@@ -0,0 +1,129 @@
+.alarmHistoryPage {
+    width: 100%;
+
+    .alarmHistoryBox {
+        width: 100%;
+        height: calc(100% - 44px);
+        overflow: auto;
+
+        // background: #fff url('../../assets/alarmHistory/pageBg.png') top center no-repeat;
+        // background-size: 100%;
+        .searchRow {
+            width: 90%;
+            height: 48px;
+            margin: 0 auto;
+            background: rgba(255, 255, 255, 1) url("../../assets/home/line.png") bottom center no-repeat;
+            background-size: 100%;
+            align-items: center;
+
+            .bd3 {
+                width: 87px;
+                height: 16px;
+
+                .outer4 {
+                    width: 16px;
+                    height: 20px;
+                    background: url("../../assets/alarmHistory/icon.png") top center no-repeat;
+                    background-size: 100%;
+                }
+
+                .txt2 {
+                    width: 65px;
+                    height: 14px;
+                    overflow-wrap: break-word;
+                    color: rgba(64, 77, 116, 1);
+                    font-size: 15px;
+                    font-family: PingFangSC-Semibold;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 15px;
+                    display: block;
+                    font-weight: bold;
+
+                    .discountNumber {
+                        font-size: 18px;
+                        color: red;
+                    }
+                }
+            }
+
+            .main5 {
+                width: 39px;
+                height: 16px;
+
+                .label2 {
+                    width: 14px;
+                    height: 14px;
+                    margin-top: 1px;
+                }
+
+                .TextGroup2 {
+                    height: 16px;
+                    width: 22px;
+
+                    .txt3 {
+                        width: 22px;
+                        height: 16px;
+                        overflow-wrap: break-word;
+                        color: rgba(64, 77, 116, 1);
+                        font-size: 11px;
+                        text-align: center;
+                        white-space: nowrap;
+                        line-height: 16px;
+                        display: block;
+                    }
+                }
+            }
+        }
+
+        .listBox {
+            .listItem {
+                width: 100%;
+                background: url("../../assets/home/line.png") bottom center no-repeat;
+                background-size: 100%;
+                position: relative;
+                display: inline-block;
+
+                .itemBox {
+                    width: 92%;
+                    margin: 20px auto;
+                    font-size: 12px;
+                    line-height: 1.64;
+
+                    .itemRow {
+                        width: 100%;
+                    }
+
+                    .itemTitle {
+                        color: #8787a6;
+                    }
+
+                    .discount {
+                        padding-left: 2em;
+                    }
+                }
+            }
+        }
+    }
+
+    .van-button--primary {
+        border-color: #2c87c8;
+        background-color: #2c87c8;
+    }
+}
+
+	.codeSearch {
+		width: 100%;
+
+		.codeSearchPopup {
+			width: 90%;
+		}
+
+		.content {
+			padding-top: 1em;
+		}
+
+		.field .van-field__label {
+			width: auto;
+		}
+	}

src/styles/apkManage/index.less

@@ -0,0 +1,45 @@
+.advertRuleIdx {
+  .headCon {
+    height: 30px;
+
+    .ruleIcon {
+      width: 18px;
+      height: 17px;
+      margin-right: 10px;
+      background: url('../../assets/advertManage/ruleIcon.png');
+      background-size: 100%;
+    }
+  }
+
+  .contentCon {
+    width: 100%;
+    height: calc(100% - 120px);
+    overflow: auto;
+
+    .content {
+      .rightCon {
+        .editBtn {
+          border: 1px solid #2c87c8;
+          border-radius: 2px;
+          padding: 6px 16px;
+          color: #2c87c8;
+        }
+      }
+    }
+  }
+}
+
+.van-button--primary {
+  background-color: #2c87c8;
+  border-color: #2c87c8;
+}
+
+.van-radio__icon--checked .van-icon {
+  background-color: #2c87c8;
+  border-color: #2c87c8;
+}
+
+.van-checkbox__icon--checked .van-icon {
+  background-color: #2c87c8;
+  border-color: #2c87c8;
+}

src/styles/bindWechat/index.less

@@ -0,0 +1,30 @@
+.bindWechat {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    align-content: flex-start;
+
+    .loginFormBox {
+        width: 100%;
+        margin-top: 38px;
+    }
+
+    .buttonBox {
+        width: 281px;
+        margin: 20px auto 0 auto;
+        display: flex;
+        justify-content: space-between;
+
+        .van-button {
+            width: 120px;
+            height: 34px;
+            border: 1px solid #2c87c8;
+            background-color: #2c87c8;
+        }
+
+        .register {
+            background-color: transparent;
+            color: #2c87c8;
+        }
+    }
+}

src/styles/changePassword/index.less

@@ -0,0 +1,47 @@
+.changePassword {
+    .changePasswordFormBox {
+      width: 100%;
+      margin-top: 40px;
+      text-align: center;
+
+      .van-form {
+        .van-cell {
+          width: 90%;
+          height: 38px;
+          padding: 0;
+          margin: 0 auto;
+          margin-top: 10px;
+          overflow: visible;
+
+          &::after {
+            display: none;
+          }
+
+          .van-field__control {
+            height: 38px;
+            line-height: 38px;
+            padding: 6px;
+            border-radius: 2px;
+            border: 0.5px solid rgba(185, 186, 208, 1);
+          }
+
+          .van-field__label {
+            display: flex;
+            height: 38px;
+            align-items: center;
+            width: 80px;
+          }
+        }
+      }
+
+      .register {
+        background-color: #2c87c8;
+        border-radius: 17px;
+        height: 34px;
+        width: 220px;
+        margin-top: 60px;
+        font-size: 15px;
+        font-family: PingFangSC-Medium;
+      }
+    }
+  }

src/styles/dateSelectList/index.less

@@ -0,0 +1,65 @@
+.dateSelectListBox {
+  .Tabs1 {
+    background-color: rgba(255, 255, 255, 1);
+    z-index: 29;
+    border: 0.5px solid rgba(185, 186, 208, 1);
+    width: calc(100% - 30px);
+    margin: 0 auto;
+    position: relative;
+
+    .timeTabBox {
+      display: flex;
+
+      .timeTab {
+        width: 20%;
+        text-align: center;
+        overflow-wrap: break-word;
+        color: rgba(64, 77, 116, 1);
+        font-size: 14px;
+        text-align: center;
+        white-space: nowrap;
+        line-height: 34px;
+        border-right: 1px solid #B9BAD0;
+
+        &:last-child {
+          border-right: none;
+        }
+
+        .block3 {
+          width: 0;
+          height: 0;
+          border-left: 3px solid transparent;
+          border-right: 3px solid transparent;
+          border-bottom: 3px solid rgba(64, 77, 116, 1);
+          transform: rotate(180deg);
+          display: inline-block;
+          margin-bottom: 3px;
+          margin-left: 3px;
+        }
+      }
+
+      .active {
+        background: #2c87c8;
+        color: #fff;
+        position: relative;
+
+        .block3 {
+          border-bottom-color: #fff;
+        }
+
+        &::after {
+          position: absolute;
+          top: 34px;
+          left: 65%;
+          width: 0;
+          height: 0;
+          border-left: 5px solid transparent;
+          border-right: 5px solid transparent;
+          border-bottom: 5px solid #2c87c8;
+          transform: rotate(180deg);
+          content: "";
+        }
+      }
+    }
+  }
+}

src/styles/device/index.less

@@ -0,0 +1,573 @@
+.devicePage {
+  background-color: rgba(255, 255, 255, 1);
+  position: relative;
+  overflow: hidden;
+
+  .listBox {
+    width: 100%;
+    height: calc(100vh - 100px);
+    overflow: hidden;
+    overflow-y: auto;
+    .deviceBox1 {
+
+      .searchRow {
+        margin: 21px 15px;
+
+        .bd3 {
+          width: 87px;
+          height: 16px;
+
+          .outer4 {
+            width: 16px;
+            height: 16px;
+            background: url("../../assets/home/titleIcon.png") top center no-repeat;
+            background-size: 100%;
+          }
+
+          .txt2 {
+            width: 65px;
+            height: 14px;
+            overflow-wrap: break-word;
+            color: rgba(64, 77, 116, 1);
+            font-size: 15px;
+            font-family: PingFangSC-Semibold;
+            text-align: left;
+            white-space: nowrap;
+            line-height: 15px;
+            display: block;
+          }
+        }
+
+        .main5 {
+          width: 39px;
+          height: 16px;
+
+          .label2 {
+            width: 14px;
+            height: 14px;
+            margin-top: 1px;
+          }
+
+          .TextGroup2 {
+            height: 16px;
+            width: 22px;
+
+            .txt3 {
+              width: 22px;
+              height: 16px;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 11px;
+              text-align: center;
+              white-space: nowrap;
+              line-height: 16px;
+              display: block;
+            }
+          }
+        }
+      }
+
+      .pic1 {
+        width: 100%;
+        height: 2px;
+      }
+
+      .bd1 {
+        width: 100%;
+        height: 108px;
+        background: url(../../assets/home/outer.png) no-repeat;
+        background-size: 100% 100%;
+
+        .box2 {
+          width: 100%;
+          height: 100%;
+
+          .TextGroup3 {
+            height: 57px;
+            width: 48px;
+
+            .group1 {
+              width: 48px;
+              height: 57px;
+
+              .word4 {
+                height: 26px;
+                overflow-wrap: break-word;
+                color: rgba(223, 94, 76, 1);
+                font-size: 22px;
+                font-family: Helvetica;
+                text-align: center;
+                white-space: nowrap;
+                line-height: 26px;
+                display: block;
+              }
+
+              .info1 {
+                height: 17px;
+                overflow-wrap: break-word;
+                color: rgba(135, 135, 166, 1);
+                font-size: 12px;
+                text-align: center;
+                white-space: nowrap;
+                line-height: 17px;
+                margin-top: 14px;
+                display: block;
+              }
+            }
+          }
+
+          .TextGroup4 {
+            height: 57px;
+            width: 48px;
+
+            .main6 {
+              width: 48px;
+              height: 57px;
+
+              .word5 {
+                height: 26px;
+                overflow-wrap: break-word;
+                color: rgba(223, 94, 76, 1);
+                font-size: 22px;
+                font-family: Helvetica;
+                text-align: center;
+                white-space: nowrap;
+                line-height: 26px;
+                display: block;
+              }
+
+              .word6 {
+                height: 17px;
+                overflow-wrap: break-word;
+                color: rgba(135, 135, 166, 1);
+                font-size: 12px;
+                text-align: center;
+                white-space: nowrap;
+                line-height: 17px;
+                margin-top: 14px;
+                display: block;
+              }
+            }
+          }
+        }
+      }
+
+    }
+
+    .deviceBox2 {
+      width: 100%;
+
+      .section1 {
+        background-color: rgba(255, 255, 255, 1);
+        margin-top: 1px;
+        width: 100%;
+
+        .outer1 {
+          width: 100%;
+
+          .bd1 {
+            width: 100%;
+            height: 18px;
+
+            .layer1 {
+              background-color: #5a9cc8;
+              border-radius: 2px;
+              width: 4px;
+              height: 12px;
+              margin-top: 4px;
+            }
+
+            .txt1 {
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 15px;
+              font-family: PingFangSC-Medium;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 15px;
+              display: block;
+              margin: 3px 0 0 6px;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+
+            .layer2 {
+              height: 18px;
+              background: url("../../assets/device/powerOff.png") 100% no-repeat;
+              background-size: 100%;
+              width: 18px;
+              margin-left: 30px;
+
+              &.layerLeft {
+                margin-left: 5px;
+              }
+
+              &.deviceOn {
+                background: url("../../assets/device/powerOn.png") 100% no-repeat;
+                background-size: 100%;
+              }
+            }
+
+            .box4 {
+              width: 24px;
+              height: 19px;
+              background: url("../../assets/device/alarm.png") 100% no-repeat;
+            }
+          }
+
+          .txt1 {
+            width: 100%;
+            color: rgba(64, 77, 116, 1);
+            font-size: 14px;
+            display: flex;
+            align-items: center;
+          }
+
+          .contentBottomCon {
+            .van-button--primary {
+              background-color: #2c87c8;
+              width: 50px;
+              padding: 0 0;
+              margin: 0 8px 0 0;
+              height: 30px !important;
+            }
+
+            .pic1 {
+              width: 100%;
+              height: 2px;
+              margin-top: 19px;
+            }
+
+            .layer2 {
+              width: 100%;
+            }
+
+            .layer3 {
+              width: 100%;
+              display: flex;
+              align-items: center;
+
+              .word1 {
+                text-overflow: ellipsis;
+                width: 100%;
+                font-size: 14px;
+
+              }
+
+              .word2 {
+                width: 100%;
+                padding: 0 0;
+
+                .van-field__control {
+                  border: 0.5px solid #ccc;
+                  /* 添加边框 */
+                }
+              }
+
+              .word3 {
+                color: rgba(64, 77, 116, 1);
+                width: 70%;
+              }
+
+              .editIcon {
+                color: #2c87c8;
+                padding: 0 0 0px 5px;
+              }
+            }
+
+            .word4 {
+              width: 100%;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 14px;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 13px;
+            }
+
+            .layer5 {
+              width: 100%;
+
+              .word5 {
+                // width: 33.33%;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 14px;
+                text-align: left;
+                line-height: 13px;
+                display: block;
+              }
+
+              .word6 {
+                // width: 33.33%;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 14px;
+                line-height: 13px;
+                display: block;
+              }
+            }
+
+            .info1 {
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 14px;
+              text-align: left;
+              white-space: nowrap;
+              display: block;
+            }
+
+            .info2 {
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 14px;
+              text-align: left;
+              white-space: nowrap;
+              display: block;
+            }
+
+            .info3 {
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 14px;
+              text-align: left;
+              white-space: nowrap;
+              display: block;
+            }
+
+            .editDeviceBtnCon {
+              color: #2c87c8;
+
+              .box2 {
+                width: 18px;
+                height: 20px;
+                background: url("../../assets/order/gotoRight.png") no-repeat;
+                background-size: 100%;
+                margin-top: 2px;
+              }
+            }
+
+            .bd8 {
+              width: 345px;
+              height: 18px;
+              margin: 20px 0 0 15px;
+
+              .outer5 {
+                background-color: rgba(128, 150, 236, 1);
+                border-radius: 2px;
+                width: 4px;
+                height: 12px;
+                margin-top: 4px;
+              }
+
+              .txt6 {
+                width: 176px;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 14px;
+                font-family: PingFangSC-Medium;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 15px;
+                display: block;
+                margin: 3px 0 0 6px;
+              }
+
+              .outer6 {
+                width: 18px;
+                height: 18px;
+                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng164fc6854bc0badab9c36f9e9751c42ceda02742fc5e78f7662ced4a0f76844c) 100% no-repeat;
+                margin-left: 141px;
+              }
+            }
+
+            .txt7 {
+              width: 242px;
+              height: 20px;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 14px;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 20px;
+              display: block;
+              margin: 8px 0 0 15px;
+            }
+
+            .word8 {
+              width: 262px;
+              height: 13px;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 14px;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 13px;
+              display: block;
+              margin: 10px 0 0 15px;
+            }
+
+            .bd9 {
+              width: 61px;
+              height: 17px;
+              margin: 15px 0 0 157px;
+
+              .txt8 {
+                width: 48px;
+                height: 17px;
+                overflow-wrap: break-word;
+                color: rgba(135, 135, 166, 1);
+                font-size: 14px;
+                text-align: center;
+                white-space: nowrap;
+                line-height: 17px;
+                display: block;
+              }
+
+              .block1 {
+                width: 10px;
+                height: 4px;
+                background: url("../../assets/device/deviceSelect.png") 0px -1px no-repeat;
+                margin-top: 7px;
+              }
+            }
+
+            .bd10 {
+              width: 345px;
+              height: 1px;
+              background: url("../../assets/home/line.png") -1px 0px no-repeat;
+              margin: 15px 0 0 15px;
+            }
+
+            .bd11 {
+              width: 345px;
+              height: 18px;
+              margin: 20px 0 0 15px;
+
+              .section3 {
+                background-color: rgba(128, 150, 236, 1);
+                border-radius: 2px;
+                width: 4px;
+                height: 12px;
+                margin-top: 4px;
+              }
+
+              .txt9 {
+                width: 176px;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 14px;
+                font-family: PingFangSC-Medium;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 15px;
+                display: block;
+                margin: 3px 0 0 6px;
+              }
+
+              .section4 {
+                width: 22px;
+                height: 15px;
+                background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/be1271ed70774869b81ed2d5f43b6a44_mergeImage.png) 100% no-repeat;
+                margin: 3px 0 0 111px;
+              }
+
+              .section5 {
+                height: 18px;
+                background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/5723fcdad1574aef9e65c326de33d8b2_mergeImage.png) 100% no-repeat;
+                margin-left: 8px;
+                width: 18px;
+
+                .box3 {
+                  background-color: rgba(255, 255, 255, 1);
+                  border-radius: 1px;
+                  width: 2px;
+                  height: 7px;
+                  margin: 2px 0 0 8px;
+                }
+              }
+            }
+
+            .txt10 {
+              width: 242px;
+              height: 20px;
+              overflow-wrap: break-word;
+              color: rgba(64, 77, 116, 1);
+              font-size: 14px;
+              text-align: left;
+              white-space: nowrap;
+              line-height: 20px;
+              display: block;
+              margin: 8px 0 0 15px;
+            }
+          }
+
+          .sugarTxt {
+            color: rgba(64, 77, 116, 1);
+            font-size: 14px;
+            line-height: 13px;
+          }
+
+          .bd6 {
+            width: 100%;
+            border-bottom: 1px solid #eee;
+
+            .info2 {
+              overflow-wrap: break-word;
+              color: rgba(135, 135, 166, 1);
+              font-size: 14px;
+              text-align: center;
+              white-space: nowrap;
+              display: block;
+            }
+
+            .group2 {
+              width: 10px;
+              height: 5px;
+              background: url("../../assets/device/deviceSelect.png") center no-repeat;
+              background-size: 100%;
+
+              &.checkType {
+                transform: scaleY(-1);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.passwordIdx {
+	overflow: hidden;
+	overflow-y: auto;
+
+
+	.headerCon {
+		.line {
+			background-color: #5a9cc8;
+			border-radius: 2px;
+			width: 4px;
+			height: 16px;
+		}
+	}
+}
+
+.van-button--primary {
+    background-color: #2c87c8;
+    border-color: #2c87c8;
+}
+
+.van-dropdown-menu__title--active {
+    color: #2c87c8;
+}
+
+.van-dropdown-item__option--active, .van-dropdown-item__option--active .van-dropdown-item__icon {
+    color: #2c87c8;
+}
+
+.van-dropdown-menu__title {
+    color: #2c87c8;
+}

src/styles/deviceOper/index.less

@@ -0,0 +1,183 @@
+.operDialog {
+    width: 90%;
+
+    .txt1 {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .close {
+        position: absolute;
+        top: 0.5em;
+        right: 0.5em;
+        font-size: 1.5em;
+    }
+
+    .group4 {
+        background-color: rgba(215, 215, 226, 1);
+        border-radius: 2px;
+        width: 310px;
+        height: 1px;
+        margin: 0 auto;
+        margin-top: 10px;
+    }
+
+    .operBox {
+        display: flex;
+        width: 95%;
+        margin: 0 auto;
+        flex-wrap: wrap;
+
+        .operItem {
+            width: 25%;
+            margin: 6% 0;
+
+            .operIcon {
+                text-align: center;
+
+                .operImg {
+                    width: 25px;
+                }
+            }
+
+            .operText {
+                color: rgba(64, 77, 116, 1);
+                font-size: 11px;
+                text-align: center;
+            }
+        }
+    }
+}
+
+.operCheckBox {
+    .block5 {
+        background-color: rgba(215, 215, 226, 1);
+        border-radius: 2px;
+        width: 310px;
+        height: 1px;
+        margin: 0 auto;
+        margin-top: 25px;
+    }
+
+    .word10 {
+        width: auto;
+        height: 13px;
+        overflow-wrap: break-word;
+        color: rgba(64, 77, 116, 1);
+        font-size: 13px;
+        text-align: center;
+        white-space: nowrap;
+        line-height: 13px;
+        display: block;
+        margin: 33px auto;
+    }
+
+    .block6 {
+        width: 265px;
+        height: 34px;
+        margin: 20px auto;
+
+        .mod7 {
+            border-radius: 17px;
+            height: 34px;
+            border: 1px solid #2c87c8;
+            width: 120px;
+            justify-content: center;
+            align-items: center;
+
+            .info5 {
+                width: auto;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: #2c87c8;
+                font-size: 15px;
+                font-family: PingFangSC-Medium;
+                text-align: center;
+                white-space: nowrap;
+                line-height: 15px;
+                display: block;
+            }
+        }
+
+        .mod8 {
+            background-color: #2c87c8;
+            border-radius: 17px;
+            height: 34px;
+            width: 120px;
+            justify-content: center;
+            align-items: center;
+
+            .info6 {
+                width: auto;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: rgba(255, 255, 255, 1);
+                font-size: 15px;
+                font-family: PingFangSC-Medium;
+                text-align: center;
+                white-space: nowrap;
+                line-height: 15px;
+                display: block;
+            }
+        }
+    }
+}
+
+.page {
+	background-color: rgba(255, 255, 255, 1);
+	position: relative;
+	width: 100%;
+	height: calc(100vh - 44px);
+	overflow: hidden;
+
+
+	.box1 {
+		width: 100%;
+		height: 237px;
+
+
+		.block2 {
+			width: 162px;
+			height: 20px;
+			margin: 18px 0 0 15px;
+
+			.block3 {
+				background-color: #5a9cc8;
+				border-radius: 2px;
+				width: 4px;
+				height: 12px;
+				margin-top: 4px;
+			}
+
+			.info2 {
+				width: 150px;
+				height: 20px;
+				overflow-wrap: break-word;
+				color: rgba(64, 77, 116, 1);
+				font-size: 14px;
+				font-family: PingFangSC-Medium;
+				text-align: left;
+				white-space: nowrap;
+				line-height: 20px;
+				display: block;
+			}
+		}
+
+		.info3 {
+			width: auto;
+			height: 20px;
+			overflow-wrap: break-word;
+			color: rgba(64, 77, 116, 1);
+			font-size: 14px;
+			font-family: PingFangSC-Medium;
+			text-align: left;
+			white-space: nowrap;
+			line-height: 20px;
+			display: block;
+		}
+	}
+    .van-switch--on {
+        background-color: #2c87c8;
+    }
+}

src/styles/deviceSearch/index.less

@@ -0,0 +1,24 @@
+.field .van-field__label { width: auto; }
+
+.deviceSearch {
+  .clearBtn {
+    border-color: #2c87c8;
+  }
+
+  .van-button--plain.van-button--primary {
+    color: #2c87c8;
+  }
+
+  .selectBtn {
+    background-color: #2c87c8;
+    border-color: #2c87c8;
+  }
+
+  .van-cascader__option--selected {
+    color: #2c87c8;
+  }
+
+  .van-tabs__line {
+    background-color: #2c87c8 !important;
+  }
+}

src/styles/deviceSet/index.less

@@ -0,0 +1,653 @@
+.page {
+    background-color: rgba(255, 255, 255, 1);
+    position: relative;
+    width: 100%;
+    height: calc(100vh);
+    overflow: hidden;
+    overflow-y: auto;
+
+    .bd1 {
+        width: 100%;
+
+        .bd2 {
+            z-index: 3;
+            height: 64px;
+            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnged210ff8540d1e20d828b0758e650612a9ea018b41f720bede87fea0f933d8d8) 100% no-repeat;
+            width: 100%;
+            position: relative;
+
+            .block1 {
+                width: 364px;
+                height: 20px;
+                margin: 1px 0 0 7px;
+
+                .group1 {
+                    width: 34px;
+                    height: 6px;
+                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga64b2ae35561e96115c75cc6dfc235eedb108ecf95df957be1ef364417a9806e) 100% no-repeat;
+                    margin-top: 7px;
+                }
+
+                .txt1 {
+                    width: 38px;
+                    height: 17px;
+                    overflow-wrap: break-word;
+                    color: rgba(81, 84, 106, 1);
+                    font-size: 12px;
+                    font-family: PingFangSC-Semibold;
+                    text-align: right;
+                    white-space: nowrap;
+                    line-height: 17px;
+                    margin-left: 21px;
+                    display: block;
+                }
+
+                .group2 {
+                    width: 30px;
+                    height: 17px;
+                    overflow-wrap: break-word;
+                    font-size: 0;
+                    font-family: PingFangSC-Semibold;
+                    text-align: right;
+                    white-space: nowrap;
+                    line-height: 17px;
+                    margin: 3px 0 0 73px;
+
+                    .info1 {
+                        width: 30px;
+                        height: 17px;
+                        overflow-wrap: break-word;
+                        color: rgba(81, 84, 106, 1);
+                        font-size: 12px;
+                        font-family: PingFangSC-Semibold;
+                        text-align: left;
+                        white-space: nowrap;
+                        line-height: 17px;
+                    }
+
+                    .word1 {
+                        width: 30px;
+                        height: 17px;
+                        overflow-wrap: break-word;
+                        color: rgba(81, 84, 106, 1);
+                        font-size: 12px;
+                        font-family: PingFangSC-Medium;
+                        text-align: left;
+                        white-space: nowrap;
+                        line-height: 17px;
+                    }
+                }
+
+                .group3 {
+                    width: 26px;
+                    height: 10px;
+                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2e68dee6e62554db0f6ac40572f41b7be9cc24d35fc06b24c556fed2b7b18626) 100% no-repeat;
+                    margin: 5px 0 0 142px;
+                }
+            }
+
+            .block2 {
+                width: 210px;
+                height: 22px;
+                margin: 9px 0 12px 10px;
+
+                .icon1 {
+                    width: 10px;
+                    height: 18px;
+                    margin-top: 4px;
+                }
+
+                .info2 {
+                    width: 64px;
+                    height: 22px;
+                    overflow-wrap: break-word;
+                    color: rgba(64, 77, 116, 1);
+                    font-size: 16px;
+                    font-family: PingFangSC-Medium;
+                    text-align: center;
+                    white-space: nowrap;
+                    line-height: 22px;
+                    display: block;
+                }
+            }
+
+            .img1 {
+                z-index: 22;
+                position: absolute;
+                left: 0;
+                top: 63px;
+                width: 100%;
+                height: 2px;
+            }
+        }
+
+        .bd3 {
+            background-color: rgba(255, 255, 255, 1);
+            z-index: 24;
+            height: 54px;
+            margin-top: 1px;
+            width: 100%;
+            position: relative;
+
+            .mod1 {
+                width: 100%;
+                height: 38px;
+                margin-top: 16px;
+
+                .word2 {
+                    width: 65px;
+                    height: 14px;
+                    overflow-wrap: break-word;
+                    color: rgba(64, 77, 116, 1);
+                    font-size: 15px;
+                    font-family: PingFangSC-Semibold;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 15px;
+                    display: block;
+                    margin: 1px 0 0 43px;
+                }
+
+                .pic1 {
+                    width: 100%;
+                    height: 2px;
+                    margin-top: 18px;
+                }
+            }
+
+            .mod2 {
+                z-index: 28;
+                position: absolute;
+                left: 17px;
+                top: 18px;
+                width: 19px;
+                height: 20px;
+                background: url("../../assets/device/baseMssage.png") 100% no-repeat;
+                background-size: 100%;
+                background-position: top center;
+            }
+        }
+
+        .word3 {
+            width: 242px;
+            height: 20px;
+            overflow-wrap: break-word;
+            color: rgba(64, 77, 116, 1);
+            font-size: 14px;
+            text-align: left;
+            white-space: nowrap;
+            line-height: 20px;
+            display: block;
+            margin: 14px 0 0 15px;
+        }
+
+        .bd4 {
+            width: 345px;
+            height: 38px;
+            margin: 10px 0 0 15px;
+
+            .info3 {
+                width: 65px;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 13px;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 13px;
+                margin-top: 13px;
+                display: block;
+            }
+
+            .box1 {
+                background-color: rgba(255, 255, 255, 1);
+                border-radius: 2px;
+                height: 38px;
+                border: 0.5px solid rgba(185, 186, 208, 1);
+                width: 254px;
+
+                .word4 {
+                    width: 74px;
+                    height: 13px;
+                    overflow-wrap: break-word;
+                    color: rgba(168, 168, 197, 1);
+                    font-size: 13px;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 13px;
+                    display: block;
+                    margin: 13px 0 0 6px;
+                }
+            }
+        }
+
+        .bd5 {
+            width: 345px;
+            height: 38px;
+            margin: 10px 0 0 15px;
+
+            .word5 {
+                width: 65px;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 13px;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 13px;
+                margin-top: 13px;
+                display: block;
+            }
+
+            .bd6 {
+                background-color: rgba(255, 255, 255, 1);
+                border-radius: 2px;
+                height: 38px;
+                border: 0.5px solid rgba(185, 186, 208, 1);
+                width: 254px;
+
+                .txt2 {
+                    width: 152px;
+                    height: 13px;
+                    overflow-wrap: break-word;
+                    color: rgba(168, 168, 197, 1);
+                    font-size: 13px;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 13px;
+                    display: block;
+                    margin: 13px 0 0 6px;
+                }
+            }
+        }
+
+        .txt3 {
+            width: 225px;
+            height: 18px;
+            overflow-wrap: break-word;
+            color: rgba(64, 77, 116, 1);
+            font-size: 13px;
+            text-align: left;
+            white-space: nowrap;
+            line-height: 18px;
+            display: block;
+            margin: 10px 0 0 15px;
+        }
+
+        .bd7 {
+            width: 100%;
+
+            .van-icon {
+                color: #2c87c8;
+            }
+
+            .word6 {
+                // width: 80%;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 13px;
+                text-align: left;
+                white-space: nowrap;
+            }
+        }
+
+        .van-switch--on {
+            background-color: #2c87c8;
+        }
+
+        .bd8 {
+            width: 100%;
+            height: 1px;
+            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng699372cef543e7a77f69ee4b13e1e8fd3969dbac13a75ca8bfd596af7891e8b5) -1px 0px no-repeat;
+            margin: 16px 0 0 15px;
+            background-size: 100%;
+        }
+
+        .txt4 {
+            width: 110px;
+            height: 18px;
+            overflow-wrap: break-word;
+            color: rgba(64, 77, 116, 1);
+            font-size: 13px;
+            text-align: left;
+            white-space: nowrap;
+            line-height: 18px;
+            display: block;
+            margin: 19px 0 0 15px;
+        }
+
+        .word7 {
+            width: 143px;
+            height: 18px;
+            overflow-wrap: break-word;
+            color: rgba(64, 77, 116, 1);
+            font-size: 13px;
+            text-align: left;
+            white-space: nowrap;
+            line-height: 18px;
+            display: block;
+            margin: 10px 0 0 15px;
+        }
+
+        .bd9 {
+            .txt5 {
+                width: 65px;
+                flex: 0 0 65px;
+                height: 18px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 13px;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 18px;
+                display: block;
+            }
+
+            .box2 {
+                width: 100%;
+
+                .word8 {
+                    overflow-wrap: break-word;
+                    color: rgba(255, 255, 255, 1);
+                    font-size: 13px;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 18px;
+                    display: block;
+                    background-color: rgba(229, 154, 109, 1);
+                }
+            }
+
+            .ImageText1 {
+                height: 17px;
+                width: 50px;
+                flex: 0 0 40px;
+                margin: 6px 0 0 28px;
+
+                .box3 {
+                    width: 45px;
+                    height: 17px;
+
+                    .bd10 {
+                        width: 15px;
+                        height: 15px;
+                        background: url(../../assets/edit.png) 100% no-repeat;
+                        background-size: 100%;
+                    }
+
+                    .TextGroup1 {
+                        height: 17px;
+                        width: 24px;
+
+                        .word9 {
+                            width: 24px;
+                            height: 17px;
+                            overflow-wrap: break-word;
+                            color: #2c87c8;
+                            font-size: 12px;
+                            text-align: left;
+                            white-space: nowrap;
+                            line-height: 17px;
+                            display: block;
+                        }
+                    }
+                }
+            }
+        }
+
+        .bd11 {
+            width: 345px;
+            height: 38px;
+            margin: 32px 0 0 15px;
+
+            .word10 {
+                width: 78px;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 13px;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 13px;
+                margin-top: 13px;
+                display: block;
+            }
+
+            .bd12 {
+                background-color: rgba(255, 255, 255, 1);
+                border-radius: 2px;
+                height: 38px;
+                border: 0.5px solid rgba(185, 186, 208, 1);
+                width: 253px;
+
+                .word11 {
+                    width: 74px;
+                    height: 13px;
+                    overflow-wrap: break-word;
+                    color: rgba(168, 168, 197, 1);
+                    font-size: 13px;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 13px;
+                    display: block;
+                    margin: 13px 0 0 6px;
+                }
+            }
+        }
+
+        .bd13 {
+            width: 345px;
+            height: 38px;
+            margin: 10px 0 0 15px;
+
+            .info4 {
+                width: 91px;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 13px;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 13px;
+                margin-top: 13px;
+                display: block;
+            }
+
+            .main1 {
+                background-color: rgba(255, 255, 255, 1);
+                border-radius: 2px;
+                height: 38px;
+                border: 0.5px solid rgba(185, 186, 208, 1);
+                width: 254px;
+
+                .txt6 {
+                    width: 86px;
+                    height: 13px;
+                    overflow-wrap: break-word;
+                    color: rgba(168, 168, 197, 1);
+                    font-size: 13px;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 13px;
+                    display: block;
+                    margin: 13px 0 0 6px;
+                }
+            }
+        }
+
+        .bd14 {
+            width: 345px;
+            height: 38px;
+            margin: 10px 0 0 15px;
+
+            .info5 {
+                width: 65px;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 13px;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 13px;
+                margin-top: 13px;
+                display: block;
+            }
+
+            .bd15 {
+                background-color: rgba(255, 255, 255, 1);
+                border-radius: 2px;
+                height: 38px;
+                border: 0.5px solid rgba(185, 186, 208, 1);
+                width: 254px;
+
+                .word12 {
+                    width: 52px;
+                    height: 13px;
+                    overflow-wrap: break-word;
+                    color: rgba(168, 168, 197, 1);
+                    font-size: 13px;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 13px;
+                    display: block;
+                    margin: 13px 0 0 6px;
+                }
+            }
+        }
+
+        .bd16 {
+            width: 348px;
+            height: 18px;
+            margin: 20px 0 0 15px;
+
+            .txt7 {
+                width: 65px;
+                height: 18px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 13px;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 18px;
+                display: block;
+            }
+
+            .section1 {
+                width: 12px;
+                height: 12px;
+                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e3fac6de0c7dcaa42c48ad9495ff6feeaa9cdab9afc41f6b5ceac1719f3fd50) 100% no-repeat;
+                margin: 4px 0 0 6px;
+            }
+
+            .info6 {
+                width: 52px;
+                height: 18px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 13px;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 18px;
+                margin-left: 4px;
+                display: block;
+            }
+
+            .ImageText2 {
+                height: 18px;
+                margin-left: 20px;
+                width: 68px;
+
+                .group4 {
+                    width: 68px;
+                    height: 18px;
+
+                    .outer1 {
+                        border-radius: 50%;
+                        width: 12px;
+                        height: 12px;
+                        border: 1px solid rgba(77, 106, 221, 1);
+                        margin-top: 4px;
+                    }
+
+                    .TextGroup2 {
+                        height: 18px;
+                        width: 52px;
+
+                        .word13 {
+                            width: 52px;
+                            height: 18px;
+                            overflow-wrap: break-word;
+                            color: rgba(64, 77, 116, 1);
+                            font-size: 13px;
+                            text-align: left;
+                            white-space: nowrap;
+                            line-height: 18px;
+                            display: block;
+                        }
+                    }
+                }
+            }
+
+            .ImageText3 {
+                height: 18px;
+                margin-left: 20px;
+                width: 101px;
+
+                .bd17 {
+                    width: 101px;
+                    height: 18px;
+
+                    .outer2 {
+                        border-radius: 50%;
+                        width: 12px;
+                        height: 12px;
+                        border: 1px solid rgba(77, 106, 221, 1);
+                        margin-top: 4px;
+                    }
+
+                    .TextGroup3 {
+                        height: 18px;
+                        width: 85px;
+
+                        .word14 {
+                            width: 85px;
+                            height: 18px;
+                            overflow-wrap: break-word;
+                            color: rgba(64, 77, 116, 1);
+                            font-size: 13px;
+                            text-align: left;
+                            white-space: nowrap;
+                            line-height: 18px;
+                            display: block;
+                        }
+                    }
+                }
+            }
+        }
+
+
+        .info7 {
+            width: 250px;
+            overflow-wrap: break-word;
+            color: rgba(255, 255, 255, 1);
+            font-size: 15px;
+            font-family: PingFangSC-Medium;
+            text-align: center;
+            white-space: nowrap;
+            line-height: 15px;
+            display: block;
+            background-color: #2c87c8;
+            border-color: #2c87c8;
+            // margin: 11px 0 0 35px;
+        }
+    }
+    .van-button--primary {
+        background-color: #2c87c8;
+        border-color: #2c87c8;
+    }
+
+    .van-radio__icon--checked .van-icon {
+        background-color: #2c87c8;
+        border-color: #2c87c8;
+    }
+}

src/styles/discountCode/index.less

@@ -0,0 +1,215 @@
+.discountCodePage {
+    width: 100%;
+
+    .discountCodeBox {
+        width: 100%;
+        height: calc(100% - 44px);
+        overflow: auto;
+        // background: #fff url('../../assets/discountCode/pageBg.png') top center no-repeat;
+        // background-size: 100%;
+
+        .searchRow {
+            width: 90%;
+            height: 48px;
+            margin: 0 auto;
+            background: rgba(255, 255, 255, 1) url("../../assets/home/line.png") bottom center no-repeat;
+            background-size: 100%;
+            align-items: center;
+
+            .bd3 {
+                width: 87px;
+                height: 16px;
+
+                .outer4 {
+                    width: 20px;
+                    height: 26px;
+                    background: url("../../assets/discountCode/icon.png") top center no-repeat;
+                    background-size: 100%;
+                }
+
+                .txt2 {
+                    width: 65px;
+                    height: 14px;
+                    overflow-wrap: break-word;
+                    color: rgba(64, 77, 116, 1);
+                    font-size: 15px;
+                    font-family: PingFangSC-Semibold;
+                    text-align: left;
+                    white-space: nowrap;
+                    line-height: 15px;
+                    display: block;
+                    font-weight: bold;
+
+                    .discountNumber {
+                        font-size: 18px;
+                        color: red;
+                    }
+                }
+            }
+
+            .main5 {
+                width: 39px;
+                height: 16px;
+
+                .label2 {
+                    width: 14px;
+                    height: 14px;
+                    margin-top: 1px;
+                }
+
+                .TextGroup2 {
+                    height: 16px;
+                    width: 22px;
+
+                    .txt3 {
+                        width: 22px;
+                        height: 16px;
+                        overflow-wrap: break-word;
+                        color: rgba(64, 77, 116, 1);
+                        font-size: 11px;
+                        text-align: center;
+                        white-space: nowrap;
+                        line-height: 16px;
+                        display: block;
+                    }
+                }
+            }
+        }
+
+        .tabButtomBox {
+            width: 100%;
+            height: 50px;
+
+            .tabBox {
+                width: 50%;
+                align-items: center;
+                justify-content: space-around;
+
+                .active {
+                    color: #2c87c8;
+                    position: relative;
+                    height: 100%;
+                    line-height: 50px;
+
+                    &::after {
+                        content: '';
+                        width: 100%;
+                        height: 3px;
+                        position: absolute;
+                        bottom: 0;
+                        left: 0;
+                        background-color: #2c87c8;
+                    }
+                }
+            }
+
+            .buttomBox {
+                width: 50%;
+                justify-content: flex-end;
+                align-items: center;
+
+                .buttonItem {
+                    width: 60px;
+                    line-height: 1.6;
+                    font-size: 12px;
+                    margin-right: 15px;
+                    text-align: center;
+                    background-color: #EDF0FC;
+                    color: #A5B4EE;
+                    border: 1px solid #A5B4EE;
+                    position: relative;
+                }
+            }
+        }
+
+        .intervalRow {
+            width: 100%;
+            height: 10px;
+            background-color: #f5f5f5;
+        }
+
+        .listBox {
+            .listItem {
+                width: 100%;
+                background: url("../../assets/home/line.png") bottom center no-repeat;
+                background-size: 100%;
+                position: relative;
+                display: inline-block;
+
+                .itemBox {
+                    width: 92%;
+                    margin: 20px auto;
+                    font-size: 12px;
+                    line-height: 1.64;
+
+                    .itemRow {
+                        width: 100%;
+                    }
+
+                    .itemTitle {
+                        color: #8787a6;
+                    }
+
+                    .discount {
+                        padding-left: 2em;
+                    }
+                }
+
+                .tipBox {
+                    position: absolute;
+                    top: 20px;
+                    right: 4%;
+                    width: 21%;
+                    line-height: 2.2;
+                    text-align: center;
+                    background-color: #2c87c8;
+                    color: #fff;
+
+                    &.isUseTip {
+                        background-color: #8787a6;
+                    }
+                }
+            }
+        }
+
+    }
+
+    .van-button--primary {
+        border-color: #2c87c8;
+        background-color: #2c87c8;
+    }
+}
+
+.discountCodePage {
+    .van-field__button {
+        width: 150px;
+    }
+
+    .van-field {
+        width: 100%;
+        display: flex;
+        align-items: center; //上下对齐
+        justify-content: space-between;
+    }
+
+    .van-radio__icon--checked .van-icon {
+        background-color: #2c87c8;
+        border-color: #2c87c8;
+    }
+}
+
+.codeSearch {
+  width: 100%;
+
+  .codeSearchPopup {
+    width: 90%;
+  }
+
+  .content {
+    padding-top: 1em;
+  }
+
+  .field .van-field__label {
+    width: auto;
+  }
+}

src/styles/distributionSet/index.less

@@ -0,0 +1,97 @@
+.distributionSetIdx {
+    .van-tabs--line .van-tabs__wrap {
+        height: 30px;
+    }
+
+    .van-pull-refresh {
+        height: calc(100vh - 120px);
+        overflow: auto;
+    }
+
+    .headCon {
+        .leftImg {
+            width: 20px;
+            height: 20px;
+            background: url('../../assets/distributionSet/leftIcon.png') top center no-repeat;
+            background-size: 100%;
+        }
+
+        .leftTxt {
+            color: #434d74;
+
+            .leftNum {
+                color: #df5e4c;
+            }
+        }
+
+        .rightCon {
+            color: #2c87c8;
+        }
+    }
+
+    .van-tabs__line {
+        background-color: #2c87c8 !important;
+    }
+
+    .van-tab--active .van-tab__text--ellipsis {
+        color: #2c87c8;
+    }
+
+    .contentCon {
+        height: calc(100% - 120px);
+
+        .content {
+            margin-top: 6px;
+
+            .titleName {
+                color: #8787a6;
+            }
+
+            .valueName {
+                color: #404d74;
+            }
+
+            .valueName1 {
+                width: 90px;
+                display: inline-block;
+            }
+
+            .effective {
+                color: #4dc193;
+            }
+        }
+
+        .approval {
+            color: #df5e4c;
+        }
+    }
+}
+
+.distributionDetailIdx {
+    overflow: auto;
+
+    .kBordBott {
+        color: #404d74;
+    }
+
+    .noPaddingTopCell {
+        .van-cell {
+            padding-right: 0;
+            width: 250px;
+        }
+    }
+
+    .noPaddingRCell {
+        padding-right: var(--van-cell-horizontal-padding);
+
+        .van-cell {
+            padding-right: 0;
+            width: 250px;
+        }
+    }
+
+    .van-button--primary {
+        border-color: #2c87c8;
+        background-color: #2c87c8;
+    }
+}

src/styles/doSugar/index.less

@@ -0,0 +1,89 @@
+.page {
+    background-color: rgba(255, 255, 255, 1);
+    position: relative;
+    width: 100%;
+    height: calc(100vh - 44px);
+    overflow: hidden;
+
+    .van-cell {
+        margin-top: 13px;
+    }
+
+    .van-cell:after {
+        display: none;
+    }
+
+    .van-field__label {
+        width: 91px;
+    }
+
+    .textRow {
+        text-align: right;
+        width: 100%;
+        color: #2c87c8;
+        font-size: 12px;
+        line-height: 17px;
+        cursor: pointer;
+    }
+
+    .box1 {
+        width: 100%;
+        height: 237px;
+
+        .block2 {
+            width: 162px;
+            height: 20px;
+            margin: 18px 0 0 15px;
+
+            .block3 {
+                background-color: #5a9cc8;
+                border-radius: 2px;
+                width: 4px;
+                height: 12px;
+                margin-top: 4px;
+            }
+
+            .info2 {
+                width: 150px;
+                height: 20px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 14px;
+                font-family: PingFangSC-Medium;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 20px;
+                display: block;
+            }
+        }
+
+        .block5 {
+            background-color: #2c87c8;
+            border-radius: 17px;
+            height: 34px;
+            width: 220px;
+            margin: 50px auto;
+
+            .txt3 {
+                width: auto;
+                height: 13px;
+                overflow-wrap: break-word;
+                color: rgba(255, 255, 255, 1);
+                font-size: 15px;
+                font-family: PingFangSC-Medium;
+                text-align: center;
+                white-space: nowrap;
+                line-height: 15px;
+                display: block;
+                margin: 11px 0 0 0px;
+            }
+        }
+    }
+    .van-tabs__line {
+        background-color: #2c87c8 !important;
+    }
+
+    .van-tab--active .van-tab__text--ellipsis {
+        color: #2c87c8;
+    }
+}

src/styles/forgetPassword/index.less

@@ -0,0 +1,83 @@
+.forgetPassword {
+  .forgetPasswordFormBox {
+    width: 313px;
+    margin: 30px auto;
+    text-align: center;
+
+    .van-form {
+      .van-cell {
+        width: 313px;
+        height: 38px;
+        padding: 0;
+        font-size: 13px;
+        margin: 0 auto;
+        margin-top: 20px;
+        overflow: visible;
+        &::after { display: none;}
+        .van-field__button button { background-color: #5a9cc8; color: #fff; }
+        .van-button__text {
+          padding: 4px;
+        }
+        .van-field__control {
+          height: 38px;
+          line-height: 38px;
+          padding: 6px;
+          border-radius: 2px;
+          border: 0.5px solid rgba(185, 186, 208, 1);
+        }
+        .radioBox {
+          display: flex;
+          .van-radio-group--horizontal {
+            width: 100%;
+            justify-content: space-around;
+          }
+          .van-radio { overflow: visible; }
+          .van-radio__icon--checked .van-icon-success{
+            border-color: #2c87c8;
+            background: #2c87c8;
+          }
+          .van-icon-success::before {
+            content: '';
+            background: #fff;
+            width: 40%;
+            height: 40%;
+            position: absolute;
+            top: 30%;
+            left: 30%;
+            border-radius: 100%;
+          }
+          .van-radio__icon--checked + .van-radio__label { color: #2c87c8; }
+        }
+      }
+      .word1 {
+        overflow-wrap: break-word;
+        color: rgba(64, 77, 116, 1);
+        font-size: 13px;
+        text-align: left;
+        white-space: nowrap;
+        line-height: 13px;
+        display: block;
+        margin: 34px 0 0 0;
+      }
+      .word2 {
+        overflow-wrap: break-word;
+        color: rgba(64, 77, 116, 1);
+        font-size: 13px;
+        text-align: left;
+        white-space: nowrap;
+        line-height: 13px;
+        display: block;
+        margin: 14px 0 0 0;
+      }
+      .register {
+        background-color: #2c87c8;
+        border-radius: 17px;
+        height: 34px;
+        width: 200px;
+        margin-top: 60px;
+        font-size: 15px;
+        font-family: PingFangSC-Medium;
+      }
+    }
+  }
+}

src/views/home/index.less

@@ -73,8 +73,8 @@
         height: 16px;
 
         .section5 {
-          width: 14px;
-          height: 16px;
+          width: 15px;
+          height: 15px;
           background: url("../../assets/home/titleIcon.png") top center no-repeat;
           background-size: 100%;
           margin-left: 15px;
@@ -275,21 +275,22 @@
         width: 100%;
 
         .ImageText10 {
-          height: 14px;
+          height: 20px;
           margin-left: 20px;
           width: 78px;
 
           .wrap2 {
             width: 78px;
-            height: 14px;
+            height: 20px;
 
             .outer10 {
               z-index: 2;
               position: relative;
-              width: 14px;
-              height: 14px;
+              margin-right: 5px;
+              width: 20px;
+              height: 20px;
               border: 2px rgba(128, 150, 236, 1);
-              background: url("../../assets/home/commonTools.png") center no-repeat;
+              background: url("../../assets/home/commonTools.png") top center no-repeat;
               background-size: 100%;
             }
 
@@ -300,6 +301,7 @@
               .txt13 {
                 width: 56px;
                 height: 14px;
+                margin-top: 3px;
                 overflow-wrap: break-word;
                 color: rgba(64, 77, 116, 1);
                 font-size: 14px;
@@ -327,13 +329,13 @@
 
         // margin: 0 26px 27px 0;
         // margin-bottom: 27px;
-/*        &:nth-last-child(-n + 5) {
-          margin-bottom: 0;
-        } */
+        /*        &:nth-last-child(-n + 5) {
+                  margin-bottom: 0;
+                } */
 
         .mod7 {
-          height: 55px;
-          width: 55px;
+          height: 45px;
+          width: 45px;
           margin: 0 auto;
           align-items: center;
           justify-content: center;
@@ -357,5 +359,4 @@
       }
     }
   }
-  
 }

src/styles/joinpayMch/index.less

@@ -0,0 +1,172 @@
+.shandeMchPage {
+    width: 100%;
+
+    &.page1 {
+        background: #fff url('../../assets/joinPayMch/top1.png') top center no-repeat;
+        background-size: 100%;
+    }
+
+    &.page2 {
+        background: #fff url('../../assets/joinPayMch/top2.png') top center no-repeat;
+        background-size: 100%;
+    }
+
+    &.page3 {
+        background: #fff url('../../assets/joinPayMch/top3.png') top center no-repeat;
+        background-size: 100%;
+    }
+
+    .simple-header {
+        background: transparent;
+        color: #fff;
+    }
+
+    .van-radio__icon .van-icon {
+        width: 1em;
+        height: 1em;
+        line-height: 1;
+    }
+
+    &.page4 {
+        .simple-header {
+            background: #fff;
+            color: #404d74;
+        }
+    }
+
+    .topSpeed {
+        width: 100%;
+        height: 8.3em;
+
+        &.page1 {
+            background: #fff url('../../assets/joinPayMch/top1.png') bottom center no-repeat;
+            background-size: 100%;
+        }
+
+        &.page2 {
+            background: #fff url('../../assets/joinPayMch/top2.png') bottom center no-repeat;
+            background-size: 100%;
+        }
+
+        &.page3 {
+            background: #fff url('../../assets/joinPayMch/top3.png') bottom center no-repeat;
+            background-size: 100%;
+        }
+    }
+
+    .shandeMchBox {
+        width: 100%;
+        height: calc(100% - 44px);
+        background-color: #fff;
+        overflow: auto;
+        overflow-x: hidden;
+
+        .intervalRow {
+            width: 100%;
+            height: 10px;
+            background-color: #f5f5f5;
+        }
+
+        .joinPayMch2 {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: center;
+        }
+    }
+
+    .requiredLeft {
+        .van-cell__title {
+            width: 35%;
+            position: relative;
+
+            &::after {
+                content: '*';
+                color: red;
+                position: absolute;
+                left: -.6em;
+            }
+        }
+    }
+
+    .upLoaderRow {
+        .baseRow {
+            width: 100%;
+            height: 20px;
+            margin-left: 15px;
+            margin-top: 5px;
+            justify-content: flex-start;
+
+            .group2 {
+                background-color: rgba(128, 150, 236, 1);
+                border-radius: 2px;
+                width: 4px;
+                height: 16px;
+                margin-top: 4px;
+            }
+
+            .baseText {
+                width: 150px;
+                height: 20px;
+                overflow-wrap: break-word;
+                color: rgba(64, 77, 116, 1);
+                font-size: 14px;
+                font-family: PingFangSC-Medium;
+                text-align: left;
+                white-space: nowrap;
+                line-height: 20px;
+                display: block;
+                margin-left: 15px;
+            }
+        }
+
+        .cardRow {
+            width: 100%;
+            display: flex;
+
+            .cardLi {
+                width: 50%;
+                text-align: center;
+                padding: 1em;
+            }
+        }
+    }
+    
+    .van-radio__icon--checked .van-icon {
+        background-color: #2c87c8;
+        border-color: #2c87c8;
+    }
+
+    .van-calendar__day--start-end {
+        background-color: #2c87c8 !important;
+    }
+
+    .van-calendar__selected-day {
+        background-color: #2c87c8 !important;
+    }
+
+    .van-calendar__day--start {
+        background-color: #2c87c8 !important;
+    }
+
+    .van-calendar__day--middle {
+        color: #2c87c8 !important;
+    }
+
+    .van-calendar__day--end {
+        background-color: #2c87c8 !important;
+    }
+
+    .van-calendar__confirm {
+        border-color: #2c87c8 !important;
+        background-color: #2c87c8 !important;
+    }
+
+    .van-button--primary {
+        border-color: #2c87c8;
+        background-color: #2c87c8;
+    }
+
+    .van-field__label {
+        width: 35%;
+    }
+}

src/styles/kDialog/index.less

@@ -0,0 +1,72 @@
+.kDialogIdx {
+
+    .operCheckBox {
+      padding: 0 10px;
+      padding-top: 20px;
+  
+      .operCheckCon {
+        padding-top: 20px;
+        border-top: 1px solid #D7D7E2;
+  
+        .word10 {
+          width: 143px;
+          height: 13px;
+          overflow-wrap: break-word;
+          color: rgba(64, 77, 116, 1);
+          font-size: 13px;
+          text-align: left;
+          white-space: nowrap;
+          line-height: 13px;
+          display: block;
+          margin: 33px auto;
+        }
+  
+        .block6 {
+          width: 265px;
+          height: 34px;
+          margin: 20px auto;
+  
+          .mod7 {
+            border-radius: 17px;
+            height: 34px;
+            border: 1px solid #2c87c8;
+            width: 120px;
+            justify-content: center;
+            align-items: center;
+  
+            .info5 {
+              overflow-wrap: break-word;
+              color: #2c87c8;
+              font-size: 15px;
+              font-family: PingFangSC-Medium;
+              text-align: center;
+              // white-space: nowrap;
+              line-height: 15px;
+              display: block;
+            }
+          }
+  
+          .mod8 {
+            background-color: #2c87c8;
+            border-radius: 17px;
+            height: 34px;
+            width: 120px;
+            justify-content: center;
+            align-items: center;
+  
+            .info6 {
+              overflow-wrap: break-word;
+              color: rgba(255, 255, 255, 1);
+              font-size: 15px;
+              font-family: PingFangSC-Medium;
+              text-align: center;
+              // white-space: nowrap;
+              line-height: 15px;
+              display: block;
+            }
+          }
+        }
+      }
+  
+    }
+  }

src/styles/labelMan/index.less

@@ -0,0 +1,60 @@
+.advertRuleIdx {
+    .headCon {
+        height: 55px;
+
+        .ruleIcon {
+            width: 23px;
+            height: 23px;
+            background: url("../../assets/advertManage/ruleIcon.png") top center no-repeat;
+            background-size: 100%;
+        }
+    }
+
+    .van-tabs__line {
+        background-color: #2c87c8 !important;
+    }
+
+    .van-tab--active .van-tab__text--ellipsis {
+        color: #2c87c8;
+    }
+
+    .contentCon {
+        width: 100%;
+        height: calc(100% - 120px);
+        overflow: auto;
+
+        .content {
+            .rightCon {
+                .editBtn {
+                    border: 1px solid #2c87c8;
+                    border-radius: 2px;
+                    padding: 6px 16px;
+                    color: #2c87c8;
+                }
+            }
+        }
+    }
+
+    .van-checkbox__icon--checked .van-icon {
+        background-color: #2c87c8;
+        border-color: #2c87c8;
+    }
+}
+
+.addIdx {
+    .van-radio__icon--checked .van-icon {
+      background-color: #2c87c8;
+      border-color: #2c87c8;
+    }
+
+    .van-checkbox__icon--checked .van-icon {
+        background-color: #2c87c8;
+        border-color: #2c87c8;
+    }
+
+    .van-button--primary {
+      background-color: #2c87c8;
+      border-color: #2c87c8;
+    }
+
+  }

src/styles/login/index.less

@@ -0,0 +1,177 @@
+.login {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  align-content: flex-start;
+
+  .loginLogoBox {
+    width: 100%;
+    height: 180px;
+    text-align: center;
+    position: relative;
+
+    .loginLogo {
+      width: 200px;
+      height: 140px;
+      position: absolute;
+      top: 40px;
+      left: 50%;
+      transform: translateX(-50%);
+      background: url("../../assets/login/logo.png") center no-repeat;
+      background-size: 100%;
+    }
+
+    .languageCon {
+      right: 10px;
+      top: 10px;
+      border: 1px solid #2c87c8;
+      padding: 5px 10px;
+      border-radius: 10px;
+      color: #2c87c8;
+    }
+  }
+
+  .loginTitleBox {
+    width: 100%;
+
+    .loginTitle {
+      height: 28px;
+      overflow-wrap: break-word;
+      color: #404d74;
+      font-size: 20px;
+      font-family: PingFangSC-Medium;
+      text-align: center;
+      white-space: nowrap;
+      line-height: 28px;
+      display: block;
+      margin: 8px auto 0 auto;
+      font-weight: 600;
+    }
+  }
+
+  .loginFormBox {
+    width: 100%;
+    margin-top: 20px;
+
+    .van-field__body {
+      height: 100%;
+    }
+
+    .van-form .van-cell {
+      width: 281px;
+      height: 38px;
+      background-color: rgba(255, 255, 255, 1);
+      border-radius: 2px;
+      border: 0.5px solid rgba(185, 186, 208, 1);
+      padding: 0;
+      color: rgba(168, 168, 197, 1);
+      font-size: 13px;
+      margin: 0 auto;
+      margin-top: 20px;
+      overflow: visible;
+
+      .van-field__control {
+        height: 38px;
+        line-height: 38px;
+        padding: 6px;
+      }
+
+      .van-field__control::-webkit-input-placeholder {
+        color: rgba(168, 168, 197, 1);
+      }
+    }
+
+    .checkedPasswordBox {
+
+      width: 281px;
+      margin: 25px auto 0 auto;
+      font-size: 13px;
+      color: #2c87c8;
+      display: flex;
+      justify-content: space-between;
+      height: 13px;
+      line-height: 13px;
+
+      .van-checkbox {
+        overflow: visible;
+      }
+
+      .van-checkbox__icon {
+        font-size: 13px;
+
+      }
+
+      .van-checkbox__label {
+        line-height: 13px;
+      }
+
+      .van-checkbox__icon--checked .van-icon-success {
+        border-color: #2c87c8;
+        background: #2c87c8;
+      }
+
+      .checkedPassWord .van-icon-success::before {
+        content: "";
+        background: #fff;
+        width: 40%;
+        height: 40%;
+        position: absolute;
+        top: 30%;
+        left: 30%;
+        border-radius: 100%;
+      }
+
+      .van-checkbox__icon--checked + .van-checkbox__label {
+        color: #2c87c8;
+      }
+
+      .forgetPassWord {
+        cursor: pointer;
+      }
+    }
+
+    .loginWithWechatClass {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .wechat-btn {
+        width: 60px;
+        height: 60px;
+        margin: 0;
+        padding: 0;
+        border: none;
+        border-radius: 50%; /* 将按钮样式修改为圆形 */
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .wechat-icon {
+        width: 40px;
+        height: 40px;
+      }
+    }
+
+    .buttonBox {
+      width: 281px;
+      margin: 20px auto 0 auto;
+      display: flex;
+      justify-content: space-between;
+
+      .van-button {
+        width: 120px;
+        height: 34px;
+        border: 1px solid #2c87c8;
+        background-color: #2c87c8;
+      }
+
+      .register {
+        background-color: transparent;
+        color: #2c87c8;
+      }
+    }
+
+  }
+
+}

src/styles/modifyPrice/index.less

@@ -0,0 +1,61 @@
+.modifyPriceIdx {
+    height: calc(100%-44px);
+    overflow: hidden;
+    overflow-y: auto;
+
+    .headerCon {
+        .line {
+            background-color: #5a9cc8;
+            border-radius: 2px;
+            width: 4px;
+            height: 16px;
+        }
+    }
+
+    .content {
+        .gotoRight {
+            width: 18px;
+            height: 20px;
+            background: url("../../assets/order/gotoRight.png") no-repeat;
+            background-size: 100%;
+            margin-top: 2px;
+        }
+
+        .goodsCon {
+            height: 50px;
+
+            .priceInp {
+                .van-cell {
+                    display: flex;
+                    align-items: center;
+                    padding: 0;
+                }
+
+                .van-field__body {
+                    border: 1px solid #b9bad0;
+                    border-radius: 2px;
+                    height: 18px;
+                    line-height: 18px;
+                    padding-left: 6px;
+                    width: 80px;
+                }
+            }
+
+            .goodsImg {
+                width: 50px;
+            }
+
+            .editIcon {
+                width: 16px;
+                height: 16px;
+                margin-right: 5px;
+                background: url('../../assets/edit.png');
+                background-size: 100%;
+            }
+
+            .editBtn {
+                color: #2c87c8;
+            }
+        }
+    }
+}

src/styles/modulation/index.less

@@ -0,0 +1,119 @@
+.page {
+    background-color: rgba(255, 255, 255, 1);
+    position: relative;
+    width: 100%;
+    height: calc(100vh - 44px);
+    overflow: hidden;
+
+    .van-slider {
+      width: 92%;
+      height: 4px;
+      margin: 0 auto;
+      margin-top: 35px;
+      background-color: #dfdfe5;
+
+      .van-slider__bar {
+        background-color: #2c87c8;
+      }
+
+      .van-slider__button {
+        background-color: #2c87c8;
+        width: 16px;
+        height: 16px;
+      }
+    }
+
+    .volumeChangeButton {
+      background-color: #2c87c8;
+      width: 220px;
+      height: 34px;
+      margin: 49px auto;
+
+      .van-button__text {
+        font-size: 15px;
+      }
+    }
+
+
+    .wrap1 {
+      width: 100%;
+      height: 274px;
+
+      .box2 {
+        background-color: rgba(255, 255, 255, 1);
+        z-index: 23;
+        height: 54px;
+        margin-top: 1px;
+        width: 100%;
+        position: relative;
+
+        .section3 {
+          width: 162px;
+          height: 20px;
+          margin: 17px 0 0 15px;
+
+          .box3 {
+            background-color: #5a9cc8;
+            border-radius: 2px;
+            width: 4px;
+            height: 12px;
+            margin-top: 4px;
+          }
+
+          .info1 {
+            width: 150px;
+            height: 20px;
+            overflow-wrap: break-word;
+            color: rgba(64, 77, 116, 1);
+            font-size: 14px;
+            font-family: PingFangSC-Medium;
+            text-align: left;
+            white-space: nowrap;
+            line-height: 20px;
+            display: block;
+          }
+        }
+
+        .img1 {
+          z-index: 31;
+          position: absolute;
+          left: 0;
+          top: 53px;
+          width: 100%;
+          height: 2px;
+        }
+      }
+
+      .box4 {
+        width: 45%;
+        height: 14px;
+        margin: 19px 0 0 15px;
+
+        .word3 {
+          width: auto;
+          height: 13px;
+          overflow-wrap: break-word;
+          color: rgba(64, 77, 116, 1);
+          font-size: 13px;
+          text-align: left;
+          white-space: nowrap;
+          line-height: 13px;
+          margin-top: 1px;
+          display: block;
+        }
+
+        .word4 {
+          width: auto;
+          height: 13px;
+          overflow-wrap: break-word;
+          color: rgba(64, 77, 116, 1);
+          font-size: 15px;
+          font-family: PingFangSC-Medium;
+          text-align: left;
+          white-space: nowrap;
+          line-height: 15px;
+          display: block;
+        }
+      }
+    }
+  }