@charset "UTF-8";
.坦克组件 pre,
.页 pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  display: unset !important;
}
.坦克组件 pre *,
.页 pre * {
  display: unset !important;
}

.坦克组件 .圆角1字,
.页 .圆角1字 {
  border-radius: 1em;
}
.坦克组件 .圆角2字,
.页 .圆角2字 {
  border-radius: 2em;
}
.坦克组件 .圆角3字,
.页 .圆角3字 {
  border-radius: 3em;
}
.坦克组件 .圆角4字,
.页 .圆角4字 {
  border-radius: 4em;
}

@media only screen and (min-width: 624px) {
  .坦克组件 .中屏-圆角1字,
  .页 .中屏-圆角1字 {
    border-radius: 1em;
  }
  .坦克组件 .中屏-圆角2字,
  .页 .中屏-圆角2字 {
    border-radius: 2em;
  }
  .坦克组件 .中屏-圆角3字,
  .页 .中屏-圆角3字 {
    border-radius: 3em;
  }
  .坦克组件 .中屏-圆角4字,
  .页 .中屏-圆角4字 {
    border-radius: 4em;
  }
}
@media only screen and (min-width: 960px) {
  .坦克组件 .大屏-圆角1字,
  .页 .大屏-圆角1字 {
    border-radius: 1em;
  }
  .坦克组件 .大屏-圆角2字,
  .页 .大屏-圆角2字 {
    border-radius: 2em;
  }
  .坦克组件 .大屏-圆角3字,
  .页 .大屏-圆角3字 {
    border-radius: 3em;
  }
  .坦克组件 .大屏-圆角4字,
  .页 .大屏-圆角4字 {
    border-radius: 4em;
  }
}
.坦克组件 .图片响应式布局, .坦克组件 .响应式布局80 img, .坦克组件 .响应式布局 img, .坦克组件 .模态对话框容器 .半透明 img, .坦克组件 .超出显示省略号 img, .坦克组件 .容器 img, .坦克组件 .无壁容器 img,
.页 .图片响应式布局,
.页 .响应式布局80 img,
.页 .响应式布局 img,
.页 .模态对话框容器 .半透明 img,
.页 .超出显示省略号 img,
.页 .容器 img,
.页 .无壁容器 img {
  width: 100%;
}
.坦克组件 .响应式布局, .坦克组件 .模态对话框容器 .半透明, .坦克组件 .超出显示省略号,
.坦克组件 .页 .超出显示省略号,
.页 .坦克组件 .超出显示省略号, .坦克组件 .容器, .坦克组件 .无壁容器,
.页 .响应式布局,
.页 .模态对话框容器 .半透明,
.页 .超出显示省略号,
.页 .容器,
.页 .无壁容器 {
  width: 100% !important;
}
.坦克组件 .响应式高度, .坦克组件 .模态对话框容器 .半透明, .坦克组件 html, .坦克组件 .页,
.页 .响应式高度,
.页 .模态对话框容器 .半透明,
.页 html,
.页 .页 {
  height: 100%;
}
.坦克组件 .响应式布局80,
.页 .响应式布局80 {
  width: 80% !important;
}
.坦克组件 img.二维码,
.页 img.二维码 {
  width: auto;
}

