<template>
  <div class="contain">
    <div class="technical_head">{{ $t("lang.technical_support") }}</div>
    <BlockRadius class="default">
      <div class="default_img">
        <h1 class="default_title">开发中，敬请期待！</h1>
        <h3 class="default_msg">
          如需技术支持
          <br />请联系管理员
        </h3>
      </div>
    </BlockRadius>
  </div>
</template>

<script>
import BlockRadius from "@/components/general/block-radius";
export default {
  data() {
    return {};
  },
  components: {
    BlockRadius,
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.contain {
  width: calc(100% - 80px);
  margin: 0 auto;
  margin-top: -157px;
  margin-bottom: 20px;
  .technical_head {
    color: #626de9;
    font-size: 14px;
    padding: 20px;
  }
  .default {
    height: calc(100vh - 180px);
    display: flex;
    align-items: center;
    justify-content: center;
    .default_img {
      width: 1282px;
      height: 629px;
      .default_title {
        color: #264dd9;
        font-size: 44px;
        font-weight: bold;
        margin-bottom: 40px;
      }
      .default_msg {
        color: #58617a;
        font-size: 24px;
        line-height: 44px;
      }
    }
  }
}
</style>
<style scoped>
.default_img {
  background: url("~@/assets/imgs/img_default_jszc.png") no-repeat center center;
}
</style>