@import url(font/iconfont.css);
@import url(reset.css);
.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.64rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

html[lang=apple] body {
  font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;
  line-height: 1.8; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%; }

body {
  background: white; }

.nav {
  font-size: 0.45333rem;
  text-align: center;
  height: 1.17333rem;
  line-height: 1.17333rem;
  background: #212224;
  color: white;
  position: fixed;
  top: 0;
  width: 100%; }

.containeer {
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  top: 1.17333rem;
  bottom: 2.13333rem;
  overflow: hidden;
  overflow-y: scroll; }

.cell {
  color: #333;
  margin-top: 0.93333rem; }
  .cell .cell-title {
    text-align: left; }
  .cell .cell-output {
    border-radius: 5px;
    background: #f7f7f7;
    min-height: 1.17333rem;
    margin-top: 0.26667rem;
    line-height: 1.17333rem;
    padding: 0 0.13333rem;
    font-size: 0.26667rem; }

.github {
  text-align: center;
  height: 2.66667rem; }
  .github * {
    color: #333333; }

.foot {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 2.13333rem;
  background: #fafafa;
  text-align: center; }
  .foot:before {
    content: '';
    position: absolute;
    left: 0;
    background: #eee;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
  .foot .input-box {
    position: absolute;
    height: 1.33333rem;
    width: 90%;
    padding: 0 0.2rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    .foot .input-box input {
      width: inherit;
      border: 1px solid #eeeeee;
      -webkit-appearance: none;
      border-radius: 5px;
      font-size: 0.53333rem;
      text-align: center;
      font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; }
      .foot .input-box input:focus {
        outline: none;
        outline-offset: 0px; }
    .foot .input-box:after {
      content: '\e601';
      font-family: "iconfont" !important;
      font-size: 0.53333rem;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
      color: #e4e4e4;
      position: absolute;
      right: 0.53333rem;
      line-height: 1.33333rem;
      margin-top: 0.4rem; }
  .foot .input-box.off:after {
    display: none; }

.cell-output span {
  display: inline-block;
  border-bottom: 1px solid #333;
  line-height: 0.4rem;
  width: 0.53333rem;
  text-align: center; }
.cell-output div {
  display: inline-block;
  width: 0.53333rem;
  text-align: center; }

/*# sourceMappingURL=main.css.map */