@media only screen and (min-width: 624px) {
  .坦克组件 .非手机显示500,
  .页 .非手机显示500 {
    width: 500px;
  }
  .坦克组件 .非手机显示600,
  .页 .非手机显示600 {
    width: 600px;
  }
  .坦克组件 .非手机显示700,
  .页 .非手机显示700 {
    width: 700px;
  }
  .坦克组件 .非手机显示800,
  .页 .非手机显示800 {
    width: 800px;
  }
}
@media only screen and (max-width: 624px) {
  .坦克组件 .手机高度1倍,
  .页 .手机高度1倍 {
    height: 1em;
  }
  .坦克组件 .手机高度2倍,
  .页 .手机高度2倍 {
    height: 2em;
  }
  .坦克组件 .手机高度3倍,
  .页 .手机高度3倍 {
    height: 3em;
  }
  .坦克组件 .手机高度4倍,
  .页 .手机高度4倍 {
    height: 4em;
  }
  .坦克组件 .手机高度5倍,
  .页 .手机高度5倍 {
    height: 5em;
  }
  .坦克组件 .手机高度6倍,
  .页 .手机高度6倍 {
    height: 6em;
  }
  .坦克组件 .手机宽度300,
  .页 .手机宽度300 {
    width: 300px;
  }
  .坦克组件 .手机高度400,
  .页 .手机高度400 {
    height: 400px;
  }
  .坦克组件 .手机高度600,
  .页 .手机高度600 {
    height: 600px;
  }
  .坦克组件 .手机垂直布局, .坦克组件 .无名字容器 ul li.编辑区, .坦克组件 .有名字容器 ul li.编辑区, .坦克组件 .列值容器, .坦克组件 .有名列编辑, .坦克组件 .有名列容器 ul li.有名列项目,
  .页 .手机垂直布局,
  .页 .无名字容器 ul li.编辑区,
  .页 .有名字容器 ul li.编辑区,
  .页 .列值容器,
  .页 .有名列编辑,
  .页 .有名列容器 ul li.有名列项目 {
    flex-direction: column !important;
  }
  .坦克组件 .手机水平布局,
  .页 .手机水平布局 {
    flex-direction: row !important;
  }
  .坦克组件 .手机屏幕下before无效::before,
  .页 .手机屏幕下before无效::before {
    content: none;
  }
  .坦克组件 .手机隐藏,
  .页 .手机隐藏 {
    display: none;
  }
  .坦克组件 .手机开始,
  .页 .手机开始 {
    align-self: start;
  }
  .坦克组件 .手机结束,
  .页 .手机结束 {
    align-self: start;
  }
  .坦克组件 .手机宽度9成,
  .页 .手机宽度9成 {
    width: 90%;
  }
  .坦克组件 .手机宽度8成,
  .页 .手机宽度8成 {
    width: 80%;
  }
  .坦克组件 .手机宽度7成,
  .页 .手机宽度7成 {
    width: 70%;
  }
  .坦克组件 .手机宽度6成,
  .页 .手机宽度6成 {
    width: 60%;
  }
  .坦克组件 .手机宽度5成,
  .页 .手机宽度5成 {
    width: 50%;
  }
  .坦克组件 .手机宽度4成,
  .页 .手机宽度4成 {
    width: 40%;
  }
  .坦克组件 .手机宽度3成,
  .页 .手机宽度3成 {
    width: 30%;
  }
  .坦克组件 .手机宽度2成,
  .页 .手机宽度2成 {
    width: 20%;
  }
  .坦克组件 .手机宽度1成,
  .页 .手机宽度1成 {
    width: 10%;
  }
  .坦克组件 .手机响应式布局,
  .页 .手机响应式布局 {
    width: 100% !important;
  }
  .坦克组件 .手机响应式布局 img,
  .页 .手机响应式布局 img {
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .坦克组件 .平板垂直布局, .坦克组件 .列值容器, .坦克组件 .有名列编辑, .坦克组件 .有名列容器 ul li.有名列项目,
  .页 .平板垂直布局,
  .页 .列值容器,
  .页 .有名列编辑,
  .页 .有名列容器 ul li.有名列项目 {
    flex-direction: column !important;
  }
  .坦克组件 .平板水平布局, .坦克组件 .无名字容器 ul li.编辑区,
  .页 .平板水平布局,
  .页 .无名字容器 ul li.编辑区 {
    flex-direction: row !important;
  }
  .坦克组件 .平板反向水平布局,
  .页 .平板反向水平布局 {
    flex-direction: row-reverse;
  }
  .坦克组件 .平板隐藏,
  .页 .平板隐藏 {
    display: none;
  }
}
@media only screen and (max-height: 960px) {
  .坦克组件 .平板高度600,
  .页 .平板高度600 {
    height: 600px;
  }
}
@media only screen and (min-width: 624px) {
  .坦克组件 .非手机隐藏,
  .页 .非手机隐藏 {
    display: none;
  }
}
@media only screen and (min-width: 960px) {
  .坦克组件 .大屏反向水平布局,
  .页 .大屏反向水平布局 {
    flex-direction: row-reverse;
  }
  .坦克组件 .大屏-水平布局,
  .页 .大屏-水平布局 {
    flex-direction: row !important;
  }
  .坦克组件 .大屏-上外壁3字,
  .页 .大屏-上外壁3字 {
    margin-top: 3em;
  }
  .坦克组件 .大屏-外壁3字,
  .页 .大屏-外壁3字 {
    margin: 3em;
  }
  .坦克组件 .大屏隐藏,
  .页 .大屏隐藏 {
    display: none;
  }
}
.坦克组件 .弹性布局, .坦克组件 .页,
.页 .弹性布局,
.页 * {
  display: flex;
}
.坦克组件 .网格布局,
.页 .网格布局 {
  display: grid;
}
.坦克组件 .栅格,
.页 .栅格 {
  display: grid;
}
.坦克组件 .栅格.默认对齐行开始,
.页 .栅格.默认对齐行开始 {
  justify-items: start;
}
.坦克组件 .栅格.默认行伸展,
.页 .栅格.默认行伸展 {
  justify-items: stretch;
}
.坦克组件 .栅格.默认对齐行中间,
.页 .栅格.默认对齐行中间 {
  justify-items: center;
}
.坦克组件 .栅格.默认对齐行结束,
.页 .栅格.默认对齐行结束 {
  justify-items: end;
}
.坦克组件 .栅格 > .对齐行开始,
.页 .栅格 > .对齐行开始 {
  justify-self: start;
}
.坦克组件 .栅格 > .对齐行中间,
.页 .栅格 > .对齐行中间 {
  justify-self: center;
}
.坦克组件 .栅格 > .对齐行结束,
.页 .栅格 > .对齐行结束 {
  justify-self: end;
}
.坦克组件 .栅格 > .第1列线开始,
.页 .栅格 > .第1列线开始 {
  grid-column-start: 1;
}
.坦克组件 .栅格 > .第2列线开始,
.页 .栅格 > .第2列线开始 {
  grid-column-start: 2;
}
.坦克组件 .栅格 > .第3列线开始,
.页 .栅格 > .第3列线开始 {
  grid-column-start: 3;
}
.坦克组件 .栅格 > .第4列线开始,
.页 .栅格 > .第4列线开始 {
  grid-column-start: 4;
}
.坦克组件 .栅格 > .第5列线开始,
.页 .栅格 > .第5列线开始 {
  grid-column-start: 5;
}
.坦克组件 .栅格 > .第6列线开始,
.页 .栅格 > .第6列线开始 {
  grid-column-start: 6;
}
.坦克组件 .栅格 > .第7列线开始,
.页 .栅格 > .第7列线开始 {
  grid-column-start: 7;
}
.坦克组件 .栅格 > .第8列线开始,
.页 .栅格 > .第8列线开始 {
  grid-column-start: 8;
}
.坦克组件 .栅格 > .第9列线开始,
.页 .栅格 > .第9列线开始 {
  grid-column-start: 9;
}
.坦克组件 .栅格 > .第10列线开始,
.页 .栅格 > .第10列线开始 {
  grid-column-start: 10;
}
.坦克组件 .栅格 > .第11列线开始,
.页 .栅格 > .第11列线开始 {
  grid-column-start: 11;
}
.坦克组件 .栅格 > .第12列线开始,
.页 .栅格 > .第12列线开始 {
  grid-column-start: 12;
}
.坦克组件 .栅格 > .第13列线开始,
.页 .栅格 > .第13列线开始 {
  grid-column-start: 13;
}
.坦克组件 .栅格 > .第14列线开始,
.页 .栅格 > .第14列线开始 {
  grid-column-start: 14;
}
.坦克组件 .栅格 > .第1行线开始,
.页 .栅格 > .第1行线开始 {
  grid-row-start: 1;
}
.坦克组件 .栅格 > .第2行线开始,
.页 .栅格 > .第2行线开始 {
  grid-row-start: 2;
}
.坦克组件 .栅格 > .第3行线开始,
.页 .栅格 > .第3行线开始 {
  grid-row-start: 3;
}
.坦克组件 .栅格 > .第4行线开始,
.页 .栅格 > .第4行线开始 {
  grid-row-start: 4;
}
.坦克组件 .栅格 > .第5行线开始,
.页 .栅格 > .第5行线开始 {
  grid-row-start: 5;
}
.坦克组件 .栅格 > .第6行线开始,
.页 .栅格 > .第6行线开始 {
  grid-row-start: 6;
}
.坦克组件 .栅格 > .第7行线开始,
.页 .栅格 > .第7行线开始 {
  grid-row-start: 7;
}
.坦克组件 .栅格 > .第8行线开始,
.页 .栅格 > .第8行线开始 {
  grid-row-start: 8;
}
.坦克组件 .栅格 > .第9行线开始,
.页 .栅格 > .第9行线开始 {
  grid-row-start: 9;
}
.坦克组件 .栅格 > .第10行线开始,
.页 .栅格 > .第10行线开始 {
  grid-row-start: 10;
}
.坦克组件 .栅格 > .第11行线开始,
.页 .栅格 > .第11行线开始 {
  grid-row-start: 11;
}
.坦克组件 .栅格 > .第12行线开始,
.页 .栅格 > .第12行线开始 {
  grid-row-start: 12;
}
.坦克组件 .栅格 > .第13行线开始,
.页 .栅格 > .第13行线开始 {
  grid-row-start: 13;
}
.坦克组件 .栅格 > .第14行线开始,
.页 .栅格 > .第14行线开始 {
  grid-row-start: 14;
}
.坦克组件 .栅格 > .跨2列轨道,
.页 .栅格 > .跨2列轨道 {
  grid-column-end: span 2;
}
.坦克组件 .栅格 > .跨3列轨道,
.页 .栅格 > .跨3列轨道 {
  grid-column-end: span 3;
}
.坦克组件 .栅格 > .跨4列轨道,
.页 .栅格 > .跨4列轨道 {
  grid-column-end: span 4;
}
.坦克组件 .栅格 > .跨5列轨道,
.页 .栅格 > .跨5列轨道 {
  grid-column-end: span 5;
}
.坦克组件 .栅格 > .跨6列轨道,
.页 .栅格 > .跨6列轨道 {
  grid-column-end: span 6;
}
.坦克组件 .栅格 > .跨7列轨道,
.页 .栅格 > .跨7列轨道 {
  grid-column-end: span 7;
}
.坦克组件 .栅格 > .跨8列轨道,
.页 .栅格 > .跨8列轨道 {
  grid-column-end: span 8;
}
.坦克组件 .栅格 > .跨9列轨道,
.页 .栅格 > .跨9列轨道 {
  grid-column-end: span 9;
}
.坦克组件 .栅格 > .跨10列轨道,
.页 .栅格 > .跨10列轨道 {
  grid-column-end: span 10;
}
.坦克组件 .栅格 > .跨11列轨道,
.页 .栅格 > .跨11列轨道 {
  grid-column-end: span 11;
}
.坦克组件 .栅格 > .跨12列轨道,
.页 .栅格 > .跨12列轨道 {
  grid-column-end: span 12;
}
.坦克组件 .栅格 > .跨13列轨道,
.页 .栅格 > .跨13列轨道 {
  grid-column-end: span 13;
}
.坦克组件 .栅格 > .跨14列轨道,
.页 .栅格 > .跨14列轨道 {
  grid-column-end: span 14;
}
.坦克组件 .栅格 > .跨2行轨道,
.页 .栅格 > .跨2行轨道 {
  grid-row-end: span 2;
}
.坦克组件 .栅格 > .跨3行轨道,
.页 .栅格 > .跨3行轨道 {
  grid-row-end: span 3;
}
.坦克组件 .栅格 > .跨4行轨道,
.页 .栅格 > .跨4行轨道 {
  grid-row-end: span 4;
}
.坦克组件 .栅格 > .跨5行轨道,
.页 .栅格 > .跨5行轨道 {
  grid-row-end: span 5;
}
.坦克组件 .栅格 > .跨6行轨道,
.页 .栅格 > .跨6行轨道 {
  grid-row-end: span 6;
}
.坦克组件 .栅格 > .跨7行轨道,
.页 .栅格 > .跨7行轨道 {
  grid-row-end: span 7;
}
.坦克组件 .栅格 > .跨8行轨道,
.页 .栅格 > .跨8行轨道 {
  grid-row-end: span 8;
}
.坦克组件 .栅格 > .跨9行轨道,
.页 .栅格 > .跨9行轨道 {
  grid-row-end: span 9;
}
.坦克组件 .栅格 > .跨10行轨道,
.页 .栅格 > .跨10行轨道 {
  grid-row-end: span 10;
}
.坦克组件 .栅格 > .跨11行轨道,
.页 .栅格 > .跨11行轨道 {
  grid-row-end: span 11;
}
.坦克组件 .栅格 > .跨12行轨道,
.页 .栅格 > .跨12行轨道 {
  grid-row-end: span 12;
}
.坦克组件 .栅格 > .跨13行轨道,
.页 .栅格 > .跨13行轨道 {
  grid-row-end: span 13;
}
.坦克组件 .栅格 > .跨14行轨道,
.页 .栅格 > .跨14行轨道 {
  grid-row-end: span 14;
}
.坦克组件 .栅格.槽1倍,
.页 .栅格.槽1倍 {
  grid-gap: 1em;
}
.坦克组件 .栅格.槽2倍,
.页 .栅格.槽2倍 {
  grid-gap: 2em;
}
.坦克组件 .栅格.槽3倍,
.页 .栅格.槽3倍 {
  grid-gap: 3em;
}
.坦克组件 .栅格.槽4倍,
.页 .栅格.槽4倍 {
  grid-gap: 4em;
}
.坦克组件 .栅格.槽高1倍,
.页 .栅格.槽高1倍 {
  grid-row-gap: 1em;
}
.坦克组件 .栅格.槽高2倍,
.页 .栅格.槽高2倍 {
  grid-row-gap: 2em;
}
.坦克组件 .栅格.槽高3倍,
.页 .栅格.槽高3倍 {
  grid-row-gap: 3em;
}
.坦克组件 .栅格.槽高4倍,
.页 .栅格.槽高4倍 {
  grid-row-gap: 4em;
}
.坦克组件 .栅格.槽宽1倍,
.页 .栅格.槽宽1倍 {
  grid-column-gap: 1em;
}
.坦克组件 .栅格.槽宽2倍,
.页 .栅格.槽宽2倍 {
  grid-column-gap: 2em;
}
.坦克组件 .栅格.槽宽3倍,
.页 .栅格.槽宽3倍 {
  grid-column-gap: 3em;
}
.坦克组件 .栅格.槽宽4倍,
.页 .栅格.槽宽4倍 {
  grid-column-gap: 4em;
}
.坦克组件 .栅格.栅格1列,
.页 .栅格.栅格1列 {
  grid-template-columns: repeat(1, 1fr);
}
.坦克组件 .栅格.栅格2列,
.页 .栅格.栅格2列 {
  grid-template-columns: repeat(2, 1fr);
}
.坦克组件 .栅格.栅格3列,
.页 .栅格.栅格3列 {
  grid-template-columns: repeat(3, 1fr);
}
.坦克组件 .栅格.栅格4列,
.页 .栅格.栅格4列 {
  grid-template-columns: repeat(4, 1fr);
}
.坦克组件 .栅格.栅格5列,
.页 .栅格.栅格5列 {
  grid-template-columns: repeat(5, 1fr);
}
.坦克组件 .栅格.栅格6列,
.页 .栅格.栅格6列 {
  grid-template-columns: repeat(6, 1fr);
}
.坦克组件 .栅格.栅格7列,
.页 .栅格.栅格7列 {
  grid-template-columns: repeat(7, 1fr);
}
.坦克组件 .栅格.栅格8列,
.页 .栅格.栅格8列 {
  grid-template-columns: repeat(8, 1fr);
}
.坦克组件 .栅格.栅格9列,
.页 .栅格.栅格9列 {
  grid-template-columns: repeat(9, 1fr);
}
.坦克组件 .栅格.栅格10列,
.页 .栅格.栅格10列 {
  grid-template-columns: repeat(10, 1fr);
}
.坦克组件 .栅格.栅格11列,
.页 .栅格.栅格11列 {
  grid-template-columns: repeat(11, 1fr);
}
.坦克组件 .栅格.栅格12列,
.页 .栅格.栅格12列 {
  grid-template-columns: repeat(12, 1fr);
}
.坦克组件 .栅格.栅格13列,
.页 .栅格.栅格13列 {
  grid-template-columns: repeat(13, 1fr);
}
.坦克组件 .栅格.栅格14列,
.页 .栅格.栅格14列 {
  grid-template-columns: repeat(14, 1fr);
}
.坦克组件 .栅格.栅格1行,
.页 .栅格.栅格1行 {
  grid-template-rows: repeat(1, 1fr);
}
.坦克组件 .栅格.栅格2行,
.页 .栅格.栅格2行 {
  grid-template-rows: repeat(2, 1fr);
}
.坦克组件 .栅格.栅格3行,
.页 .栅格.栅格3行 {
  grid-template-rows: repeat(3, 1fr);
}
.坦克组件 .栅格.栅格4行,
.页 .栅格.栅格4行 {
  grid-template-rows: repeat(4, 1fr);
}
.坦克组件 .栅格.栅格5行,
.页 .栅格.栅格5行 {
  grid-template-rows: repeat(5, 1fr);
}
.坦克组件 .栅格.栅格6行,
.页 .栅格.栅格6行 {
  grid-template-rows: repeat(6, 1fr);
}
.坦克组件 .栅格.栅格7行,
.页 .栅格.栅格7行 {
  grid-template-rows: repeat(7, 1fr);
}
.坦克组件 .栅格.栅格8行,
.页 .栅格.栅格8行 {
  grid-template-rows: repeat(8, 1fr);
}
.坦克组件 .栅格.栅格9行,
.页 .栅格.栅格9行 {
  grid-template-rows: repeat(9, 1fr);
}
.坦克组件 .栅格.栅格10行,
.页 .栅格.栅格10行 {
  grid-template-rows: repeat(10, 1fr);
}
.坦克组件 .栅格.栅格11行,
.页 .栅格.栅格11行 {
  grid-template-rows: repeat(11, 1fr);
}
.坦克组件 .栅格.栅格12行,
.页 .栅格.栅格12行 {
  grid-template-rows: repeat(12, 1fr);
}
.坦克组件 .栅格.栅格13行,
.页 .栅格.栅格13行 {
  grid-template-rows: repeat(13, 1fr);
}
.坦克组件 .栅格.栅格14行,
.页 .栅格.栅格14行 {
  grid-template-rows: repeat(14, 1fr);
}
.坦克组件 .子间距1字,
.页 .子间距1字 {
  gap: 1em;
}
.坦克组件 .子间距2字,
.页 .子间距2字 {
  gap: 2em;
}
.坦克组件 .子间距3字,
.页 .子间距3字 {
  gap: 3em;
}
.坦克组件 .子间距4字,
.页 .子间距4字 {
  gap: 4em;
}
.坦克组件 .子间距5字,
.页 .子间距5字 {
  gap: 5em;
}
.坦克组件 .子间距6字,
.页 .子间距6字 {
  gap: 6em;
}
.坦克组件 .子间距7字,
.页 .子间距7字 {
  gap: 7em;
}
.坦克组件 .子间距8字,
.页 .子间距8字 {
  gap: 8em;
}
.坦克组件 .子间距9字,
.页 .子间距9字 {
  gap: 9em;
}
.坦克组件 .子间距10字,
.页 .子间距10字 {
  gap: 10em;
}
.坦克组件 .子行间距1字,
.页 .子行间距1字 {
  row-gap: 1em;
}
.坦克组件 .子行间距2字,
.页 .子行间距2字 {
  row-gap: 2em;
}
.坦克组件 .子行间距3字,
.页 .子行间距3字 {
  row-gap: 3em;
}
.坦克组件 .子行间距4字,
.页 .子行间距4字 {
  row-gap: 4em;
}
.坦克组件 .子行间距5字,
.页 .子行间距5字 {
  row-gap: 5em;
}
.坦克组件 .子行间距6字,
.页 .子行间距6字 {
  row-gap: 6em;
}
.坦克组件 .子行间距7字,
.页 .子行间距7字 {
  row-gap: 7em;
}
.坦克组件 .子行间距8字,
.页 .子行间距8字 {
  row-gap: 8em;
}
.坦克组件 .子行间距9字,
.页 .子行间距9字 {
  row-gap: 9em;
}
.坦克组件 .子行间距10字,
.页 .子行间距10字 {
  row-gap: 10em;
}

.坦克组件 .垂直滚动, .坦克组件 .限高100, .坦克组件 .限高200, .坦克组件 .限高300, .坦克组件 .限高400, .坦克组件 .限高500, .坦克组件 .限高600,
.页 .垂直滚动,
.页 .限高100,
.页 .限高200,
.页 .限高300,
.页 .限高400,
.页 .限高500,
.页 .限高600 {
  overflow-y: scroll;
  overflow-x: hidden;
}
.坦克组件 .水平滚动,
.页 .水平滚动 {
  overflow-y: hidden;
  overflow-x: scroll;
}
.坦克组件 .自动显示水平滚动条,
.页 .自动显示水平滚动条 {
  overflow-x: auto;
}

.坦克组件 .同辈等高,
.页 .同辈等高 {
  height: -webkit-fill-available;
}
.坦克组件 .高度100,
.页 .高度100 {
  height: 100px;
}
.坦克组件 .高度200,
.页 .高度200 {
  height: 200px;
}
.坦克组件 .高度300,
.页 .高度300 {
  height: 300px;
}
.坦克组件 .高度400,
.页 .高度400 {
  height: 400px;
}
.坦克组件 .高度500,
.页 .高度500 {
  height: 500px;
}
.坦克组件 .高度600,
.页 .高度600 {
  height: 600px;
}
.坦克组件 .最小高度100,
.页 .最小高度100 {
  min-height: 100px;
}
.坦克组件 .最小高度200,
.页 .最小高度200 {
  min-height: 200px;
}
.坦克组件 .最小高度300,
.页 .最小高度300 {
  min-height: 300px;
}
.坦克组件 .最小高度400,
.页 .最小高度400 {
  min-height: 400px;
}
.坦克组件 .最小高度500,
.页 .最小高度500 {
  min-height: 500px;
}
.坦克组件 .最小高度600,
.页 .最小高度600 {
  min-height: 600px;
}
.坦克组件 .限高100,
.页 .限高100 {
  height: 100px;
}
.坦克组件 .限高200,
.页 .限高200 {
  height: 200px;
}
.坦克组件 .限高300,
.页 .限高300 {
  height: 300px;
}
.坦克组件 .限高400,
.页 .限高400 {
  height: 400px;
}
.坦克组件 .限高500,
.页 .限高500 {
  height: 500px;
}
.坦克组件 .限高600,
.页 .限高600 {
  height: 600px;
}
.坦克组件 .高度1倍,
.页 .高度1倍 {
  height: 1em;
}
.坦克组件 .高度2倍,
.页 .高度2倍 {
  height: 2em;
}
.坦克组件 .高度3倍,
.页 .高度3倍 {
  height: 3em;
}
.坦克组件 .高度4倍,
.页 .高度4倍 {
  height: 4em;
}
.坦克组件 .高度5倍,
.页 .高度5倍 {
  height: 5em;
}
.坦克组件 .高度6倍,
.页 .高度6倍 {
  height: 6em;
}
.坦克组件 .高度7倍,
.页 .高度7倍 {
  height: 7em;
}
.坦克组件 .高度8倍,
.页 .高度8倍 {
  height: 8em;
}
.坦克组件 .高度9倍,
.页 .高度9倍 {
  height: 9em;
}
.坦克组件 .高度10倍,
.页 .高度10倍 {
  height: 10em;
}
.坦克组件 .高度11倍,
.页 .高度11倍 {
  height: 11em;
}
.坦克组件 .高度12倍,
.页 .高度12倍 {
  height: 12em;
}
.坦克组件 .高度13倍,
.页 .高度13倍 {
  height: 13em;
}
.坦克组件 .高度14倍,
.页 .高度14倍 {
  height: 14em;
}
.坦克组件 .高度15倍,
.页 .高度15倍 {
  height: 15em;
}

.印度红色字体 {
  color: #CD5C5C;
}

.亮珊瑚色字体 {
  color: #F08080;
}

.浅橙色字体 {
  color: #FA8072;
}

.深鲜肉色字体 {
  color: #E9967A;
}

.深红色字体 {
  color: #DC143C;
}

.红色字体 {
  color: #FF0000;
}

.耐火砖红色字体 {
  color: #B22222;
}

.暗红色字体 {
  color: #8B0000;
}

.粉红色字体 {
  color: #FFC0CB;
}

.浅粉色字体 {
  color: #FFB6C1;
}

.热粉色字体 {
  color: #FF69B4;
}

.深粉色字体 {
  color: #FF1493;
}

.中紫红色字体 {
  color: #C71585;
}

.淡紫红色字体 {
  color: #DB7093;
}

.浅鲜肉色字体 {
  color: #FFA07A;
}

.珊瑚色字体 {
  color: #FF7F50;
}

.番茄色字体 {
  color: #FF6347;
}

.橙红色字体 {
  color: #FF4500;
}

.深橙色字体 {
  color: #FF8C00;
}

.橙色字体 {
  color: #FFA500;
}

.金色字体 {
  color: #FFD700;
}

.黄色字体 {
  color: #FFFF00;
}

.浅黄色字体 {
  color: #FFFFE0;
}

.柠檬绸色字体 {
  color: #FFFACD;
}

.浅金黄色字体 {
  color: #FAFAD2;
}

.番木瓜色字体 {
  color: #FFEFD5;
}

.莫卡辛色字体 {
  color: #FFE4B5;
}

.桃泡芙色字体 {
  color: #FFDAB9;
}

.淡金色字体 {
  color: #EEE8AA;
}

.卡其色字体 {
  color: #F0E68C;
}

.深卡其色字体 {
  color: #BDB76B;
}

.薰衣草色字体 {
  color: #E6E6FA;
}

.蓟花色字体 {
  color: #D8BFD8;
}

.梅紅色字体 {
  color: #DDA0DD;
}

.紫罗兰色字体 {
  color: #EE82EE;
}

.兰花色字体 {
  color: #DA70D6;
}

.紫红色字体 {
  color: #FF00FF;
}

.洋红色字体 {
  color: #FF00FF;
}

.中兰花紫色字体 {
  color: #BA55D3;
}

.中紫色字体 {
  color: #9370DB;
}

.紫水晶色字体 {
  color: #9966CC;
}

.蓝紫色字体 {
  color: #8A2BE2;
}

.深紫色字体 {
  color: #9400D3;
}

.深兰花紫色字体 {
  color: #9932CC;
}

.深品红色字体 {
  color: #8B008B;
}

.紫色字体 {
  color: #800080;
}

.靛蓝色字体 {
  color: #4B0082;
}

.板岩蓝色字体 {
  color: #6A5ACD;
}

.深板岩蓝色字体 {
  color: #483D8B;
}

.中板岩蓝色字体 {
  color: #7B68EE;
}

.绿黄色字体 {
  color: #ADFF2F;
}

.淡黄绿色字体 {
  color: #7FFF00;
}

.草坪绿色字体 {
  color: #7CFC00;
}

.酸橙色字体 {
  color: #00FF00;
}

.酸橙绿色字体 {
  color: #32CD32;
}

.淡绿色字体 {
  color: #98FB98;
}

.嫩绿色字体 {
  color: #90EE90;
}

.中春绿色字体 {
  color: #00FA9A;
}

.春绿色字体 {
  color: #00FF7F;
}

.中海绿色字体 {
  color: #3CB371;
}

.海绿色字体 {
  color: #2E8B57;
}

.森林绿色字体 {
  color: #228B22;
}

.绿色字体 {
  color: #008000;
}

.深绿色字体 {
  color: #006400;
}

.黄绿色字体 {
  color: #9ACD32;
}

.橄榄褐色字体 {
  color: #6B8E23;
}

.橄榄色字体 {
  color: #808000;
}

.深橄榄绿色字体 {
  color: #556B2F;
}

.中海蓝色字体 {
  color: #66CDAA;
}

.深海绿色字体 {
  color: #8FBC8F;
}

.浅海绿色字体 {
  color: #20B2AA;
}

.深青色字体 {
  color: #008B8B;
}

.蓝绿色字体 {
  color: #008080;
}

.湖绿色字体 {
  color: #00FFFF;
}

.青色字体 {
  color: #00FFFF;
}

.浅青色字体 {
  color: #E0FFFF;
}

.淡蓝绿色字体 {
  color: #AFEEEE;
}

.海蓝色字体 {
  color: #7FFFD4;
}

.綠松石色字体 {
  color: #40E0D0;
}

.中綠松石色字体 {
  color: #48D1CC;
}

.深绿松石色字体 {
  color: #00CED1;
}

.灰蓝色字体 {
  color: #5F9EA0;
}

.钢蓝色字体 {
  color: #4682B4;
}

.浅钢蓝色字体 {
  color: #B0C4DE;
}

.粉蓝色字体 {
  color: #B0E0E6;
}

.浅蓝色字体 {
  color: #ADD8E6;
}

.天蓝色字体 {
  color: #87CEEB;
}

.浅天蓝色字体 {
  color: #87CEFA;
}

.深天蓝色字体 {
  color: #00BFFF;
}

.道奇蓝色字体 {
  color: #1E90FF;
}

.矢车菊蓝色字体 {
  color: #6495ED;
}

.中岩藍色字体 {
  color: #7B68EE;
}

.皇家蓝色字体 {
  color: #4169E1;
}

.蓝色字体 {
  color: #0000FF;
}

.中蓝色字体 {
  color: #0000CD;
}

.深蓝色字体 {
  color: #00008B;
}

.海军蓝色字体 {
  color: #000080;
}

.午夜蓝色字体 {
  color: #191970;
}

.玉米色字体 {
  color: #FFF8DC;
}

.杏仁白色字体 {
  color: #FFEBCD;
}

.浓汤色字体 {
  color: #FFE4C4;
}

.那瓦霍白色字体 {
  color: #FFDEAD;
}

.小麦色字体 {
  color: #F5DEB3;
}

.硬木色字体 {
  color: #DEB887;
}

.棕褐色字体 {
  color: #D2B48C;
}

.玫瑰棕色字体 {
  color: #BC8F8F;
}

.沙棕色字体 {
  color: #F4A460;
}

.金菊黄色字体 {
  color: #DAA520;
}

.深金菊黄色字体 {
  color: #B8860B;
}

.秘鲁色字体 {
  color: #CD853F;
}

.巧克力色字体 {
  color: #D2691E;
}

.马鞍棕色字体 {
  color: #8B4513;
}

.土黄赭色字体 {
  color: #A0522D;
}

.棕色字体 {
  color: #A52A2A;
}

.褐红色字体 {
  color: #800000;
}

.白色字体 {
  color: #FFFFFF;
}

.雪白色字体 {
  color: #FFFAFA;
}

.蜜露色字体 {
  color: #F0FFF0;
}

.薄荷色字体 {
  color: #F5FFFA;
}

.蔚蓝色字体 {
  color: #F0FFFF;
}

.爱丽丝蓝色字体 {
  color: #F0F8FF;
}

.幽灵白色字体 {
  color: #F8F8FF;
}

.白烟色字体 {
  color: #F5F5F5;
}

.贝壳白色字体 {
  color: #FFF5EE;
}

.米色字体 {
  color: #F5F5DC;
}

.旧蕾丝色字体 {
  color: #FDF5E6;
}

.花白色字体 {
  color: #FFFAF0;
}

.象牙色字体 {
  color: #FFFFF0;
}

.古董白色字体 {
  color: #FAEBD7;
}

.亚麻色字体 {
  color: #FAF0E6;
}

.薰衣草腮红色字体 {
  color: #FFF0F5;
}

.雾玫瑰色字体 {
  color: #FFE4E1;
}

.庚斯博羅灰色字体 {
  color: #DCDCDC;
}

.浅灰色字体 {
  color: #D3D3D3;
}

.银色字体 {
  color: #C0C0C0;
}

.深灰色字体 {
  color: #A9A9A9;
}

.灰色字体 {
  color: #808080;
}

.暗灰色字体 {
  color: #696969;
}

.浅板岩灰色字体 {
  color: #778899;
}

.板岩灰色字体 {
  color: #708090;
}

.深板岩灰色字体 {
  color: #2F4F4F;
}

.黑色字体 {
  color: #000000;
}

.印度红色背景 {
  background: #CD5C5C;
}

.亮珊瑚色背景 {
  background: #F08080;
}

.浅橙色背景 {
  background: #FA8072;
}

.深鲜肉色背景 {
  background: #E9967A;
}

.深红色背景 {
  background: #DC143C;
}

.红色背景 {
  background: #FF0000;
}

.耐火砖红色背景 {
  background: #B22222;
}

.暗红色背景 {
  background: #8B0000;
}

.粉红色背景 {
  background: #FFC0CB;
}

.浅粉色背景 {
  background: #FFB6C1;
}

.热粉色背景 {
  background: #FF69B4;
}

.深粉色背景 {
  background: #FF1493;
}

.中紫红色背景 {
  background: #C71585;
}

.淡紫红色背景 {
  background: #DB7093;
}

.浅鲜肉色背景 {
  background: #FFA07A;
}

.珊瑚色背景 {
  background: #FF7F50;
}

.番茄色背景 {
  background: #FF6347;
}

.橙红色背景 {
  background: #FF4500;
}

.深橙色背景 {
  background: #FF8C00;
}

.橙色背景 {
  background: #FFA500;
}

.金色背景 {
  background: #FFD700;
}

.黄色背景 {
  background: #FFFF00;
}

.浅黄色背景 {
  background: #FFFFE0;
}

.柠檬绸色背景 {
  background: #FFFACD;
}

.浅金黄色背景 {
  background: #FAFAD2;
}

.番木瓜色背景 {
  background: #FFEFD5;
}

.莫卡辛色背景 {
  background: #FFE4B5;
}

.桃泡芙色背景 {
  background: #FFDAB9;
}

.淡金色背景 {
  background: #EEE8AA;
}

.卡其色背景 {
  background: #F0E68C;
}

.深卡其色背景 {
  background: #BDB76B;
}

.薰衣草色背景 {
  background: #E6E6FA;
}

.蓟花色背景 {
  background: #D8BFD8;
}

.梅紅色背景 {
  background: #DDA0DD;
}

.紫罗兰色背景 {
  background: #EE82EE;
}

.兰花色背景 {
  background: #DA70D6;
}

.紫红色背景 {
  background: #FF00FF;
}

.洋红色背景 {
  background: #FF00FF;
}

.中兰花紫色背景 {
  background: #BA55D3;
}

.中紫色背景 {
  background: #9370DB;
}

.紫水晶色背景 {
  background: #9966CC;
}

.蓝紫色背景 {
  background: #8A2BE2;
}

.深紫色背景 {
  background: #9400D3;
}

.深兰花紫色背景 {
  background: #9932CC;
}

.深品红色背景 {
  background: #8B008B;
}

.紫色背景 {
  background: #800080;
}

.靛蓝色背景 {
  background: #4B0082;
}

.板岩蓝色背景 {
  background: #6A5ACD;
}

.深板岩蓝色背景 {
  background: #483D8B;
}

.中板岩蓝色背景 {
  background: #7B68EE;
}

.绿黄色背景 {
  background: #ADFF2F;
}

.淡黄绿色背景 {
  background: #7FFF00;
}

.草坪绿色背景 {
  background: #7CFC00;
}

.酸橙色背景 {
  background: #00FF00;
}

.酸橙绿色背景 {
  background: #32CD32;
}

.淡绿色背景 {
  background: #98FB98;
}

.嫩绿色背景 {
  background: #90EE90;
}

.中春绿色背景 {
  background: #00FA9A;
}

.春绿色背景 {
  background: #00FF7F;
}

.中海绿色背景 {
  background: #3CB371;
}

.海绿色背景 {
  background: #2E8B57;
}

.森林绿色背景 {
  background: #228B22;
}

.绿色背景 {
  background: #008000;
}

.深绿色背景 {
  background: #006400;
}

.黄绿色背景 {
  background: #9ACD32;
}

.橄榄褐色背景 {
  background: #6B8E23;
}

.橄榄色背景 {
  background: #808000;
}

.深橄榄绿色背景 {
  background: #556B2F;
}

.中海蓝色背景 {
  background: #66CDAA;
}

.深海绿色背景 {
  background: #8FBC8F;
}

.浅海绿色背景 {
  background: #20B2AA;
}

.深青色背景 {
  background: #008B8B;
}

.蓝绿色背景 {
  background: #008080;
}

.湖绿色背景 {
  background: #00FFFF;
}

.青色背景 {
  background: #00FFFF;
}

.浅青色背景 {
  background: #E0FFFF;
}

.淡蓝绿色背景 {
  background: #AFEEEE;
}

.海蓝色背景 {
  background: #7FFFD4;
}

.綠松石色背景 {
  background: #40E0D0;
}

.中綠松石色背景 {
  background: #48D1CC;
}

.深绿松石色背景 {
  background: #00CED1;
}

.灰蓝色背景 {
  background: #5F9EA0;
}

.钢蓝色背景 {
  background: #4682B4;
}

.浅钢蓝色背景 {
  background: #B0C4DE;
}

.粉蓝色背景 {
  background: #B0E0E6;
}

.浅蓝色背景 {
  background: #ADD8E6;
}

.天蓝色背景 {
  background: #87CEEB;
}

.浅天蓝色背景 {
  background: #87CEFA;
}

.深天蓝色背景 {
  background: #00BFFF;
}

.道奇蓝色背景 {
  background: #1E90FF;
}

.矢车菊蓝色背景 {
  background: #6495ED;
}

.中岩藍色背景 {
  background: #7B68EE;
}

.皇家蓝色背景 {
  background: #4169E1;
}

.蓝色背景 {
  background: #0000FF;
}

.中蓝色背景 {
  background: #0000CD;
}

.深蓝色背景 {
  background: #00008B;
}

.海军蓝色背景 {
  background: #000080;
}

.午夜蓝色背景 {
  background: #191970;
}

.玉米色背景 {
  background: #FFF8DC;
}

.杏仁白色背景 {
  background: #FFEBCD;
}

.浓汤色背景 {
  background: #FFE4C4;
}

.那瓦霍白色背景 {
  background: #FFDEAD;
}

.小麦色背景 {
  background: #F5DEB3;
}

.硬木色背景 {
  background: #DEB887;
}

.棕褐色背景 {
  background: #D2B48C;
}

.玫瑰棕色背景 {
  background: #BC8F8F;
}

.沙棕色背景 {
  background: #F4A460;
}

.金菊黄色背景 {
  background: #DAA520;
}

.深金菊黄色背景 {
  background: #B8860B;
}

.秘鲁色背景 {
  background: #CD853F;
}

.巧克力色背景 {
  background: #D2691E;
}

.马鞍棕色背景 {
  background: #8B4513;
}

.土黄赭色背景 {
  background: #A0522D;
}

.棕色背景 {
  background: #A52A2A;
}

.褐红色背景 {
  background: #800000;
}

.白色背景 {
  background: #FFFFFF;
}

.雪白色背景 {
  background: #FFFAFA;
}

.蜜露色背景 {
  background: #F0FFF0;
}

.薄荷色背景 {
  background: #F5FFFA;
}

.蔚蓝色背景 {
  background: #F0FFFF;
}

.爱丽丝蓝色背景 {
  background: #F0F8FF;
}

.幽灵白色背景 {
  background: #F8F8FF;
}

.白烟色背景 {
  background: #F5F5F5;
}

.贝壳白色背景 {
  background: #FFF5EE;
}

.米色背景 {
  background: #F5F5DC;
}

.旧蕾丝色背景 {
  background: #FDF5E6;
}

.花白色背景 {
  background: #FFFAF0;
}

.象牙色背景 {
  background: #FFFFF0;
}

.古董白色背景 {
  background: #FAEBD7;
}

.亚麻色背景 {
  background: #FAF0E6;
}

.薰衣草腮红色背景 {
  background: #FFF0F5;
}

.雾玫瑰色背景 {
  background: #FFE4E1;
}

.庚斯博羅灰色背景 {
  background: #DCDCDC;
}

.浅灰色背景 {
  background: #D3D3D3;
}

.银色背景 {
  background: #C0C0C0;
}

.深灰色背景 {
  background: #A9A9A9;
}

.灰色背景 {
  background: #808080;
}

.暗灰色背景 {
  background: #696969;
}

.浅板岩灰色背景 {
  background: #778899;
}

.板岩灰色背景 {
  background: #708090;
}

.深板岩灰色背景 {
  background: #2F4F4F;
}

.黑色背景 {
  background: #000000;
}

.坦克组件 .主色, .坦克组件 .图标按钮,
.坦克组件 .页 .图标按钮,
.页 .坦克组件 .图标按钮,
.页 .主色,
.页 .图标按钮 {
  color: #0E487F;
}
.坦克组件 .组件主色,
.页 .组件主色 {
  color: #abb7bb;
}
.坦克组件 .背景组件主色,
.页 .背景组件主色 {
  background: #abb7bb;
}
.坦克组件 .组件主色背景,
.页 .组件主色背景 {
  background: #abb7bb;
}
.坦克组件 .双色1,
.页 .双色1 {
  background: #f5f3f2;
  color: #848891;
}
.坦克组件 .双色2,
.页 .双色2 {
  background: #7794be;
  color: #b9beba;
}
.坦克组件 .双色3,
.页 .双色3 {
  background: #b9beba;
  color: #1c334c;
}
.坦克组件 .双色4,
.页 .双色4 {
  background: #0e487f;
  color: #7794be;
}
.坦克组件 .双色5,
.页 .双色5 {
  background: #b9beba;
  color: #f5f3f2;
}
.坦克组件 .双色6,
.页 .双色6 {
  background: #7794be;
  color: #1c334c;
}

.绝对左上角 {
  position: absolute !important;
  top: 0;
  left: 0;
}

.绝对右上角 {
  position: absolute !important;
  top: 0;
  right: 0;
}

.绝对左下角 {
  position: absolute !important;
  bottom: 0;
  left: 0;
}

.绝对右下角 {
  position: absolute !important;
  bottom: 0;
  right: 0;
}

.透明层 {
  background-color: black;
  opacity: 0.5;
}

.层 {
  position: fixed;
}

.显示 {
  display: flex !important;
}

.避免内容超出高度 {
  height: max-content !important;
}

p {
  display: block !important;
  padding: 0.4em;
}

a {
  color: inherit;
  text-decoration: none;
}

.页, .页 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  letter-spacing: 0.19em;
  line-height: 1.9;
}

