@import './base.css';

#app {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  margin: 0 auto;
  color: var(--van-text-color);
  background-color: var(--van-background-2);
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  scrollbar-width: thin;
}

img,
section,
table {
  max-width: 100%;
}

.js_content {
  max-width: 667px;
}

.blue {
  color: var(--van-doc-blue)
}

.green {
  color: var(--van-doc-green)
}

.red {
  color: var(--van-doc-text-color-red);
}

.van-list {
  position: fixed;
  width: 100%;
  top: var(--van-nav-bar-height);
  bottom: var(--van-tabbar-height);
  overflow: auto;
}

.search {
  height: 40px;
  margin-bottom: 10px;
  overflow: auto;
}

.search>div,
.search>button,
.search>select {
  display: inline-flex;
  margin-right: 5px;
}

.search>.lay-autocomplete,
.search>.layui-input {
  width: 120px;
}

.search>.layui-select {
  width: 150px;
}

.search+.layui-table-view {
  height: calc(100% - 50px);
}

.inline {
  display: inline-block;
}

.l {
  width: calc(100% - 60px);
}

.r {
  width: 60px;
  text-align: center;
  background-color: var(--van-doc-gray-1);
  cursor: pointer;
}

@media (max-width: 600px) {

  .content {
    width: 100vw;

    .van-tabbar--fixed {
      width: 100vw;
    }
  }
}

@media (min-width: 1024px) {

  .content {
    width: 60vw;

    .van-tabbar--fixed {
      width: 60vw;
    }
  }
}