{"remainingRequest":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\src\\views\\login.vue?vue&type=style&index=0&id=7589b93f&rel=stylesheet%2Fscss&lang=scss&","dependencies":[{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\src\\views\\login.vue","mtime":1679726301957},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Users\\小蓝\\Desktop\\赖博士版\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5Hcm91cF8xMzJ7CiAgLy8gYmFja2dyb3VuZDogbm8tcmVwZWF0IGNlbnRlci80MCUgdXJsKCIuLi9hc3NldHMvaW1hZ2VzL0dyb3VwIDEzMi5wbmciKTsKICBoZWlnaHQ6IDEwMCU7CiAgd2lkdGg6ICAxMDAlOwogIGJhY2tncm91bmQtY29sb3I6ICNGRUY3RkM7CiAgLy9iYWNrZ3JvdW5kLXBvc2l0aW9uOiA0OS41JSAxNi4yJSA7CiAgLy8gYmFja2dyb3VuZC1wb3NpdGlvbjogODEuN3B4IDcxLjNweDsKICAvL2JhY2tncm91bmQtc2l6ZTogYXV0bzsKCn0KCi5sb2dpbiB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgaGVpZ2h0OiAxMDAlOwogIHdpZHRoOiAgMTAwJTsKICBiYWNrZ3JvdW5kOiBuby1yZXBlYXQgY2VudGVyLzQwJSB1cmwoIi4uL2Fzc2V0cy9pbWFnZXMvR3JvdXAgMTMyLnBuZyIpOwogIGJhY2tncm91bmQtY29sb3I6ICNGRUY3RkM7CgogIC8vIGJhY2tncm91bmQtc2l6ZTogOTU1cHggOTA1cHg7CiAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTgzcHggMTQ1cHg7CiAgLy9iYWNrZ3JvdW5kLWltYWdlOiB1cmwoIi4uL2Fzc2V0cy9pbWFnZXMvbG9naW4tYmFja2dyb3VuZC5qcGciKTsKICAvL2JhY2tncm91bmQtc2l6ZTogY292ZXI7Cn0KLnRpdGxlIHsKICBtYXJnaW46IDEwOXB4IDAgMTA4cHggMCA7CiAgd2lkdGg6MzU1cHg7CiAgaGVpZ2h0OiA1OHB4OwogIGZvbnQtc2l6ZTogNDRweDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgZm9udC1mYW1pbHk6IE1pY3Jvc29mdCBZYUhlaS1Cb2xkLCBNaWNyb3NvZnQgWWFIZWk7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgY29sb3I6ICMwMDAwMDA7Cgp9Ci5zZWNvbmQtYm94IHsKICB3aWR0aDogMzg2cHg7CiAgaGVpZ2h0OiAxMDBweDsKICBib3JkZXItcmFkaXVzOiAwcHggMHB4IDBweCAwcHg7CiAgb3BhY2l0eTogMTsKfQoubGl0dGxlLXRpdGxlIHsKd2lkdGg6IDI5MXB4OwpoZWlnaHQ6IDcycHg7CmZvbnQtc2l6ZTogMThweDsKZm9udC1mYW1pbHk6IE1pY3Jvc29mdCBZYUhlaS1SZWd1bGFyLCBNaWNyb3NvZnQgWWFIZWk7CmZvbnQtd2VpZ2h0OiA0MDA7CmNvbG9yOiAjNEQ0RDREOwpsaW5lLWhlaWdodDogMjFweDsKdGV4dC1hbGlnbjpjZW50ZXI7Ci8vIC13ZWJraXQtYmFja2dyb3VuZC1jbGlwOiB0ZXh0OwovLyAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KCi55b25naHVtaW5nIHsKICAgIHdpZHRoOiA0OHB4OwogIGhlaWdodDogMjJweDsKICBmb250LXNpemU6IDE2cHg7CiAgZm9udC1mYW1pbHk6IEhpbmQgTWFkdXJhaS1SZWd1bGFyLCBIaW5kIE1hZHVyYWk7CiAgZm9udC13ZWlnaHQ6IDQwMDsKICBjb2xvcjogIzFEMjEyOTsKICBsaW5lLWhlaWdodDogMTlweDsKCiAgLy8gLXdlYmtpdC1iYWNrZ3JvdW5kLWNsaXA6IHRleHQ7CiAgLy8gLXdlYmtpdC10ZXh0LWZpbGwtY29sb3I6IHRyYW5zcGFyZW50OwogIH0KICAKICAubWltYXsKICB3aWR0aDogMzJweDsKICBoZWlnaHQ6IDIwcHg7CiAgZm9udC1zaXplOiAxNnB4OwogIGZvbnQtZmFtaWx5OiBBYmVsLVJlZ3VsYXIsIEFiZWw7CiAgZm9udC13ZWlnaHQ6IDQwMDsKICBjb2xvcjogIzFEMjEyOTsKICBsaW5lLWhlaWdodDogMTlweDsKCiAgLy8gLXdlYmtpdC1iYWNrZ3JvdW5kLWNsaXA6IHRleHQ7CiAgLy8gLXdlYmtpdC10ZXh0LWZpbGwtY29sb3I6IHRyYW5zcGFyZW50OwogIH0KICAKICAueWFuemhlbmdtYSB7CiAgd2lkdGg6IDQ4cHg7CiAgaGVpZ2h0OiAyMHB4OwogIGZvbnQtc2l6ZTogMTZweDsKICBmb250LWZhbWlseTogQWJlbC1SZWd1bGFyLCBBYmVsOwogIGZvbnQtd2VpZ2h0OiA0MDA7CiAgY29sb3I6ICMxRDIxMjk7CiAgbGluZS1oZWlnaHQ6IDE5cHg7CiAKICAvLyAtd2Via2l0LWJhY2tncm91bmQtY2xpcDogdGV4dDsKICAvLyAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgfQoKCi5sb2dpbi1mb3JtIHsKICBib3JkZXItcmFkaXVzOiA2cHg7CiAgYmFja2dyb3VuZDogI0ZFRjdGQzsKICB3aWR0aDogNTcycHg7CiAgcGFkZGluZzogMjVweCAyNXB4IDVweCAyNXB4OwogIG1hcmdpbjogMjExcHggMTQycHggMjM3cHggMTIwNnB4OwogIC5lbC1pbnB1dCB7CiAgICBoZWlnaHQ6IDQ4cHg7CiAgICBpbnB1dCB7CiAgICAgIGhlaWdodDogNDhweDsKICAgIH0KICB9CiAgLmlucHV0LWljb24gewogICAgaGVpZ2h0OiAzOXB4OwogICAgd2lkdGg6IDE0cHg7CiAgICBtYXJnaW4tbGVmdDogMnB4OwogIH0KfQoubG9naW4tdGlwIHsKICBmb250LXNpemU6IDEzcHg7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGNvbG9yOiAjYmZiZmJmOwp9Ci5sb2dpbi1jb2RlIHsKICB3aWR0aDogMTA4cHg7CiAgaGVpZ2h0OiA0OHB4OwogIGZsb2F0OiByaWdodDsKICBtYXJnaW4tcmlnaHQ6IDQ2cHg7CiAgCgogIGltZyB7CiAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwogICAgCiAgICBib3JkZXI6IDFweCBzb2xpZCAjRDlEOUQ5OwogIH0KfQouZWwtbG9naW4tZm9vdGVyIHsKICBoZWlnaHQ6IDQwcHg7CiAgbGluZS1oZWlnaHQ6IDQwcHg7CiAgcG9zaXRpb246IGZpeGVkOwogIGJvdHRvbTogMDsKICB3aWR0aDogMTAwJTsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgY29sb3I6ICNmZmY7CiAgZm9udC1mYW1pbHk6IEFyaWFsOwogIGZvbnQtc2l6ZTogMTJweDsKICBsZXR0ZXItc3BhY2luZzogMXB4Owp9Ci5sb2dpbi1jb2RlLWltZyB7CiAgaGVpZ2h0OiA0OHB4OwogIHdpZHRoOiAxMTBweDsKfQoKLmNvZGUgewogIG1hcmdpbi1sZWZ0OiA0NTJweDsKfQo="},{"version":3,"sources":["login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"login.vue","sourceRoot":"src/views","sourcesContent":["<template>\n  <div class=\"login Group_132\">\n    <el-form ref=\"loginForm\" :model=\"loginForm\" :rules=\"loginRules\" class=\"login-form\">\n      <h3 class=\"title\" style=\"margin-top: 111px;margin-right: 108px;margin-bottom: 0;margin-left: 109px;\">欢迎来到张氏APP</h3>\n      <div class=\"second-box\" style=\" margin-top: 25px;\n    margin-left: 140px;\n    margin-right: 141px;\n\">\n        <div class=\"little-title\" style=\" margin-top: 20px;\">\n      <h5 >登录可查看更多信息</h5>\n      <h5 >未注册的账号登录成功后会自动注册</h5></div></div>\n      <div class=\"yonghuming\" style=\"margin-left: 99px;margin-right: 425px;\">用户名</div>\n\n      <el-form-item prop=\"username\" style=\"\n    width: 380px;\n    height: 48px;\n    margin-left: 96px;\n    margin-right: 96px;\n\">\n        \n        <el-input\n          v-model=\"loginForm.username\"\n          type=\"text\"\n          auto-complete=\"off\"\n          placeholder=\"请输入用户名\"\n          style=\"height: 50px\"\n        >\n          <!-- <svg-icon slot=\"prefix\" icon-class=\"user\" class=\"el-input__icon input-icon\" /> -->\n        </el-input>\n      </el-form-item>\n\n      <div class=\"mima\" style=\"\n    margin-left: 99px;\n    margin-right: 441px;\">密码</div>\n      <el-form-item prop=\"password\" style=\"\n    margin-left: 96px;\n    margin-right: 96px;\n    width: 380px;\n    height: 48px;\">\n        <el-input\n          v-model=\"loginForm.password\"\n          type=\"password\"\n          auto-complete=\"off\"\n          placeholder=\"密码\"\n          @keyup.enter.native=\"handleLogin\"\n          style=\"height: 50px\"\n          show-password\n        >\n        <!-- <svg-icon slot=\"suffix\" icon-class=\"eye\" class=\"el-input_icon input-icon\" onclick=\"show()\"></svg-icon> -->\n\n        <!-- <el-input type=\"password\" prefix-icon=\"el-icon-lock\" v-model=\"loginForm.passWord\" show-password></el-input> -->\n\n      \n        <!-- <el-input :type=\"showPass ? 'text' : 'password'\"\n         prefix-icon=\"el-icon-lock\" \n         v-model=\"loginForm.password\"\n        @keyup.enter.native=\"handleLogin\" \n        placeholder=\"密码\"\n        style=\"height: 50px\"> -->\n\n       \n      \n\n\n\n          <!-- <svg-icon slot=\"prefix\" icon-class=\"password\" class=\"el-input__icon input-icon\" /> -->\n        </el-input>\n      </el-form-item>\n\n\n      <div class=\"验证码\" style=\"margin-left: 99px;margin-right: 425px;width: 48px;height: 20px;\">验证码</div>\n      <el-form-item prop=\"code\" v-if=\"captchaEnabled\" style=\"margin-bottom: 76px;width: 264;\"  >\n        <el-input\n          v-model=\"loginForm.code\"\n          auto-complete=\"off\"\n          placeholder=\"请输入验证码\"\n          style=\"width: 258px ;\n          margin-left: 96px \"\n          \n        \n                  \n          @keyup.enter.native=\"handleLogin\"\n        >\n\n          <!-- <svg-icon slot=\"prefix\" icon-class=\"validCode\" class=\"el-input__icon input-icon\" /> -->\n         \n        </el-input>\n        <div class=\"login-code\"  >\n          <img :src=\"codeUrl\" @click=\"getCode\" class=\"login-code-img\"/>\n        </div>\n\n        <div class=\"code\" @click=\"getCode\" style=\"width: 24px;\n        margin-left: 452px;\n      height: 16px;\n      font-size: 12px;\n      font-family: Microsoft YaHei-Regular, Microsoft YaHei;\n      font-weight: 400;\n      color: #37AADB;\n      line-height: 14px;\" >刷新</div> \n\n      </el-form-item>\n     \n\n\n      <!-- <el-checkbox v-model=\"loginForms.rememberMe\" style=\"margin:0px 0px 25px 0px;\">记住密码</el-checkbox> -->\n      <el-form-item s style=\"width: 572px;height: 72px;margin-bottom: 75px;background: rgba(239,113,155,0.8);\"> \n\n\n        <el-button\n          :loading=\"loading\"\n          style=\"width: 572px;height: 72px; background: rgba(239,113,155,0.8);\"\n          size=\"medium\"\n          type=\"primary\"\n          @click.native.prevent=\"handleLogin\"\n        >\n          <span v-if=\"!loading\" style=\"width: 97px;height: 62px;\">登录</span>\n          <span v-else>登 录 中...</span>\n        </el-button>\n        <div style=\"float: right\n        height:94px;\" v-if=\"register\">\n          <router-link class=\"link-type\" :to=\"'/register'\">立即注册</router-link>\n        </div>\n      </el-form-item>\n    </el-form>\n    <!--  底部  -->\n    <div class=\"el-login-footer\">\n      <span>Copyright © GDUT All Rights Reserved.</span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getCodeImg } from \"@/api/login\";\nimport Cookies from \"js-cookie\";\nimport { encrypt, decrypt } from '@/utils/jsencrypt'\n\nexport default {\n  name: \"Login\",\n  data() {\n    return {\n      codeUrl: \"http://47.93.189.255:8080/captchaImage\",\n      loginForm: {\n        username: \"admin\",\n        password: \"admin123\",\n        rememberMe: false,\n        code: \"\",\n        uuid: \"\"\n      },\n      loginRules: {\n        username: [\n          { required: true, trigger: \"blur\", message: \"请输入您的账号\" }\n        ],\n        password: [\n          { required: true, trigger: \"blur\", message: \"请输入您的密码\" }\n        ],\n        code: [{ required: true, trigger: \"change\", message: \"用户名不存在或密码错误（验证码错误）\" , style:\"margin-left=100px\"}]\n      },\n      loading: false,\n      // 验证码开关\n      captchaEnabled: true,\n      // 注册开关\n      register: false,\n      redirect: undefined\n    };\n  },\n  watch: {\n    $route: {\n      handler: function(route) {\n        this.redirect = route.query && route.query.redirect;\n      },\n      immediate: true\n    }\n  },\n  created() {\n    this.getCode();\n    this.getCookie();\n  },\n  methods: {\n    getCode() {\n      getCodeImg().then(res => {\n        this.captchaEnabled = res.data.captchaEnabled === undefined ? true : res.captchaEnabled;\n        if (this.captchaEnabled) {\n          this.codeUrl = \"data:image/gif;base64,\" + res.data.img;\n          this.loginForm.uuid = res.data.uuid;\n        }\n      });\n    },\n    getCookie() {\n      const username = Cookies.get(\"username\");\n      const password = Cookies.get(\"password\");\n      const rememberMe = Cookies.get('rememberMe')\n      this.loginForm = {\n        username: username === undefined ? this.loginForm.username : username,\n        password: password === undefined ? this.loginForm.password : decrypt(password),\n        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)\n      };\n    },\n    handleLogin() {\n      this.$refs.loginForm.validate(valid => {\n        if (valid) {\n          this.loading = true;\n          if (this.loginForm.rememberMe) {\n            Cookies.set(\"username\", this.loginForm.username, { expires: 30 });\n            Cookies.set(\"password\", encrypt(this.loginForm.password), { expires: 30 });\n            Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });\n          } else {\n            Cookies.remove(\"username\");\n            Cookies.remove(\"password\");\n            Cookies.remove('rememberMe');\n          }\n          this.$store.dispatch(\"Login\", this.loginForm).then(() => {\n            this.$router.push({ path: this.redirect || \"/\" }).catch(()=>{});\n          }).catch(() => {\n            this.loading = false;\n            if (this.captchaEnabled) {\n              this.getCode();\n            }\n          });\n        }\n      });\n    }\n  }\n};\n</script>\n\n<style rel=\"stylesheet/scss\" lang=\"scss\">\n.Group_132{\n  // background: no-repeat center/40% url(\"../assets/images/Group 132.png\");\n  height: 100%;\n  width:  100%;\n  background-color: #FEF7FC;\n  //background-position: 49.5% 16.2% ;\n  // background-position: 81.7px 71.3px;\n  //background-size: auto;\n\n}\n\n.login {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  height: 100%;\n  width:  100%;\n  background: no-repeat center/40% url(\"../assets/images/Group 132.png\");\n  background-color: #FEF7FC;\n\n  // background-size: 955px 905px;\n  background-position: 183px 145px;\n  //background-image: url(\"../assets/images/login-background.jpg\");\n  //background-size: cover;\n}\n.title {\n  margin: 109px 0 108px 0 ;\n  width:355px;\n  height: 58px;\n  font-size: 44px;\n  text-align: center;\n  font-family: Microsoft YaHei-Bold, Microsoft YaHei;\n  font-weight: bold;\n  color: #000000;\n\n}\n.second-box {\n  width: 386px;\n  height: 100px;\n  border-radius: 0px 0px 0px 0px;\n  opacity: 1;\n}\n.little-title {\nwidth: 291px;\nheight: 72px;\nfont-size: 18px;\nfont-family: Microsoft YaHei-Regular, Microsoft YaHei;\nfont-weight: 400;\ncolor: #4D4D4D;\nline-height: 21px;\ntext-align:center;\n// -webkit-background-clip: text;\n// -webkit-text-fill-color: transparent;\n}\n\n.yonghuming {\n    width: 48px;\n  height: 22px;\n  font-size: 16px;\n  font-family: Hind Madurai-Regular, Hind Madurai;\n  font-weight: 400;\n  color: #1D2129;\n  line-height: 19px;\n\n  // -webkit-background-clip: text;\n  // -webkit-text-fill-color: transparent;\n  }\n  \n  .mima{\n  width: 32px;\n  height: 20px;\n  font-size: 16px;\n  font-family: Abel-Regular, Abel;\n  font-weight: 400;\n  color: #1D2129;\n  line-height: 19px;\n\n  // -webkit-background-clip: text;\n  // -webkit-text-fill-color: transparent;\n  }\n  \n  .yanzhengma {\n  width: 48px;\n  height: 20px;\n  font-size: 16px;\n  font-family: Abel-Regular, Abel;\n  font-weight: 400;\n  color: #1D2129;\n  line-height: 19px;\n \n  // -webkit-background-clip: text;\n  // -webkit-text-fill-color: transparent;\n  }\n\n\n.login-form {\n  border-radius: 6px;\n  background: #FEF7FC;\n  width: 572px;\n  padding: 25px 25px 5px 25px;\n  margin: 211px 142px 237px 1206px;\n  .el-input {\n    height: 48px;\n    input {\n      height: 48px;\n    }\n  }\n  .input-icon {\n    height: 39px;\n    width: 14px;\n    margin-left: 2px;\n  }\n}\n.login-tip {\n  font-size: 13px;\n  text-align: center;\n  color: #bfbfbf;\n}\n.login-code {\n  width: 108px;\n  height: 48px;\n  float: right;\n  margin-right: 46px;\n  \n\n  img {\n    cursor: pointer;\n    vertical-align: middle;\n    \n    border: 1px solid #D9D9D9;\n  }\n}\n.el-login-footer {\n  height: 40px;\n  line-height: 40px;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  text-align: center;\n  color: #fff;\n  font-family: Arial;\n  font-size: 12px;\n  letter-spacing: 1px;\n}\n.login-code-img {\n  height: 48px;\n  width: 110px;\n}\n\n.code {\n  margin-left: 452px;\n}\n</style>\n"]}]}