.链接 {
  color: #57777d;
}
.链接:hover {
  text-decoration: underline;
  text-underline-offset: 0.4em;
}

.导航链接, .链接 {
  text-decoration: none;
  width: fit-content;
}

.鼠标进入显示手指, .坦克组件 .选项卡容器 .选项卡按钮,
.页 .选项卡容器 .选项卡按钮, .坦克组件 .表格按钮,
.页 .表格按钮, .坦克组件 button,
.页 button, .坦克组件 .按钮,
.页 .按钮, .坦克组件 .垂直按钮,
.坦克组件 .页 .垂直按钮,
.页 .坦克组件 .垂直按钮,
.页 .垂直按钮, .坦克组件 .下拉列表,
.页 .下拉列表, .顶栏容器 .顶栏 .菜单按钮 {
  cursor: pointer;
}

.鼠标进入阴影:hover {
  color: #FFFFFF !important;
  background-color: #0065c4 !important;
}

.页 {
  font-family: Arial, Helvetica, sans-serif;
}
.垂直布局, .坦克组件 .通知容器,
.页 .通知容器, .坦克组件 .表格 tbody,
.页 .表格 tbody, .坦克组件 .加载中容器,
.页 .加载中容器 {
  flex-direction: column;
}

.水平布局, .坦克组件 .有名字容器 ul li.编辑区,
.页 .有名字容器 ul li.编辑区 {
  flex-direction: row;
}

