html,body{
  padding: 0;
  margin: 0;
}
body{
  margin: 10px;
}
[v-cloak] {
  display: none;
}
.tag-container .el-tag{
  margin: 0 5px;
}
.flex-containter {
  display: flex;
  align-items: center;
}
.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
  border-left-color: #409EFF;
  color: #FFF;
  background-color: #409EFF;
  border-color: #409EFF;
  -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
  box-shadow: -1px 0 0 0 #8cc5ff;
}
mark {
  background: orange;
  color: black;
}

pre {
  border-radius: 2px;
  position: relative;
  width: 700px;
}

pre code {
  overflow-x: auto;
  color: #525252;
  white-space: pre;
  padding: 1.2em 1.4em;
  font-size: 0.85rem;
  line-height: 1.6rem;
  display: block;
}

pre code .hljs-tag,
pre code .hljs-tag pre code .hljs-title,
pre code .hljs-change,
pre code .hljs-winutils,
pre code .hljs-flow,
pre code .hljs-tex pre code .hljs-special {
  color: #2973b7;
}

pre code .hljs-symbol,
pre code .hljs-symbol pre code .hljs-string,
pre code .hljs-value,
pre code .hljs-regexp,
pre code .hljs-string,
pre code .hljs-subst,
pre code .hljs-haskell pre code .hljs-type,
pre code .hljs-preprocessor,
pre code .hljs-ruby pre code .hljs-class pre code .hljs-parent,
pre code .hljs-built_in,
pre code .hljs-sql pre code .hljs-aggregate,
pre code .hljs-django pre code .hljs-template_tag,
pre code .hljs-django pre code .hljs-variable,
pre code .hljs-smalltalk pre code .hljs-class,
pre code .hljs-javadoc,
pre code .hljs-django pre code .hljs-filter pre code .hljs-argument,
pre code .hljs-smalltalk pre code .hljs-localvars,
pre code .hljs-smalltalk pre code .hljs-array,
pre code .hljs-attr_selector,
pre code .hljs-pseudo,
pre code .hljs-addition,
pre code .hljs-stream,
pre code .hljs-envvar,
pre code .hljs-apache pre code .hljs-tag,
pre code .hljs-apache pre code .hljs-cbracket,
pre code .hljs-tex pre code .hljs-command,
pre code .hljs-prompt {
  color: #42b983;
}

pre code .hljs-function pre code .hljs-keyword,
pre code .hljs-constant {
  color: #0092db;
}

pre code .hljs-keyword,
pre code .hljs-attribute {
  color: #d63200;
}

pre code .hljs-number,
pre code .hljs-literal {
  color: #a32eff;
}

pre code .hljs-class pre code .hljs-title {
  color: #fff;
}

pre code .hljs-title {
  color: #a6e22e;
}

pre code .hljs-tag pre code .hljs-value,
pre code .hljs-comment,
pre code .hljs-java pre code .hljs-annotation,
pre code .hljs-python pre code .hljs-decorator,
pre code .hljs-template_comment,
pre code .hljs-pi,
pre code .hljs-doctype,
pre code .hljs-deletion,
pre code .hljs-shebang,
pre code .hljs-apache pre code .hljs-sqbracket,
pre code .hljs-tex pre code .hljs-formula {
  color: #707070;
}

pre code .hljs-coffeescript pre code .hljs-javascript,
pre code .hljs-javascript pre code .hljs-xml,
pre code .hljs-tex pre code .hljs-formula,
pre code .hljs-xml pre code .hljs-javascript,
pre code .hljs-xml pre code .hljs-vbscript,
pre code .hljs-xml pre code .hljs-css,
pre code .hljs-xml pre code .hljs-cdata {
  opacity: 0.5;
}

pre code.hljs.html::before,
pre code.hljs.js::before,
pre code.hljs.bash::before,
pre code.hljs.css::before {
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  text-align: right;
  font-size: 0.9em;
  padding: 5px 10px 0;
  line-height: 15px;
  height: 15px;
  font-weight: 600;
}

code,
pre {
  font-family: "Roboto Mono", Monaco, courier, monospace;
  font-size: 0.85em;
  background-color: #f8f8f8 !important;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

code {
  color: #d63200;
  padding: 3px 5px;
  margin: 0 2px;
  border-radius: 2px;
  white-space: nowrap;
}
.vue-class{
  width: 700px;
  float: left;
}
.des-class{
  width: 700px;
  float: left;
  margin-left: 50px;
}