@charset "UTF-8";
* {
  padding: 0rem;
  margin: 0rem;
}

html {
  font-size: 1px;
  height: 100%;
}

body {
  font-size: 12rem;
  height: 100%;
  background-color: #e7e7e7;
}

a, a:visited, a:link, a:hover {
  color: #000;
  text-decoration: none;
}
.lanui-info {
  background-color: #13c2c2 !important;
}
.lanui-info::after {
  border: 1rem solid #ffffff !important;
}

.lanui-success {
  background-color: #d1ffe9 !important;
  color: #52c41a;
}
.lanui-success::after {
  border: 1rem solid #52c41a !important;
}

.lanui-danger {
  background-color: #f5c8cc !important;
  color: #f5222d;
}
.lanui-danger::after {
  border: 1rem solid #f5222d !important;
}

.lanui-warning {
  background-color: #faad14 !important;
}
.lanui-warning::after {
  border: 1rem solid #ffffff !important;
}

.lanui-hide {
  display: none !important;
}

.lanui-disabled {
  cursor: not-allowed !important;
  color: #dadada;
}

li {
  list-style: none;
  line-height: 25rem;
  padding: 10rem 0;
}

.code {
  padding: 20rem;
  margin-top: 25rem;
  background-color: #efefef;
  box-shadow: inset 0px 0px 2px #ddd;
  position: relative;
}

.indent {
  text-indent: 22rem;
}

.indent2 {
  text-indent: 42rem;
}

.copecode {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5rem;
  color: #808080;
  background-color: #d9d9d9;
  border-bottom-left-radius: 5rem;
  transition: 0.3s;
  cursor: pointer;
}

.copecode:hover {
  background-color: #d9d9d9;
  color: #ffffff;
}

.lanui-autoHide {
  animation: autoHide 2s;
}

@keyframes autoHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    /* Internet Explorer */
    -moz-transform: translateY(-20px);
    /* Firefox */
    -webkit-transform: translateY(-20px);
    /* Safari 和 Chrome */
    -o-transform: translateY(-20px);
    /* Opera */
  }
}