.内容居中 {
  justify-content: center;
}

.内容居左 {
  justify-content: start;
}

.内容居右 {
  justify-content: end;
}

.自己居中 {
  align-self: center;
}

.自己居左 {
  align-self: start;
}

.自己居右 {
  align-self: end;
}

.中框1p, .坦克组件 input.输入文字, .坦克组件 .输入文字,
.页 input.输入文字,
.页 .输入文字, .坦克组件 select.下拉列表,
.页 select.下拉列表, .坦克组件 .表格,
.页 .表格, .主按钮, .次按钮 {
  border-width: 1px;
  border-style: solid;
}

.容器 {
  padding: 0.4em 0.9em;
  display: flex;
  width: fit-content;
}

.坐标系容器 {
  position: relative;
}

.无壁容器 {
  display: flex;
  width: fit-content;
}

.挂载凹 {
  display: flex;
  width: fit-content;
}

.沉容器 {
  z-index: -1;
}

.浮容器 {
  z-index: 1;
}

.导角 {
  border-radius: 0.4em;
}

.按钮, .坦克组件 input.输入按钮,
.页 input.输入按钮, .坦克组件 input.输入图形按钮,
.页 input.输入图形按钮, .坦克组件 input.输入重置按钮,
.页 input.输入重置按钮, .坦克组件 input.输入提交按钮,
.页 input.输入提交按钮, .坦克组件 .垂直按钮,
.页 .垂直按钮 {
  margin: 0.4em 0 0.4em 0;
  width: fit-content;
}

.过渡BdColr, .坦克组件 input,
.页 input {
  transition: border-color 0.4s ease;
}

.过渡BGC, .坦克组件 .主按钮,
.页 .主按钮, .坦克组件 .危险按钮,
.页 .危险按钮 {
  transition: background-color 0.4s ease;
}

