/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#app {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html, body {
  margin: 0;
  height: 100%;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/components/common/commonFooter.vue?vue&type=style&index=0&id=6ff5d3ac&lang=scss&scoped=true& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.footer[data-v-6ff5d3ac] {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 20px;
  text-align: right;
  color: #151515;
}
.footer .text[data-v-6ff5d3ac] {
  width: 100%;
}
.footer .wrapper[data-v-6ff5d3ac] {
  display: flex;
  align-items: center;
  width: 100%;
}
.footer .indicator[data-v-6ff5d3ac] {
  margin-left: 5px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.footer .indicator .icon[data-v-6ff5d3ac] {
  width: 18px;
  height: 18px;
}
@media only screen and (max-width: 1110px) {
.footer[data-v-6ff5d3ac] {
    display: none;
}
}
@media only screen and (max-width: 1279px) {
.footer[data-v-6ff5d3ac] {
    font-size: 12px;
}
}
.popover-content[data-v-6ff5d3ac] {
  font-size: 15px;
  color: #555;
}
.popover-content .title[data-v-6ff5d3ac] {
  font-weight: bold;
  text-align: center !important;
}
.popover-content .context[data-v-6ff5d3ac] {
  text-align: left;
  word-break: break-word;
}
.popover-content .context .link[data-v-6ff5d3ac] {
  color: #5885fc;
  text-decoration: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/home.vue?vue&type=style&index=0&id=7eb2bc79&lang=scss&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "PangMenTitle";
  src: url(/static/fonts/PangMenTitle.1aaf699e.ttf);
}
.home-wrapper[data-v-7eb2bc79] {
  padding: 0 24px 0 44px;
  height: 100%;
}
.home-wrapper .header[data-v-7eb2bc79] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  color: #fff;
}
.home-wrapper .header .title[data-v-7eb2bc79] {
  margin: 0;
  font-size: 40px;
  font-family: "PangMenTitle";
}
.home-wrapper .header .header-menu[data-v-7eb2bc79] {
  display: flex;
  align-items: center;
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.home-wrapper .header .header-menu .sub-menu[data-v-7eb2bc79] {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  cursor: pointer;
}
.home-wrapper .header .header-menu .sub-menu[data-v-7eb2bc79]:not(:first-child) {
  margin-left: 35px;
}
.home-wrapper .header .mobile-wrapper[data-v-7eb2bc79] {
  display: none;
}
.home-wrapper .content[data-v-7eb2bc79] {
  display: flex;
  height: calc(100% - 130px);
  color: #fff;
}
.home-wrapper .content .content-left[data-v-7eb2bc79] {
  flex: 1;
  margin-top: 5%;
}
.home-wrapper .content .content-left .title[data-v-7eb2bc79] {
  font-size: 30px;
  text-align: left;
  line-height: 42px;
}
.home-wrapper .content .content-left .subtitle[data-v-7eb2bc79] {
  margin: 0;
  width: 100%;
}
.home-wrapper .content .content-left .context[data-v-7eb2bc79] {
  margin: 10% 0 0;
  max-width: 580px;
  font-size: 18px;
  text-align: left;
  line-height: 30px;
}
.home-wrapper .content .content-right[data-v-7eb2bc79] {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  height: 100%;
  background: url(/static/img/home_right.287cca09.png) no-repeat left 65%;
  background-size: contain;
}
.bg-img[data-v-7eb2bc79] {
  background: url(/static/img/home_bg.a7803006.jpeg) no-repeat;
  background-size: 100% 100%;
}
.el-dropdown[data-v-7eb2bc79] {
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}
.el-dropdown-menu__item[data-v-7eb2bc79] {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
.home-wrapper[data-v-7eb2bc79] {
    padding: 0 20px;
    height: 100%;
}
.home-wrapper .header[data-v-7eb2bc79] {
    height: 64px;
}
.home-wrapper .header .header-menu[data-v-7eb2bc79] {
    display: none;
}
.home-wrapper .header .mobile-wrapper[data-v-7eb2bc79] {
    display: flex;
    align-items: center;
}
.home-wrapper .header .mobile-wrapper .menu-language[data-v-7eb2bc79] {
    margin-left: 10px;
}
.home-wrapper .header .el-dropdown[data-v-7eb2bc79] {
    font-size: 2rem;
}
.home-wrapper .content[data-v-7eb2bc79] {
    flex-flow: column;
    height: calc(100% - 64px);
}
.home-wrapper .content .content-left[data-v-7eb2bc79] {
    margin-top: 0;
}
.home-wrapper .content .content-left .title[data-v-7eb2bc79] {
    font-size: 24px;
}
.home-wrapper .content .content-right[data-v-7eb2bc79] {
    background-position: center;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/components/common/commonHeader.vue?vue&type=style&index=0&id=2d910bc8&lang=scss&scoped=true& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "YouSheTitle";
  src: url(/static/fonts/YouSheBiaoTiHei-2.fc8630f2.ttf);
}
.header[data-v-2d910bc8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  height: 80px;
}
.header .logo[data-v-2d910bc8] {
  height: 80px;
}
.header .header-menu[data-v-2d910bc8] {
  display: flex;
  align-items: center;
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.header .header-menu .sub-menu[data-v-2d910bc8] {
  font-size: 20px;
  font-family: Verdana;
  font-weight: bold;
  line-height: 28px;
  cursor: pointer;
}
.header .header-menu .sub-menu[data-v-2d910bc8]:not(:first-child) {
  margin-left: 35px;
}
.header .mobile-menu[data-v-2d910bc8] {
  display: none;
}
.el-dropdown[data-v-2d910bc8] {
  font-size: 20px;
  cursor: pointer;
}
.el-dropdown-menu__item[data-v-2d910bc8] {
  display: flex;
  align-items: center;
}
.beezone .logo[data-v-2d910bc8] {
  color: #18875a;
}
.fitter[data-v-2d910bc8] {
  background-color: #dee4f5;
}
.sales[data-v-2d910bc8] {
  background-color: #E5F8F7;
}
.puzzle[data-v-2d910bc8] {
  color: #fff;
  background-color: #155af9;
}
.puzzle .el-dropdown[data-v-2d910bc8] {
  color: #fff;
}
.beezone[data-v-2d910bc8], .fitter[data-v-2d910bc8], .sales[data-v-2d910bc8] {
  color: #555;
}
.beezone .el-dropdown[data-v-2d910bc8], .fitter .el-dropdown[data-v-2d910bc8], .sales .el-dropdown[data-v-2d910bc8] {
  color: #555;
}
@media only screen and (max-width: 1023px) {
.header[data-v-2d910bc8] {
    height: 64px;
}
.header .logo[data-v-2d910bc8] {
    height: 4rem;
}
.header .header-menu[data-v-2d910bc8] {
    display: none;
    margin-left: 15px;
}
.header .mobile-menu[data-v-2d910bc8] {
    display: flex;
    align-items: center;
}
.header .mobile-menu .menu-language[data-v-2d910bc8] {
    margin-left: 10px;
}
.el-dropdown[data-v-2d910bc8] {
    font-size: 2rem !important;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/components/common/commonHeader.vue?vue&type=style&index=1&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media only screen and (min-width: 320px) and (max-width: 767px) {
.el-message-box {
    width: 320px;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/beezone.vue?vue&type=style&index=0&id=3caaf704&lang=scss&scoped=true& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-wrapper[data-v-3caaf704] {
  height: 100%;
}
.home-wrapper .content[data-v-3caaf704] {
  display: flex;
  padding-top: 5%;
  height: calc(100% - 100px);
  box-sizing: border-box;
}
.home-wrapper .content .content-left[data-v-3caaf704] {
  flex: 1;
  background: url(/static/img/beezone_app.567f8a05.png) no-repeat left bottom;
  background-size: auto 77.5%;
}
.home-wrapper .content .content-right[data-v-3caaf704] {
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  color: #555;
}
.home-wrapper .content .content-right .wrapper[data-v-3caaf704] {
  width: 80%;
  text-align: left;
}
.home-wrapper .content .content-right .wrapper .title[data-v-3caaf704] {
  width: 100%;
}
.home-wrapper .content .content-right .wrapper .context[data-v-3caaf704] {
  margin: 8.5% 0 0;
  font-size: 18px;
  line-height: 25px;
}
.home-wrapper .content .content-right .wrapper .download[data-v-3caaf704] {
  display: flex;
  align-items: center;
  margin-top: 15%;
  padding: 0 10%;
}
.home-wrapper .content .content-right .wrapper .download .qr-code[data-v-3caaf704] {
  margin-right: 10%;
  border-radius: 5px;
  padding: 5px;
  width: 140px;
  height: 140px;
  background-color: #fff;
}
.home-wrapper .content .content-right .wrapper .download .button[data-v-3caaf704] {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 150px;
}
.home-wrapper .content .content-right .wrapper .download .button .ios[data-v-3caaf704], .home-wrapper .content .content-right .wrapper .download .button .android[data-v-3caaf704] {
  width: 150px;
  height: auto;
  cursor: pointer;
}
.bg-img[data-v-3caaf704] {
  background: url(/static/img/beezone_bg.28ea3d9b.jpeg) no-repeat;
  background-size: 100% 100%;
}
@media only screen and (max-width: 430px) {
.home-wrapper .content[data-v-3caaf704] {
    flex-flow: column-reverse;
    padding: 0 20px;
    height: calc(100% - 84px);
}
.home-wrapper .content .content-left[data-v-3caaf704] {
    background-size: contain;
}
.home-wrapper .content .content-right .wrapper[data-v-3caaf704] {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.home-wrapper .content .content-right .wrapper .description[data-v-3caaf704] {
    padding: 5% 0 0;
}
.home-wrapper .content .content-right .wrapper .context[data-v-3caaf704] {
    margin-top: 5%;
    font-family: Avenir, Helvetica, Arial, sans-serif;
}
.home-wrapper .content .content-right .wrapper .download[data-v-3caaf704] {
    margin: 0 0 15%;
    padding: 0;
}
.home-wrapper .content .content-right .wrapper .download .qr-code[data-v-3caaf704] {
    display: none;
}
.home-wrapper .content .content-right .wrapper .download .button[data-v-3caaf704] {
    flex-flow: row;
    height: 50px;
}
.home-wrapper .content .content-right .wrapper .download .button div[data-v-3caaf704]:last-child {
    margin-left: 25px;
}
}
@media only screen and (min-width: 431px) and (max-width: 1024px) {
.home-wrapper .content[data-v-3caaf704] {
    flex-flow: column-reverse;
    padding: 0 20px;
    height: calc(100% - 84px);
}
.home-wrapper .content .content-left[data-v-3caaf704] {
    background-position: 33% bottom;
    background-size: contain;
}
.home-wrapper .content .content-right .wrapper[data-v-3caaf704] {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.home-wrapper .content .content-right .wrapper .description[data-v-3caaf704] {
    padding: 5% 0 0;
}
.home-wrapper .content .content-right .wrapper .context[data-v-3caaf704] {
    margin-top: 5%;
    font-size: 22px;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    text-align: center;
}
.home-wrapper .content .content-right .wrapper .download[data-v-3caaf704] {
    justify-content: center;
    margin: 0 0 15%;
    padding: 0;
}
.home-wrapper .content .content-right .wrapper .download .qr-code[data-v-3caaf704] {
    display: none;
}
.home-wrapper .content .content-right .wrapper .download .button[data-v-3caaf704] {
    flex-flow: row;
    height: 50px;
}
.home-wrapper .content .content-right .wrapper .download .button div[data-v-3caaf704]:last-child {
    margin-left: 25px;
}
}
@media only screen and (max-height: 768px) {
.home-wrapper .content .content-right .wrapper .title[data-v-3caaf704] {
    width: 90% !important;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/fitter.vue?vue&type=style&index=0&id=ee2025ec&lang=scss&scoped=true& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-wrapper[data-v-ee2025ec] {
  height: 100%;
}
.home-wrapper .content[data-v-ee2025ec] {
  display: flex;
  padding: 5% 20px 0 32px;
  width: 100%;
  height: calc(100% - 190px);
  box-sizing: border-box;
  background-color: #dee4f5;
}
.home-wrapper .content .content-left[data-v-ee2025ec] {
  position: relative;
  flex: 1;
  height: 100%;
  background: url(/static/img/iPad_Fitter.8eeed079.png) no-repeat left 22.5%;
  background-size: 100%;
}
.home-wrapper .content .content-left .installer[data-v-ee2025ec] {
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 220px;
  height: auto;
}
@media only screen and (max-height: 800px) {
.home-wrapper .content .content-left .installer[data-v-ee2025ec] {
    width: 105px;
}
}
.home-wrapper .content .content-right[data-v-ee2025ec] {
  flex: 1;
  display: flex;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-bottom: 20px;
}
.home-wrapper .content .content-right .wrapper[data-v-ee2025ec] {
  height: 100%;
  box-sizing: border-box;
  padding: 0 15%;
}
.home-wrapper .content .content-right .wrapper .description .title[data-v-ee2025ec] {
  width: 100%;
}
.home-wrapper .content .content-right .wrapper .description .image[data-v-ee2025ec] {
  height: 50px;
}
.home-wrapper .content .content-right .wrapper .title[data-v-ee2025ec] {
  margin: 0;
  font-size: 30px;
  font-family: "Arial Black", sans-serif;
  line-height: 40px;
  color: #151515;
}
.home-wrapper .content .content-right .wrapper .context[data-v-ee2025ec] {
  margin: 50px 0 25px;
  font-size: 18px;
  line-height: 25px;
  color: #333;
}
.home-wrapper .content .content-right .wrapper .ios[data-v-ee2025ec], .home-wrapper .content .content-right .wrapper .android[data-v-ee2025ec] {
  width: 150px;
  height: auto;
  cursor: pointer;
}
.home-wrapper .content .content-right .wrapper .download[data-v-ee2025ec] {
  display: flex;
  align-items: center;
  margin-top: 10%;
  padding: 0 10%;
}
.home-wrapper .content .content-right .wrapper .download .qr-code[data-v-ee2025ec] {
  margin-right: 10%;
  border-radius: 5px;
  padding: 5px;
  width: 140px;
  height: 140px;
  background-color: #fff;
}
.home-wrapper .content .content-right .wrapper .download .button[data-v-ee2025ec] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 150px;
}
.home-wrapper .content .content-right .wrapper .download .button .ios[data-v-ee2025ec], .home-wrapper .content .content-right .wrapper .download .button .android[data-v-ee2025ec] {
  width: 150px;
  height: auto;
  cursor: pointer;
}
.home-wrapper .footer[data-v-ee2025ec] {
  display: block;
  margin-right: 5px;
  padding-top: 40px;
}
@media only screen and (max-width: 1023px) {
.home-wrapper .content[data-v-ee2025ec] {
    flex-flow: column-reverse;
    padding: 0 20px;
    height: calc(100% - 84px - 90px);
}
.home-wrapper .content .content-left[data-v-ee2025ec] {
    background-position: center center;
    background-size: contain;
}
.home-wrapper .content .content-right .wrapper[data-v-ee2025ec] {
    padding-bottom: 0;
}
.home-wrapper .content .content-right .wrapper .description[data-v-ee2025ec] {
    padding: 0;
}
.home-wrapper .content .content-right .wrapper .download[data-v-ee2025ec] {
    padding: 0;
}
.home-wrapper .content .installer[data-v-ee2025ec] {
    display: none;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/sales.vue?vue&type=style&index=0&id=51eaed3c&lang=scss&scoped=true& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-wrapper[data-v-51eaed3c] {
  height: 100%;
}
.home-wrapper .content[data-v-51eaed3c] {
  display: flex;
  padding: 5% 0 0 0;
  width: 100%;
  height: calc(100% - 190px);
  box-sizing: border-box;
  background-color: #E5F8F7;
}
.home-wrapper .content .content-left[data-v-51eaed3c] {
  flex: 1;
  display: flex;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-bottom: 20px;
}
.home-wrapper .content .content-left .wrapper[data-v-51eaed3c] {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  padding: 0 15%;
}
.home-wrapper .content .content-left .wrapper .description .title[data-v-51eaed3c] {
  width: 100%;
}
.home-wrapper .content .content-left .wrapper .description .image[data-v-51eaed3c] {
  height: 50px;
}
.home-wrapper .content .content-left .wrapper .title[data-v-51eaed3c] {
  margin: 0;
  font-size: 30px;
  font-family: "Arial Black", sans-serif;
  line-height: 40px;
  color: #151515;
}
.home-wrapper .content .content-left .wrapper .context[data-v-51eaed3c] {
  margin: 50px 0 25px;
  font-size: 18px;
  line-height: 25px;
  color: #333;
}
.home-wrapper .content .content-left .wrapper .ios[data-v-51eaed3c], .home-wrapper .content .content-left .wrapper .android[data-v-51eaed3c] {
  width: 150px;
  height: auto;
  cursor: pointer;
}
.home-wrapper .content .content-left .wrapper .download[data-v-51eaed3c] {
  display: flex;
  margin-top: 10%;
}
.home-wrapper .content .content-left .wrapper .download .qr-code[data-v-51eaed3c] {
  border-radius: 5px;
  padding: 5px;
  width: 140px;
  height: 140px;
  background-color: #fff;
}
.home-wrapper .content .content-left .wrapper .download .button[data-v-51eaed3c] {
  display: flex;
  flex-flow: column;
  margin-right: 10%;
  height: 150px;
}
.home-wrapper .content .content-left .wrapper .download .button .ios[data-v-51eaed3c], .home-wrapper .content .content-left .wrapper .download .button .android[data-v-51eaed3c] {
  width: 150px;
  height: auto;
  cursor: pointer;
}
.home-wrapper .content .content-left .wrapper .sales[data-v-51eaed3c] {
  position: absolute;
  left: 15%;
  bottom: -40px;
  width: 220px;
  height: auto;
}
@media only screen and (max-height: 800px) {
.home-wrapper .content .content-left .wrapper .sales[data-v-51eaed3c] {
    width: 155px;
}
}
.home-wrapper .content .content-right[data-v-51eaed3c] {
  flex: 1;
  height: 100%;
  background: url(/static/img/iPad_Sales.9040bbb0.png) no-repeat right 22.5%;
  background-size: contain;
}
.home-wrapper .content .sales-mobile[data-v-51eaed3c] {
  display: none;
}
.home-wrapper .footer[data-v-51eaed3c] {
  display: block;
  margin-right: 5px;
  padding-top: 40px;
}
@media only screen and (max-width: 1023px) {
.home-wrapper .content[data-v-51eaed3c] {
    flex-flow: column;
    padding: 0;
    height: calc(100% - 84px - 90px);
}
.home-wrapper .content .content-left[data-v-51eaed3c] {
    padding: 0 20px 20px;
}
.home-wrapper .content .content-left .wrapper[data-v-51eaed3c] {
    padding-bottom: 0;
}
.home-wrapper .content .content-left .wrapper .description[data-v-51eaed3c] {
    padding: 0;
}
.home-wrapper .content .sales[data-v-51eaed3c] {
    display: none;
}
.home-wrapper .content .sales-mobile[data-v-51eaed3c] {
    position: absolute;
    bottom: 90px;
    left: 20px;
    display: block;
    width: 220px;
    height: auto;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/puzzle.vue?vue&type=style&index=0&id=822a9050&lang=scss&scoped=true& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-wrapper[data-v-822a9050] {
  height: 100%;
}
.home-wrapper .app[data-v-822a9050] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 380px;
}
.home-wrapper .content[data-v-822a9050] {
  display: flex;
  width: 100%;
  height: 100%;
  height: calc(100% - 100px);
  box-sizing: border-box;
  background: url(/static/img/puzzle_bg.47e650d0.png) no-repeat;
  background-size: 100% 556px;
}
.home-wrapper .content .content-left-mobile[data-v-822a9050], .home-wrapper .content .content-right-mobile[data-v-822a9050] {
  display: none;
}
.home-wrapper .content .content-left[data-v-822a9050] {
  flex: 1;
  background: url(/static/img/puzzle_app.211580f0.png) no-repeat left bottom;
  background-size: auto 82.5%;
}
.home-wrapper .content .content-right[data-v-822a9050] {
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  color: #fff;
}
.home-wrapper .content .content-right .wrapper[data-v-822a9050] {
  width: 80%;
}
.home-wrapper .content .content-right .wrapper .title[data-v-822a9050] {
  width: 100%;
}
.home-wrapper .content .content-right .wrapper .context[data-v-822a9050] {
  margin: 10% 0 0;
  font-size: 18px;
  line-height: 25px;
}
.home-wrapper .content .content-right .wrapper .download[data-v-822a9050] {
  display: flex;
  align-items: center;
  margin-top: 10%;
  padding: 0 10%;
}
.home-wrapper .content .content-right .wrapper .download .qr-code[data-v-822a9050] {
  margin-right: 10%;
  border-radius: 5px;
  padding: 5px;
  width: 140px;
  height: 140px;
  background-color: #fff;
}
.home-wrapper .content .content-right .wrapper .download .button[data-v-822a9050] {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 150px;
}
.home-wrapper .content .content-right .wrapper .download .button .ios[data-v-822a9050], .home-wrapper .content .content-right .wrapper .download .button .android[data-v-822a9050] {
  width: 150px;
  height: auto;
  cursor: pointer;
}
@media only screen and (max-height: 800px) {
.home-wrapper .content[data-v-822a9050] {
    background-size: 100% 480px;
}
.home-wrapper .content .content-right .wrapper .context[data-v-822a9050], .home-wrapper .content .content-right .wrapper .download[data-v-822a9050] {
    margin-top: 10%;
}
}
@media only screen and (min-height: 801px) {
.home-wrapper .content .content-left[data-v-822a9050] {
    background-size: auto 85%;
}
}
@media only screen and (max-width: 1023px) {
.home-wrapper .content[data-v-822a9050] {
    flex-flow: column;
    padding: 0;
    height: calc(100% - 84px);
    background: none;
}
.home-wrapper .content .content-left[data-v-822a9050], .home-wrapper .content .content-right[data-v-822a9050] {
    display: none;
}
.home-wrapper .content .content-left-mobile[data-v-822a9050] {
    flex: 1;
    display: flex;
    flex-flow: column;
    color: #fff;
}
.home-wrapper .content .content-left-mobile .title[data-v-822a9050] {
    margin: 0 auto;
    padding: 0 2.5%;
    width: 100%;
    box-sizing: border-box;
    background-color: #155af9;
}
.home-wrapper .content .content-left-mobile .title .image[data-v-822a9050] {
    width: 100%;
}
.home-wrapper .content .content-left-mobile .description[data-v-822a9050] {
    background: url(/static/img/puzzle_bg.47e650d0.png) no-repeat;
    background-size: 100% 100%;
    height: 100%;
}
.home-wrapper .content .content-left-mobile .description .context[data-v-822a9050] {
    margin: 0 auto;
    padding: 2% 5% 0 25%;
    font-size: 18px;
}
.home-wrapper .content .content-right-mobile[data-v-822a9050] {
    display: flex;
    flex: 1;
}
.home-wrapper .content .content-right-mobile .app-bg[data-v-822a9050] {
    width: 50%;
    background: url(/static/img/puzzle_app.211580f0.png) no-repeat left bottom;
    background-size: contain;
}
.home-wrapper .content .content-right-mobile .download[data-v-822a9050] {
    display: flex;
    align-items: center;
    width: 50%;
}
.home-wrapper .content .content-right-mobile .download .button[data-v-822a9050] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50%;
}
.home-wrapper .content .content-right-mobile .download .button .ios[data-v-822a9050], .home-wrapper .content .content-right-mobile .download .button .android[data-v-822a9050] {
    height: 50px;
}
}
@media only screen and (max-width: 1023px) and (max-width: 414px) {
.home-wrapper .content .content-right-mobile .download .button[data-v-822a9050] {
    margin-bottom: 30%;
}
.home-wrapper .content .content-right-mobile .download .button .ios[data-v-822a9050], .home-wrapper .content .content-right-mobile .download .button .android[data-v-822a9050] {
    margin-top: 15%;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/underDevelopment.vue?vue&type=style&index=0&id=ca66e446&lang=scss&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrapper[data-v-ca66e446] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px;
  height: 100%;
  box-sizing: border-box;
}
.wrapper .content-left[data-v-ca66e446] {
  width: 50%;
}
.wrapper .content-left .title[data-v-ca66e446] {
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
}
.wrapper .content-left .subtitle[data-v-ca66e446] {
  margin: 53px 0;
  font-size: 20px;
  line-height: 28px;
  color: #333;
}
.wrapper .content-left .back[data-v-ca66e446] {
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  color: #1c39b9;
  cursor: pointer;
}
.wrapper .content-right[data-v-ca66e446] {
  display: flex;
  align-items: center;
  width: 50%;
  height: 100%;
}
.wrapper .content-right .image[data-v-ca66e446] {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1023px) {
.wrapper[data-v-ca66e446] {
    flex-flow: column;
    padding: 0 20px;
}
.wrapper .content-left[data-v-ca66e446], .wrapper .content-right[data-v-ca66e446] {
    width: 100%;
}
}