.过渡C, .坦克组件 .次按钮,
.页 .次按钮 {
  transition: color 0.4s ease;
}

.过渡BGCaC {
  transition: background-color 0.4s ease, color 0.4s ease;
}

.字加厚 {
  font-weight: bold;
}

.级菜单 {
  padding-left: 14px;
}

.手机 {
  justify-content: start;
}

.字居中 {
  justify-content: center;
}

.垂直居中, .坦克组件 .通知容器 .通知行 .计时器,
.页 .通知容器 .通知行 .计时器, .坦克组件 input.输入复选框,
.页 input.输入复选框, .坦克组件 input.输入单选,
.页 input.输入单选, .坦克组件 .可编辑,
.页 .可编辑, .坦克组件 .列值容器 .列值项,
.页 .列值容器 .列值项, .坦克组件 .徽章 sup,
.页 .徽章 sup, .坦克组件 .加载中容器 .计时器,
.页 .加载中容器 .计时器, .坦克组件 .列表视图 li > *, .坦克组件 .列表视图 .列 > *,
.页 .列表视图 li > *,
.页 .列表视图 .列 > * {
  align-self: center;
}

.字居右 {
  justify-content: end;
}

.左留1em {
  margin-left: 1em;
}

.左右留1倍, .坦克组件 .表格 tr th, .坦克组件 .表格 tr td,
.页 .表格 tr th,
.页 .表格 tr td {
  margin: 0 1em;
}

.内高1 {
  line-height: 1;
}

.内高2, .坦克组件 .表格 tr td,
.页 .表格 tr td {
  line-height: 2;
}

.内高3, .坦克组件 .表格 tr th,
.页 .表格 tr th {
  line-height: 3;
}

.空两角::before {
  content: "";
  white-space: pre;
  margin-left: 2em;
}

.禁止选择, .坦克组件 .按钮,
.页 .按钮, .坦克组件 .垂直按钮,
.坦克组件 .页 .垂直按钮,
.页 .坦克组件 .垂直按钮,
.页 .垂直按钮, .坦克组件 .小铅块,
.页 .小铅块, .顶栏容器 .顶栏 .名 {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.字体垂直 {
  width: min-content;
  writing-mode: vertical-lr;
}

.字体水平 {
  margin-left: 1em;
}

.禁止换行 {
  white-space: nowrap;
  display: flex !important;
}

.自动换行 {
  word-wrap: break-word;
  word-break: break-all;
}

.膨胀宽度 {
  width: min-content !important;
}

.背景透明 {
  background: rgba(0, 0, 0, 0);
}

.占位隐藏 {
  visibility: hidden;
}

.隐藏 {
  display: none !important;
}

hr {
  color: #0E487F;
}

.半透明01 {
  opacity: 0.1;
}

p a {
  display: unset !important;
}
p a span {
  display: unset !important;
}

.顶栏高度, .顶栏容器 .顶栏, .顶栏容器::before {
  height: 3.4em;
}

.顶栏容器::before {
  content: " ";
  width: 100%;
}
.顶栏容器 .顶栏 {
  width: 100%;
  background-color: #0E487F;
  position: fixed;
}
.顶栏容器 .顶栏 .名 {
  font-size: 1em;
  font-weight: unset;
  color: #FFFFFF;
}
.顶栏容器 .顶栏 .菜单按钮 {
  display: block;
  font-size: 1.7em;
  margin: 0 0.4em;
}

.托高1倍::after {
  content: " ";
  line-height: 1em;
  white-space: break-spaces;
}

.托高2倍::after {
  content: " ";
  line-height: 2em;
  white-space: break-spaces;
}

.托高3倍::after {
  content: " ";
  line-height: 3em;
  white-space: break-spaces;
}

.托高4倍::after {
  content: " ";
  line-height: 4em;
  white-space: break-spaces;
}

.托高5倍::after {
  content: " ";
  line-height: 5em;
  white-space: break-spaces;
}

.额高1倍::before {
  content: " ";
  line-height: 1em;
  white-space: break-spaces;
}

@media only screen and (max-width: 624px) {
  .坦克组件 .手机字居左,
  .页 .手机字居左 {
    justify-content: start;
  }
}
.坦克组件 .下拉列表,
.页 .下拉列表 {
  background-color: #abb7bb;
}

.坦克组件 .侧边浮动菜单,
.页 .侧边浮动菜单 {
  overflow: hidden;
  width: 3em;
  position: fixed;
  height: 3em;
  background-color: #7794be;
  transition: height 0.3s ease;
}
.坦克组件 .侧边浮动菜单 ul,
.页 .侧边浮动菜单 ul {
  height: 33%;
  padding-left: 0.5em;
  padding-top: 0.5em;
  display: none;
  transition: display 0.5s ease;
}
.坦克组件 .侧边浮动菜单 ul li,
.页 .侧边浮动菜单 ul li {
  list-style: none;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.坦克组件 .侧边浮动菜单 ul.显示,
.页 .侧边浮动菜单 ul.显示 {
  display: block;
}
.坦克组件 .侧边浮动菜单 .展开按钮,
.页 .侧边浮动菜单 .展开按钮 {
  position: absolute;
  bottom: 0;
  height: 3em;
  background: inherit;
}
.坦克组件 .侧边浮动菜单.展开,
.页 .侧边浮动菜单.展开 {
  height: 400px;
}
.坦克组件 .侧边浮动菜单.右下,
.页 .侧边浮动菜单.右下 {
  right: 0px;
  bottom: 2em;
}
.坦克组件 .侧边浮动菜单.左下,
.页 .侧边浮动菜单.左下 {
  left: 0px;
  bottom: 2em;
}

.坦克组件 .书本,
.页 .书本 {
  overflow: hidden;
  width: 3em;
  position: fixed;
  height: 3em;
  transition: height 0.3s ease;
}
.坦克组件 .书本 .菜单容器,
.页 .书本 .菜单容器 {
  height: 33%;
  display: none;
  transition: display 0.5s ease;
}
.坦克组件 .书本 .菜单容器 li,
.页 .书本 .菜单容器 li {
  list-style: none;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.坦克组件 .书本 .菜单容器.显示,
.页 .书本 .菜单容器.显示 {
  display: block;
}
.坦克组件 .书本 .书本页容器 p,
.页 .书本 .书本页容器 p {
  word-break: break-word;
}
.坦克组件 .书本 .书本菜单,
.页 .书本 .书本菜单 {
  position: absolute;
  bottom: 0;
  background-color: #7794be;
}
.坦克组件 .书本 .展开按钮,
.页 .书本 .展开按钮 {
  position: absolute;
  bottom: 0;
  height: 3em;
  background: inherit;
}
.坦克组件 .书本.展开,
.页 .书本.展开 {
  height: 400px;
}

.坦克组件 .无中壁,
.页 .无中壁 {
  border: none !important;
}

.坦克组件 .无内壁,
.页 .无内壁 {
  padding: 0;
}
.坦克组件 .内壁1倍,
.页 .内壁1倍 {
  padding: 1em;
}
.坦克组件 .内壁2倍,
.页 .内壁2倍 {
  padding: 2em;
}
.坦克组件 .内壁3倍,
.页 .内壁3倍 {
  padding: 3em;
}
.坦克组件 .左右内壁4-WK,
.页 .左右内壁4-WK {
  -webkit-padding-start: 4px;
  -webkit-padding-end: 4px;
}
.坦克组件 .左右内壁4,
.页 .左右内壁4 {
  padding-left: 4px;
  padding-right: 4px;
}
.坦克组件 .左右内壁1字,
.页 .左右内壁1字 {
  padding-left: 1em;
  padding-right: 1em;
}
.坦克组件 .左右内壁2字,
.页 .左右内壁2字 {
  padding-left: 2em;
  padding-right: 2em;
}
.坦克组件 .左右内壁3字,
.页 .左右内壁3字 {
  padding-left: 3em;
  padding-right: 3em;
}
.坦克组件 .左右内壁4字,
.页 .左右内壁4字 {
  padding-left: 4em;
  padding-right: 4em;
}
.坦克组件 .内壁4,
.页 .内壁4 {
  padding: 4px;
}
.坦克组件 .内壁6,
.页 .内壁6 {
  padding: 6px;
}
.坦克组件 .内壁8,
.页 .内壁8 {
  padding: 8px;
}
.坦克组件 .内壁10,
.页 .内壁10 {
  padding: 10px;
}
.坦克组件 .内壁12,
.页 .内壁12 {
  padding: 12px;
}
.坦克组件 .内壁14,
.页 .内壁14 {
  padding: 14px;
}
.坦克组件 .左内壁1字,
.页 .左内壁1字 {
  padding-left: 1em;
}
.坦克组件 .左内壁2字,
.页 .左内壁2字 {
  padding-left: 2em;
}
.坦克组件 .左内壁3字,
.页 .左内壁3字 {
  padding-left: 3em;
}
.坦克组件 .左内壁1倍,
.页 .左内壁1倍 {
  padding-left: 1em;
}
.坦克组件 .左内壁14,
.页 .左内壁14 {
  padding-left: 14px;
}
.坦克组件 .左内壁点3,
.页 .左内壁点3 {
  padding-left: 0.3em;
}
.坦克组件 .右内壁14,
.页 .右内壁14 {
  padding-right: 14px;
}
.坦克组件 .上下内壁1字,
.页 .上下内壁1字 {
  padding-top: 1em;
  padding-bottom: 1em;
}
.坦克组件 .上下内壁2字,
.页 .上下内壁2字 {
  padding-top: 2em;
  padding-bottom: 2em;
}
.坦克组件 .上下内壁3字,
.页 .上下内壁3字 {
  padding-top: 3em;
  padding-bottom: 3em;
}
.坦克组件 .上下内壁7,
.页 .上下内壁7 {
  padding-top: 7px;
  padding-bottom: 7px;
}
.坦克组件 .上下内壁14,
.页 .上下内壁14 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.坦克组件 .左右内壁7,
.页 .左右内壁7 {
  padding-left: 7px;
  padding-right: 7px;
}
.坦克组件 .左右内壁14, .坦克组件 .通知容器, .坦克组件 .加载中容器,
.页 .左右内壁14,
.页 .通知容器,
.页 .加载中容器 {
  padding-left: 14px;
  padding-right: 14px;
}
.坦克组件 .左右内壁1倍, .坦克组件 .通知容器 .通知行,
.页 .左右内壁1倍,
.页 .通知容器 .通知行 {
  padding-left: 1em;
  padding-right: 1em;
}
.坦克组件 .内壁1字,
.页 .内壁1字 {
  padding: 1em;
}
.坦克组件 .内壁2字,
.页 .内壁2字 {
  padding: 2em;
}
.坦克组件 .内壁3字,
.页 .内壁3字 {
  padding: 3em;
}

.坦克组件 .上下外壁1点,
.页 .上下外壁1点 {
  margin: 1px 0;
}
.坦克组件 .上下外壁2点,
.页 .上下外壁2点 {
  margin: 2px 0;
}
.坦克组件 .上下外壁3点,
.页 .上下外壁3点 {
  margin: 3px 0;
}
.坦克组件 .上下外壁4点,
.页 .上下外壁4点 {
  margin: 4px 0;
}
.坦克组件 .上下外壁5点,
.页 .上下外壁5点 {
  margin: 5px 0;
}
.坦克组件 .上下外壁6点,
.页 .上下外壁6点 {
  margin: 6px 0;
}
.坦克组件 .上下外壁7点,
.页 .上下外壁7点 {
  margin: 7px 0;
}
.坦克组件 .上下外壁8点,
.页 .上下外壁8点 {
  margin: 8px 0;
}
.坦克组件 .上下外壁9点,
.页 .上下外壁9点 {
  margin: 9px 0;
}
.坦克组件 .上下外壁10点,
.页 .上下外壁10点 {
  margin: 10px 0;
}
.坦克组件 .上下外壁11点,
.页 .上下外壁11点 {
  margin: 11px 0;
}
.坦克组件 .上下外壁12点,
.页 .上下外壁12点 {
  margin: 12px 0;
}
.坦克组件 .上下外壁13点,
.页 .上下外壁13点 {
  margin: 13px 0;
}
.坦克组件 .上下外壁1字,
.页 .上下外壁1字 {
  margin: 1em 0;
}
.坦克组件 .上下外壁2字,
.页 .上下外壁2字 {
  margin: 2em 0;
}
.坦克组件 .上下外壁3字,
.页 .上下外壁3字 {
  margin: 3em 0;
}
.坦克组件 .上下外壁1倍,
.页 .上下外壁1倍 {
  margin: 1em 0;
}
.坦克组件 .上下外壁2倍,
.页 .上下外壁2倍 {
  margin: 2em 0;
}
.坦克组件 .左右外壁1字,
.页 .左右外壁1字 {
  margin: 0 1em;
}
.坦克组件 .左右外壁2字,
.页 .左右外壁2字 {
  margin: 0 2em;
}
.坦克组件 .左右外壁3字,
.页 .左右外壁3字 {
  margin: 0 3em;
}
.坦克组件 .左右外壁1倍,
.页 .左右外壁1倍 {
  margin: 0 1em;
}
.坦克组件 .左右外壁0点5倍,
.页 .左右外壁0点5倍 {
  margin: 0 0.5em;
}
.坦克组件 .外壁04倍,
.页 .外壁04倍 {
  margin: 0.4em;
}
.坦克组件 .外壁1倍,
.页 .外壁1倍 {
  margin: 1em;
}
.坦克组件 .右外壁1倍,
.页 .右外壁1倍 {
  margin-right: 1em;
}
.坦克组件 .左外壁1倍,
.页 .左外壁1倍 {
  margin-left: 1em;
}
.坦克组件 .左外壁2倍,
.页 .左外壁2倍 {
  margin-left: 2em;
}
.坦克组件 .左外壁3倍,
.页 .左外壁3倍 {
  margin-left: 3em;
}
.坦克组件 .外壁4,
.页 .外壁4 {
  margin: 4px;
}
.坦克组件 .上外壁1倍, .坦克组件 .通知容器, .坦克组件 .加载中容器,
.页 .上外壁1倍,
.页 .通知容器,
.页 .加载中容器 {
  margin-top: 1em;
}
.坦克组件 .上外壁4,
.页 .上外壁4 {
  margin-top: 4px;
}
.坦克组件 .上外壁7,
.页 .上外壁7 {
  margin-top: 7px;
}
.坦克组件 .左外壁14,
.页 .左外壁14 {
  margin-left: 14px;
}
.坦克组件 .外壁14,
.页 .外壁14 {
  margin: 14px;
}
.坦克组件 .外壁1字,
.页 .外壁1字 {
  margin: 1em;
}
.坦克组件 .外壁2字,
.页 .外壁2字 {
  margin: 2em;
}
.坦克组件 .外壁3字,
.页 .外壁3字 {
  margin: 3em;
}
.坦克组件 .外壁4字,
.页 .外壁4字 {
  margin: 4em;
}
.坦克组件 .外壁5字,
.页 .外壁5字 {
  margin: 5em;
}
.坦克组件 .外壁6字,
.页 .外壁6字 {
  margin: 6em;
}
.坦克组件 .外壁7字,
.页 .外壁7字 {
  margin: 7em;
}
.坦克组件 .上外壁1字,
.页 .上外壁1字 {
  margin-top: 1em;
}
.坦克组件 .上外壁2字,
.页 .上外壁2字 {
  margin-top: 2em;
}
.坦克组件 .上外壁3字,
.页 .上外壁3字 {
  margin-top: 3em;
}
.坦克组件 .右外壁1字,
.页 .右外壁1字 {
  margin-right: 1em;
}
.坦克组件 .右外壁2字,
.页 .右外壁2字 {
  margin-right: 2em;
}
.坦克组件 .右外壁3字,
.页 .右外壁3字 {
  margin-right: 3em;
}
.坦克组件 .左外壁1字,
.页 .左外壁1字 {
  margin-left: 1em;
}
.坦克组件 .左外壁2字,
.页 .左外壁2字 {
  margin-left: 2em;
}
.坦克组件 .左外壁3字,
.页 .左外壁3字 {
  margin-left: 3em;
}

.坦克组件 .字重100,
.页 .字重100 {
  font-weight: 100;
}
.坦克组件 .字重200,
.页 .字重200 {
  font-weight: 200;
}
.坦克组件 .字重300,
.页 .字重300 {
  font-weight: 300;
}
.坦克组件 .字重400,
.页 .字重400 {
  font-weight: 400;
}
.坦克组件 .字重500,
.页 .字重500 {
  font-weight: 500;
}
.坦克组件 .字重600,
.页 .字重600 {
  font-weight: 600;
}
.坦克组件 .字重700,
.页 .字重700 {
  font-weight: 700;
}
.坦克组件 .字重800,
.页 .字重800 {
  font-weight: 800;
}
.坦克组件 .字重900,
.页 .字重900 {
  font-weight: 900;
}
.坦克组件 .字大1倍,
.页 .字大1倍 {
  font-size: 1em;
}
.坦克组件 .字大2倍,
.页 .字大2倍 {
  font-size: 2em;
}
.坦克组件 .字大3倍,
.页 .字大3倍 {
  font-size: 3em;
}
.坦克组件 .超出显示省略号,
.页 .超出显示省略号 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: block;
}
.坦克组件 .字大XL,
.页 .字大XL {
  font-size: x-large;
}
.坦克组件 .字大XXL,
.页 .字大XXL {
  font-size: xx-large;
}
.坦克组件 .常规字体,
.页 .常规字体 {
  font-size: 1em !important;
}

.坦克组件 .第一字体颜色,
.页 .第一字体颜色 {
  color: black;
}
.坦克组件 .第二字体颜色,
.页 .第二字体颜色 {
  color: #808080;
}
.坦克组件 .主信息字体颜色,
.页 .主信息字体颜色 {
  color: #666;
}
.坦克组件 .字体绿色,
.页 .字体绿色 {
  color: green;
}
.坦克组件 .字体红色,
.页 .字体红色 {
  color: red;
}

.坦克组件 .标题一字间距,
.页 .标题一字间距 {
  letter-spacing: 10px;
}

.坦克组件 .收缩到内容,
.页 .收缩到内容 {
  width: fit-content;
}
.坦克组件 .宽度100,
.页 .宽度100 {
  width: 100px;
}
.坦克组件 .宽度200,
.页 .宽度200 {
  width: 200px;
}
.坦克组件 .宽度210,
.页 .宽度210 {
  width: 210px;
}
.坦克组件 .宽度250,
.页 .宽度250 {
  width: 250px;
}
.坦克组件 .宽度300,
.页 .宽度300 {
  width: 300px;
}
.坦克组件 .宽度400,
.页 .宽度400 {
  width: 400px;
}
.坦克组件 .宽度500,
.页 .宽度500 {
  width: 500px;
}
.坦克组件 .宽度600,
.页 .宽度600 {
  width: 600px;
}
.坦克组件 .宽度700,
.页 .宽度700 {
  width: 700px;
}
.坦克组件 .宽度800,
.页 .宽度800 {
  width: 800px;
}
.坦克组件 .宽度900,
.页 .宽度900 {
  width: 900px;
}
.坦克组件 .宽度1000,
.页 .宽度1000 {
  width: 1000px;
}
.坦克组件 .宽度1100,
.页 .宽度1100 {
  width: 1100px;
}
.坦克组件 .宽度1200,
.页 .宽度1200 {
  width: 1200px;
}
.坦克组件 .宽2倍,
.页 .宽2倍 {
  width: 2em;
}
.坦克组件 .最小宽百分4,
.页 .最小宽百分4 {
  min-width: 4%;
}
.坦克组件 .最小宽百分5,
.页 .最小宽百分5 {
  min-width: 5%;
}
.坦克组件 .最小宽百分6,
.页 .最小宽百分6 {
  min-width: 6%;
}
.坦克组件 .最小宽百分10,
.页 .最小宽百分10 {
  min-width: 10%;
}
.坦克组件 .最小宽百分20,
.页 .最小宽百分20 {
  min-width: 20%;
}
.坦克组件 .最小宽百分25,
.页 .最小宽百分25 {
  min-width: 25%;
}
.坦克组件 .最小宽百分30,
.页 .最小宽百分30 {
  min-width: 30%;
}
.坦克组件 .最小宽百分40,
.页 .最小宽百分40 {
  min-width: 40%;
}
.坦克组件 .最小宽百分50,
.页 .最小宽百分50 {
  min-width: 50%;
}
.坦克组件 .最小宽百分60,
.页 .最小宽百分60 {
  min-width: 60%;
}
.坦克组件 .最小宽百分70,
.页 .最小宽百分70 {
  min-width: 70%;
}
.坦克组件 .最小宽百分80,
.页 .最小宽百分80 {
  min-width: 80%;
}
.坦克组件 .最小宽百分90,
.页 .最小宽百分90 {
  min-width: 90%;
}
.坦克组件 .最大宽百分4,
.页 .最大宽百分4 {
  max-width: 4%;
}
.坦克组件 .最大宽百分5,
.页 .最大宽百分5 {
  max-width: 5%;
}
.坦克组件 .最大宽百分6,
.页 .最大宽百分6 {
  max-width: 6%;
}
.坦克组件 .最大宽百分10,
.页 .最大宽百分10 {
  max-width: 10%;
}
.坦克组件 .最大宽百分20,
.页 .最大宽百分20 {
  max-width: 20%;
}
.坦克组件 .最大宽百分25,
.页 .最大宽百分25 {
  max-width: 25%;
}
.坦克组件 .最大宽百分30,
.页 .最大宽百分30 {
  max-width: 30%;
}
.坦克组件 .最大宽百分40,
.页 .最大宽百分40 {
  max-width: 40%;
}
.坦克组件 .最大宽百分50,
.页 .最大宽百分50 {
  max-width: 50%;
}
.坦克组件 .最大宽百分60,
.页 .最大宽百分60 {
  max-width: 60%;
}
.坦克组件 .最大宽百分70,
.页 .最大宽百分70 {
  max-width: 70%;
}
.坦克组件 .最大宽百分80,
.页 .最大宽百分80 {
  max-width: 80%;
}
.坦克组件 .最大宽百分90,
.页 .最大宽百分90 {
  max-width: 90%;
}
.坦克组件 .最大宽度600,
.页 .最大宽度600 {
  max-width: 600px;
}
.坦克组件 .最大宽度500,
.页 .最大宽度500 {
  max-width: 500px;
}
.坦克组件 .最大宽度400,
.页 .最大宽度400 {
  max-width: 400px;
}
.坦克组件 .最大宽度300,
.页 .最大宽度300 {
  max-width: 300px;
}
.坦克组件 .最大宽度200,
.页 .最大宽度200 {
  max-width: 200px;
}
.坦克组件 .最大宽度100,
.页 .最大宽度100 {
  max-width: 100px;
}
.坦克组件 .最小宽度600,
.页 .最小宽度600 {
  min-width: 600px;
}
.坦克组件 .最小宽度500,
.页 .最小宽度500 {
  min-width: 500px;
}
.坦克组件 .最小宽度400,
.页 .最小宽度400 {
  min-width: 400px;
}
.坦克组件 .最小宽度300,
.页 .最小宽度300 {
  min-width: 300px;
}
.坦克组件 .最小宽度200,
.页 .最小宽度200 {
  min-width: 200px;
}
.坦克组件 .最小宽度100,
.页 .最小宽度100 {
  min-width: 100px;
}

.坦克组件 .最前后, .坦克组件 .最上下, .坦克组件 .左右分布,
.页 .最前后,
.页 .最上下,
.页 .左右分布 {
  justify-content: space-between;
}
.坦克组件 .兼容居中,
.页 .兼容居中 {
  margin-left: auto;
  margin-right: auto;
}

.坦克组件 .包裹内容, .坦克组件 .按钮组 .按钮,
.页 .包裹内容,
.页 .按钮组 .按钮 {
  width: fit-content;
  height: fit-content;
}

.坦克组件 .底部菜单,
.页 .底部菜单 {
  flex-direction: row;
  width: 100%;
  background-color: #7794be;
  padding: 0;
  margin: 0;
  position: fixed;
  bottom: 0;
  left: 0;
}
.坦克组件 .底部菜单 ul,
.页 .底部菜单 ul {
  width: 100%;
  height: 33%;
  padding: 0.5em;
  margin: 0 1em 0 1em;
}
.坦克组件 .底部菜单 ul li,
.页 .底部菜单 ul li {
  list-style: none;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.坦克组件 .底部菜单 ul li a.图标按钮,
.页 .底部菜单 ul li a.图标按钮 {
  width: fit-content;
}
.坦克组件 .自己居底,
.页 .自己居底 {
  position: fixed;
  bottom: 0;
}

.坦克组件 .分页容器 .激活,
.页 .分页容器 .激活 {
  color: #FFFFFF;
  background-color: #0065c4;
}
.坦克组件 .分页容器 li:hover,
.页 .分页容器 li:hover {
  color: #FFFFFF;
  background-color: #0065c4;
}
.坦克组件 .分页容器 .分页按钮,
.页 .分页容器 .分页按钮 {
  padding: 0.2em 1.4em;
  font-size: 1em;
  margin: 0;
}

.坦克组件 .列容器,
.页 .列容器 {
  padding: 0 0.9em;
}
.坦克组件 .列容器 li.头符号,
.页 .列容器 li.头符号 {
  display: list-item !important;
}
.坦克组件 .列容器 .列,
.页 .列容器 .列 {
  list-style-position: inside;
}
.坦克组件 .列容器 .列.中文序号,
.页 .列容器 .列.中文序号 {
  list-style-type: cjk-ideographic;
}
.坦克组件 .列容器 .列.实心圆,
.页 .列容器 .列.实心圆 {
  list-style-type: disc;
}
.坦克组件 .列容器 .列.空心圆,
.页 .列容器 .列.空心圆 {
  list-style-type: circle;
}
.坦克组件 .列容器 .列.实心正方型,
.页 .列容器 .列.实心正方型 {
  list-style-type: square;
}
.坦克组件 .列容器 .列.阿拉伯数字,
.页 .列容器 .列.阿拉伯数字 {
  list-style-type: decimal;
}
.坦克组件 .列容器 .列.小写罗马数字,
.页 .列容器 .列.小写罗马数字 {
  list-style-type: lower-roman;
}
.坦克组件 .列容器 .列.大写罗马数字,
.页 .列容器 .列.大写罗马数字 {
  list-style-type: upper-roman;
}
.坦克组件 .列容器 .列.小写英文字母,
.页 .列容器 .列.小写英文字母 {
  list-style-type: lower-alpha;
}
.坦克组件 .列容器 .列.大写英文字母,
.页 .列容器 .列.大写英文字母 {
  list-style-type: upper-alpha;
}

.坦克组件 .列表视图,
.页 .列表视图 {
  position: relative;
}
.坦克组件 .列表视图 .列.激活, .坦克组件 .列表视图 li.激活, .坦克组件 .列表视图 li:nth-child(even).激活, .坦克组件 .列表视图 .列:nth-child(even).激活,
.页 .列表视图 .列.激活,
.页 .列表视图 li.激活,
.页 .列表视图 li:nth-child(even).激活,
.页 .列表视图 .列:nth-child(even).激活 {
  background-color: #abb7bb;
}
.坦克组件 .列表视图 .列:nth-child(even), .坦克组件 .列表视图 li:nth-child(even),
.页 .列表视图 .列:nth-child(even),
.页 .列表视图 li:nth-child(even) {
  background-color: #f5f3f2;
}

@media only screen and (max-width: 624px) {
  .坦克组件 .列表视图,
  .页 .列表视图 {
    position: relative;
  }
  .坦克组件 .列表视图 li .手机开始,
  .页 .列表视图 li .手机开始 {
    align-self: start;
  }
  .坦克组件 .列表视图 li .手机结束,
  .页 .列表视图 li .手机结束 {
    align-self: start;
  }
}
@keyframes 旋转动画 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.坦克组件 .加载中容器,
.页 .加载中容器 {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.5em 1em;
  background: #f5f3f2;
  border: 1px solid #abb7bb;
  align-self: center;
}
.坦克组件 .加载中容器 .计时器,
.页 .加载中容器 .计时器 {
  font-size: 0.8em;
  color: #848891;
}
.坦克组件 .加载中容器 .加载中,
.页 .加载中容器 .加载中 {
  width: 50px;
  height: 50px;
  animation: 旋转动画 2s linear infinite;
}

.坦克组件 .卡片,
.页 .卡片 {
  box-shadow: 0px 3px 5px #000;
}
.坦克组件 .卡片 .卡片头图片,
.页 .卡片 .卡片头图片 {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.坦克组件 .卡片 .卡片头, .坦克组件 .卡片 .卡片体, .坦克组件 .卡片 .卡片脚,
.页 .卡片 .卡片头,
.页 .卡片 .卡片体,
.页 .卡片 .卡片脚 {
  padding: 3px 5px;
}

.坦克组件 .图片改变过度, .坦克组件 .图片容器,
.页 .图片改变过度,
.页 .图片容器 {
  transition: width 0.4s ease, margin 0.4s ease;
}

.坦克组件 .坦克配置编辑器,
.页 .坦克配置编辑器 {
  position: relative;
  border: 1px solid black;
  padding: 1em;
  display: block;
}
.坦克组件 .坦克配置编辑器 p,
.页 .坦克配置编辑器 p {
  display: flex;
  min-height: 1em;
}

.坦克组件 .对话框,
.页 .对话框 {
  min-width: 300px;
}
.坦克组件 .左对话框头,
.页 .左对话框头 {
  width: max-content;
  background: #abb7bb;
}
.坦克组件 .顶对话框头,
.页 .顶对话框头 {
  width: auto;
  background: #abb7bb;
}
.坦克组件 dialog.模态对话框容器,
.页 dialog.模态对话框容器 {
  border: 0;
}
.坦克组件 .模态对话框容器,
.页 .模态对话框容器 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  align-items: center;
}
.坦克组件 .模态对话框容器 .半透明,
.页 .模态对话框容器 .半透明 {
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
}
.坦克组件 .模态对话框容器 .半透明.激活,
.页 .模态对话框容器 .半透明.激活 {
  visibility: visible;
}
.坦克组件 .模态对话框容器 .对话框.激活,
.页 .模态对话框容器 .对话框.激活 {
  display: flex !important;
}
.坦克组件 .模态对话框容器 .左头对话框,
.页 .模态对话框容器 .左头对话框 {
  grid-template-columns: 2em auto;
  grid-template-rows: auto 0em;
}
.坦克组件 .模态对话框容器 .对话框,
.页 .模态对话框容器 .对话框 {
  z-index: 1000;
  display: none;
  background: #FFFFFF;
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
.坦克组件 .模态对话框容器 .对话框 .左对话框头,
.页 .模态对话框容器 .对话框 .左对话框头 {
  grid-template-rows: auto 2em;
}

.坦克组件 .导航 .激活,
.页 .导航 .激活 {
  background-color: #0E487F;
  color: #FFFFFF;
}

.坦克组件 .小铅块,
.页 .小铅块 {
  background: #b9beba;
  color: #57777d;
  padding: 0.2em 0.9em;
}

.坦克组件 .徽章,
.页 .徽章 {
  font-size: 2em;
  line-height: 1.4em;
  margin: 0.4em;
}
.坦克组件 .徽章 sup,
.页 .徽章 sup {
  font-size: 0.3em;
  background: #0e487f;
  color: #FFFFFF;
  border-radius: 0.5em;
  padding: 0 4px;
  margin-top: -2em;
  margin-left: -2em;
}
.坦克组件 .徽章 .徽章字体,
.页 .徽章 .徽章字体 {
  width: max-content;
  font-size: 14px;
  margin-left: -14px;
}

.坦克组件 .抽屉激活宽度, .坦克组件 .抽屉容器 .抽屉.激活, .坦克组件 .抽屉容器::before,
.页 .抽屉激活宽度,
.页 .抽屉容器 .抽屉.激活,
.页 .抽屉容器::before {
  min-width: 250px;
}
.坦克组件 .抽屉容器::before,
.页 .抽屉容器::before {
  content: " ";
}
.坦克组件 .抽屉容器 .抽屉,
.页 .抽屉容器 .抽屉 {
  background-color: #abb7bb;
  position: fixed;
  width: 0;
  visibility: hidden;
}
.坦克组件 .抽屉容器 .抽屉 li.激活,
.页 .抽屉容器 .抽屉 li.激活 {
  color: #FFFFFF;
  background-color: #0065c4;
}
.坦克组件 .抽屉容器 .抽屉.激活,
.页 .抽屉容器 .抽屉.激活 {
  visibility: visible;
}

.坦克组件 .折叠按钮容器,
.页 .折叠按钮容器 {
  position: relative;
}
.坦克组件 .折叠按钮容器 .折叠按钮组,
.页 .折叠按钮容器 .折叠按钮组 {
  position: absolute;
  background-color: white;
}

.坦克组件 .按钮组,
.页 .按钮组 {
  width: fit-content;
}
.坦克组件 .按钮组 .按钮,
.页 .按钮组 .按钮 {
  margin-left: 0.4em;
  margin-right: 0.4em;
}
.坦克组件 .按钮, .坦克组件 .垂直按钮,
.坦克组件 .页 .垂直按钮,
.页 .坦克组件 .垂直按钮,
.页 .按钮,
.页 .垂直按钮 {
  padding: 0.4em 2em;
  font-size: 0.8em;
  border-style: none;
  font-family: system-ui;
  white-space: nowrap;
  height: fit-content;
  width: fit-content;
}
.坦克组件 .按钮:hover, .坦克组件 .垂直按钮:hover,
.页 .按钮:hover,
.页 .垂直按钮:hover {
  text-decoration: none;
}
.坦克组件 .垂直按钮,
.页 .垂直按钮 {
  padding: 1em 0.4em;
}
.坦克组件 .图标按钮,
.页 .图标按钮 {
  text-decoration: none;
  height: min-content;
  width: min-content;
}
.坦克组件 .图标按钮 span,
.页 .图标按钮 span {
  font-size: 1.4em;
  line-height: 1em;
  letter-spacing: 0;
}
.坦克组件 .主按钮,
.页 .主按钮 {
  background: #0E487F;
  color: #FFFFFF;
}
.坦克组件 .主按钮:hover,
.页 .主按钮:hover {
  background: #0065c4;
}
.坦克组件 .次按钮,
.页 .次按钮 {
  background: #abb7bb;
  color: #FFFFFF;
}
.坦克组件 .次按钮:hover,
.页 .次按钮:hover {
  color: #0E487F;
}
.坦克组件 .字按钮,
.页 .字按钮 {
  border: none;
  background: #FFFFFF;
}
.坦克组件 .字按钮:hover,
.页 .字按钮:hover {
  color: #0E487F;
}
.坦克组件 .文字按钮, .坦克组件 .文本按钮,
.坦克组件 .页 .文本按钮,
.页 .坦克组件 .文本按钮,
.页 .文字按钮,
.页 .文本按钮 {
  border: none;
  background: unset;
}
.坦克组件 .框按钮,
.页 .框按钮 {
  border: 1px solid #abb7bb;
  background: unset;
  color: #abb7bb;
}
.坦克组件 .框按钮:hover,
.页 .框按钮:hover {
  border: 1px solid #0E487F;
  color: #0E487F;
}
.坦克组件 .危险按钮,
.页 .危险按钮 {
  background: #8B0000;
  color: #FFFFFF;
}
.坦克组件 .危险按钮:hover,
.页 .危险按钮:hover {
  background: #FF0000;
}

@media only screen and (max-width: 624px) {
  .坦克组件 .按钮, .坦克组件 .垂直按钮,
  .坦克组件 .页 .垂直按钮,
  .页 .坦克组件 .垂直按钮,
  .页 .按钮,
  .页 .垂直按钮 {
    padding: 0.4em 1em;
  }
}
.坦克组件 .文件树容器 .文件树头,
.页 .文件树容器 .文件树头 {
  background-color: #abb7bb;
}
.坦克组件 .文件树容器 .文件树体 li.激活,
.页 .文件树容器 .文件树体 li.激活 {
  color: #FFFFFF;
  background-color: #0065c4;
}
.坦克组件 .文件树容器 .文件树体 li.激活 .图标按钮,
.页 .文件树容器 .文件树体 li.激活 .图标按钮 {
  color: #FFFFFF;
}
.坦克组件 .文件树容器 .文件树体 > .文件树分级,
.页 .文件树容器 .文件树体 > .文件树分级 {
  padding-left: 0 !important;
}
.坦克组件 .文件树容器 .文件树体 > .文件树分级 > li::before,
.页 .文件树容器 .文件树体 > .文件树分级 > li::before {
  width: 0 !important;
}
.坦克组件 .文件树容器 .文件树体 .文件树分级,
.页 .文件树容器 .文件树体 .文件树分级 {
  padding-left: 1em;
  display: none;
}
.坦克组件 .文件树容器 .文件树体 .文件树分级 .前伪元素::before,
.页 .文件树容器 .文件树体 .文件树分级 .前伪元素::before {
  position: absolute;
  height: 2em;
  width: 1px;
  background: #cccccc;
  content: "";
}
.坦克组件 .文件树容器 .上传文件容器,
.页 .文件树容器 .上传文件容器 {
  border-bottom: 1px solid #cecece;
}
.坦克组件 .文件树容器 .上传文件容器 ul li progress,
.页 .文件树容器 .上传文件容器 ul li progress {
  width: 100%;
}

.坦克组件 .塌缩展示项,
.页 .塌缩展示项 {
  position: absolute;
}
.坦克组件 .有名展示项,
.页 .有名展示项 {
  border: 1px solid;
  padding-left: 0.8em !important;
  background-color: #abb7bb;
  padding: 0 0.3em;
}
.坦克组件 .有名展示项 .列值,
.页 .有名展示项 .列值 {
  padding: 0 0.5em;
}
.坦克组件 .有名展示项 .列值.边,
.页 .有名展示项 .列值.边 {
  border-right: 1px solid;
  padding: 0 0.5em;
}
@media only screen and (max-width: 960px) {
  .坦克组件 .有名字, .坦克组件 .有名列,
  .页 .有名字,
  .页 .有名列 {
    background-color: #abb7bb;
  }
  .坦克组件 .有名展示项,
  .页 .有名展示项 {
    border: unset;
    background-color: unset;
  }
  .坦克组件 .展示名,
  .页 .展示名 {
    padding-left: 1em;
  }
  .坦克组件 .手机展示名,
  .页 .手机展示名 {
    background-color: #b9beba;
    padding-left: 1em;
  }
  .坦克组件 .展示值,
  .页 .展示值 {
    padding-left: 1em;
  }
  .坦克组件 .列值项,
  .页 .列值项 {
    padding-left: 1em;
  }
  .坦克组件 .列值项 .列值,
  .页 .列值项 .列值 {
    padding: unset;
  }
  .坦克组件 .有名展示项,
  .页 .有名展示项 {
    padding: unset;
  }
}

.坦克组件 .可编辑,
.页 .可编辑 {
  padding: 0 0.4em;
  border-color: #0E487F;
  outline: none;
  display: block;
  min-width: 5em;
  min-height: 2em;
  overflow: hidden;
  background-color: white;
  margin-left: unset;
}
.坦克组件 .列值容器,
.页 .列值容器 {
  padding-left: 0.6em;
}
.坦克组件 .列值容器 .列值项,
.页 .列值容器 .列值项 {
  background-color: #b9beba;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-right: 1px solid black;
  width: 100%;
}
.坦克组件 .列值容器 .列值项 .列值,
.页 .列值容器 .列值项 .列值 {
  white-space: nowrap;
}
.坦克组件 .列值容器 .列值项 .删除,
.页 .列值容器 .列值项 .删除 {
  margin-left: 0.5em;
}
.坦克组件 .有名列容器 ul li.有名列项目,
.页 .有名列容器 ul li.有名列项目 {
  background-color: #7794be;
  padding: 1em;
}
@media only screen and (min-width: 960px) {
  .坦克组件 .自定义输入,
  .页 .自定义输入 {
    align-self: center;
    margin: 0 1em;
  }
  .坦克组件 .列值容器 .列值项,
  .页 .列值容器 .列值项 {
    width: unset;
  }
  .坦克组件 .可编辑,
  .页 .可编辑 {
    margin-left: auto !important;
    font-size: 1em;
  }
}

.坦克组件 .有名字容器 ul li.编辑区,
.页 .有名字容器 ul li.编辑区 {
  background-color: #7794be;
  padding: 1em;
  margin-bottom: 1em;
}

.坦克组件 .无名字容器 ul li.编辑区,
.页 .无名字容器 ul li.编辑区 {
  background-color: #7794be;
  padding: 1em;
  margin-bottom: 1em;
}

.坦克组件 .横幅,
.页 .横幅 {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #b9beba;
  /* 动画 */
}
.坦克组件 .横幅 .展示项容器,
.页 .横幅 .展示项容器 {
  width: 100%;
  display: flex;
}
.坦克组件 .横幅 .展示项容器 .展示项,
.页 .横幅 .展示项容器 .展示项 {
  position: relative;
  top: 0;
  float: left;
  display: block;
}
.坦克组件 .横幅 .展示项容器 .展示项 img,
.页 .横幅 .展示项容器 .展示项 img {
  max-width: 100%;
}
.坦克组件 .横幅 .展示项容器 .展示项 .广告语,
.页 .横幅 .展示项容器 .展示项 .广告语 {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  padding: 1em;
  border-radius: 0.3em;
  color: #0e487f;
}
.坦克组件 .横幅 .展示项容器 .展示项 .广告语 p,
.页 .横幅 .展示项容器 .展示项 .广告语 p {
  font-size: 1.3em;
}
.坦克组件 .横幅 .上一项, .坦克组件 .横幅 .下一项,
.页 .横幅 .上一项,
.页 .横幅 .下一项 {
  font-weight: bold;
  transition: 0.6s ease;
  user-select: none;
  position: absolute;
  top: 0;
  padding: 0.5em;
  background-color: rgba(255, 255, 255, 0.7);
  color: #0e487f;
  font-size: 1.5em;
  cursor: pointer;
}
.坦克组件 .横幅 .上一项,
.页 .横幅 .上一项 {
  left: 0;
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
}
.坦克组件 .横幅 .下一项,
.页 .横幅 .下一项 {
  right: 0;
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
}
.坦克组件 .横幅 .指示器,
.页 .横幅 .指示器 {
  position: absolute;
  bottom: 1em;
}
.坦克组件 .横幅 .指示器 .点,
.页 .横幅 .指示器 .点 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #7794be;
  border: 1px solid #0e487f;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.坦克组件 .横幅 .指示器 .激活,
.页 .横幅 .指示器 .激活 {
  background-color: #0e487f;
}
.坦克组件 .横幅 .消失出现,
.页 .横幅 .消失出现 {
  animation-name: 消失出现;
  animation-duration: 1.5s;
}
@keyframes 消失出现 {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}

.坦克组件 .直方图容器,
.页 .直方图容器 {
  overflow: auto;
}
.坦克组件 .直方图容器 .直方图,
.页 .直方图容器 .直方图 {
  letter-spacing: 1px;
}

.坦克组件 .美化标题,
.页 .美化标题 {
  position: absolute;
  padding: 0 0.3em;
  background: #848891;
}

.坦克组件 .表格容器,
.页 .表格容器 {
  padding: unset;
}
.坦克组件 table,
.页 table {
  display: table !important;
}
.坦克组件 .表格头,
.页 .表格头 {
  background-color: #abb7bb;
}
.坦克组件 .表格脚,
.页 .表格脚 {
  background-color: #abb7bb;
}
.坦克组件 .表格脚 .信息行,
.页 .表格脚 .信息行 {
  padding: 0.4em 0;
}
.坦克组件 .表格按钮,
.页 .表格按钮 {
  background-color: inherit;
  border-style: unset;
}
.坦克组件 .表格,
.页 .表格 {
  overflow-y: hidden;
  border-color: #abb7bb;
}
.坦克组件 .表格 thead, .坦克组件 .表格 tbody,
.页 .表格 thead,
.页 .表格 tbody {
  width: inherit;
}
.坦克组件 .表格 tr,
.页 .表格 tr {
  width: 100%;
}
.坦克组件 .表格 tr th, .坦克组件 .表格 tr td,
.页 .表格 tr th,
.页 .表格 tr td {
  width: max-content;
}
.坦克组件 .表格 tr td,
.页 .表格 tr td {
  white-space: nowrap;
}
.坦克组件 .表格 tr:nth-child(even),
.页 .表格 tr:nth-child(even) {
  background-color: #f5f3f2;
}

.坦克组件 .输入行,
.页 .输入行 {
  margin: 0.4em 0;
  width: max-content;
}
.坦克组件 .输入行:focus,
.页 .输入行:focus {
  outline: 1px solid #0E487F;
}
.坦克组件 input:disabled,
.页 input:disabled {
  background: #ccc;
}
.坦克组件 input:hover,
.页 input:hover {
  border-color: #0E487F;
}
.坦克组件 input.输入文字, .坦克组件 .输入文字,
.页 input.输入文字,
.页 .输入文字 {
  line-height: 1.9em;
  padding: 0 0.4em;
  margin-left: 0.6em;
}
.坦克组件 select.下拉列表,
.页 select.下拉列表 {
  line-height: 1.9em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  margin-left: 0.6em;
}
.坦克组件 input.输入按钮:hover,
.页 input.输入按钮:hover {
  color: #FFFFFF;
  background: #0E487F;
}
.坦克组件 .输入帮助字,
.页 .输入帮助字 {
  padding: 0;
  font-size: 0.7em;
}
.坦克组件 input.输入图形按钮,
.页 input.输入图形按钮 {
  padding: unset;
}
.坦克组件 input.输入图形按钮:hover,
.页 input.输入图形按钮:hover {
  filter: brightness(0.8);
}
.坦克组件 input.输入复选框,
.页 input.输入复选框 {
  width: 1.4em;
  height: 1.4em;
}
.坦克组件 input.输入拾色器,
.页 input.输入拾色器 {
  width: 2.4em;
}
.坦克组件 input.输入单选,
.页 input.输入单选 {
  width: 1.4em;
  height: 1.4em;
}
.坦克组件 .单选容器 .单选项容器,
.页 .单选容器 .单选项容器 {
  margin-left: 1.8em;
}
.坦克组件 .单选容器 .单选项容器 label.输入行,
.页 .单选容器 .单选项容器 label.输入行 {
  margin-left: -0.7em;
}
.坦克组件 input.输入重置按钮:hover,
.页 input.输入重置按钮:hover {
  color: #FFFFFF;
  background: #000000;
}
.坦克组件 input.输入提交按钮,
.页 input.输入提交按钮 {
  background: #1c334c;
  color: #FFFFFF;
}
.坦克组件 input.输入提交按钮:hover,
.页 input.输入提交按钮:hover {
  background: #0e487f;
}
.坦克组件 .上传文件容器,
.页 .上传文件容器 {
  background: #b9beba;
}
.坦克组件 .上传文件容器 ul li progress,
.页 .上传文件容器 ul li progress {
  width: 100%;
}

.坦克组件 .选项卡容器 .选项卡,
.页 .选项卡容器 .选项卡 {
  display: none;
}
.坦克组件 .选项卡容器 .垂直选项卡菜单,
.页 .选项卡容器 .垂直选项卡菜单 {
  display: grid;
  width: max-content;
  height: fit-content;
}
.坦克组件 .选项卡容器 .水平选项卡菜单,
.页 .选项卡容器 .水平选项卡菜单 {
  display: flex;
  width: max-content;
}
.坦克组件 .选项卡容器 .选项卡内容,
.页 .选项卡容器 .选项卡内容 {
  width: fit-content;
  border: 1px solid #abb7bb;
}
.坦克组件 .选项卡容器 .选项卡按钮:hover,
.页 .选项卡容器 .选项卡按钮:hover {
  background-color: #0065c4;
}
.坦克组件 .选项卡容器 .激活,
.页 .选项卡容器 .激活 {
  background-color: #0E487F;
  color: #FFFFFF;
}

.坦克组件 .通知容器,
.页 .通知容器 {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.5em 1em;
  background: #f5f3f2;
  border: 1px solid #abb7bb;
  align-self: center;
}
.坦克组件 .通知容器 .通知行,
.页 .通知容器 .通知行 {
  margin: 0.5em 0;
  background: #FFFFFF;
}
.坦克组件 .通知容器 .通知行 .计时器,
.页 .通知容器 .通知行 .计时器 {
  font-size: 0.8em;
  color: #848891;
}
.坦克组件 .通知容器 .通知行 .文本通知,
.页 .通知容器 .通知行 .文本通知 {
  display: flex !important;
}

.坦克组件 .ios输入行,
.页 .ios输入行 {
  -webkit-appearance: none; /* 移除 iOS 默认样式 */
  appearance: none;
}

.坦克组件 .ios下拉列表,
.页 .ios下拉列表 {
  -webkit-appearance: none; /* 移除 iOS 默认样式 */
  appearance: none;
}

.坦克组件 .轮子容器,
.页 .轮子容器 {
  margin-right: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  /* 橙色背景  */
}
.坦克组件 .轮子容器 .轮子,
.页 .轮子容器 .轮子 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #abb7bb;
  position: relative;
  animation: 旋转 2s linear infinite;
  overflow: hidden; /* 确保星形挖空部分不会超出车轮边界 */
}
.坦克组件 .轮子容器 .轮子:before,
.页 .轮子容器 .轮子:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background-color: #0e487f;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  transform: translate(-40%, -30%);
}
.坦克组件 .轮子容器 .停止色,
.页 .轮子容器 .停止色 {
  background-color: #FFA500;
}
@keyframes 旋转 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=%E5%9D%A6%E5%85%8B%E8%AE%BE%E8%AE%A1%E8%AF%AD%E8%A8%80.css.map */