@charset "UTF-8";
/* @import './base.css'; */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  color: #000;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 1px;
  background: #FAFAFA;
  max-width: 1000px;
  width: 100vw;
  min-height: 100vh;
  margin: 0 auto;
}

/* @media screen and (min-width: 750px) {} */
h1, h2{
  font-size: 16px;
  font-weight: normal;
}

 h3 {
  font-size: 22px;
  font-weight: bold;
  color: #6f5a30;
}
ul {
  list-style: none;
}
a {
  color: #000;
  text-decoration: none;
  display: inline-block;
}

a:hover {
  color: #b01711;
}
input,
button {
  outline: none;
  border: none;
  background: transparent;
}
input[type="radio"]{
  accent-color: #b01711;
  width: 16px;
  height: 16px;
}
input[type="radio"]:checked + span {
  color: #b01711;
}
tr{
  height: 30px;
}
/* 头部公共样式 */
header {
  min-height: 70px;
  position: sticky;
  top: 0;
  z-index: 99;
  background: #fff;
}

.actives:hover>.pathSty {
  display: block;
}

.dblock {
  display: block;
}

.pathSty {
  right: 5px;
  display: none;
  z-index: 10;
}

.pathSty>li {
  text-align: center;
  padding: 5px;
  border-bottom: 1px solid #eee;
}
/* ----- */

/* 米字格 */
.mi{
  min-width: 42px;
  width: 42px;
  height: 42px;
  border: 1px solid #aaa;
  position: relative;
  overflow: hidden;
  margin: 5px;
  font-size: 28px;
}
.mi .xian1{
  width: 100%;
  border-bottom: 1px dashed #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.mi .xian2{
  height: 100%;
  border-right: 1px dashed #ddd;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mi::before{
  content: '';
  width: 150%;
  position: absolute;
  left: 0;
  transform: rotate(45deg);  
  transform-origin: top left;  
  border-top: 1px dashed #ddd;
}
.mi::after{
  content: '';
  width: 150%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg); 
  transform-origin: center;   
  border-top: 1px dashed #ddd;
}
/* --- */




.pl {
  justify-content: space-between;
}

.pl>.bian {
  border-left: 1px solid #eee;
}

.w-1000{
  display: block;
}
.w-750{
  display: none;
}

@media screen and (max-width: 750px) {
  body {
    font-size: 14px !important;
  }
  .w-1000{
    display: none !important;
  }
  .w-750{
    display: block !important;
    border-bottom: 1px solid #eee;
  }
  .d-column-750{
    flex-direction: column;
  }
  .d-space-around-750{
    justify-content: space-around;
  }
  .pl {
    flex-direction: column;
  }
  .pl>.bian {
    border-top: 1px solid #eee;
    margin-top: 10px;
  }
  
}

.d-none{
  display: none !important;
}
/* 公共flex布局 */
.d-flex {
  display: flex;
}

.d-wrap {
  flex-wrap: wrap;
}

/* 主轴方向：从左到右 */
.d-row {
  flex-direction: row;
}

/* 主轴方向：从右到左 */
.d-row-reverse {
  flex-direction: row-reverse;
}

/* 主轴方向：从上到下 */
.d-column {
  flex-direction: column;
}

/* 主轴方向：从下到上 */
.d-column-reverse {
  flex-direction: column-reverse;
}

/* 垂直居中 */
.d-align {
  align-items: center;
}

/* 子元素在交叉轴上的对齐方式：顶部对齐 */
.d-align-start {
  align-items: flex-start;
}

/* 子元素在交叉轴上的对齐方式：底部对齐 */
.d-align-end {
  align-items: flex-end;
}

/* 子元素在交叉轴上的对齐方式：基线对齐 */
.d-align-baseline {
  align-items: baseline;
}

/* 子元素在交叉轴上的对齐方式：拉伸填充整个容器 */
.d-align-stretch {
  align-items: stretch;
}

/* 水平居中 */
.d-justify {
  justify-content: center;
}

/* 两端对齐，第一个元素与主轴起点对齐，最后一个元素与主轴终点对齐 */
.d-space-between {
  justify-content: space-between;
}

/* 等距分布，每个元素之间的间隔相等，首尾元素与主轴起点和终点有一定间隔 */
.d-space-around {
  justify-content: space-around;
}

/* 等距分布，每个元素之间的间隔和首尾元素与主轴起点、终点的间隔相等 */
.d-space-evenly {
  justify-content: space-evenly;
}

/* 第一个元素与主轴起点对齐,左对齐 */
.d-flex-start {
  justify-content: flex-start;
}

/* 最后一个元素与主轴终点对齐,右对齐 */
.d-flex-end {
  justify-content: flex-end;
}

/* 垂直水平居中 */
.d-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex1 {
  flex: 1;
}

.indent-2 {
  text-indent: 2em; /* 缩进两个文字的宽度 */
}
.t-left {
  text-align: left;
}

.t-center {
  text-align: center;
}

.t-right {
  text-align: right;
}

.fw-b {
  font-weight: bold;
}

.ma-0 {
  margin: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.mx-0 {
  margin: 0 0px;
}

.my-0 {
  margin: 0px 0;
}

.pa-0 {
  padding: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.px-0 {
  padding: 0 0px;
}

.py-0 {
  padding: 0px 0;
}

.ma-5 {
  margin: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mx-5 {
  margin: 0 5px;
}

.my-5 {
  margin: 5px 0;
}

.pa-5 {
  padding: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.px-5 {
  padding: 0 5px;
}

.py-5 {
  padding: 5px 0;
}

.ma-10 {
  margin: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mx-10 {
  margin: 0 10px;
}

.my-10 {
  margin: 10px 0;
}

.pa-10 {
  padding: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.px-10 {
  padding: 0 10px;
}

.py-10 {
  padding: 10px 0;
}

.ma-15 {
  margin: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mx-15 {
  margin: 0 15px;
}

.my-15 {
  margin: 15px 0;
}

.pa-15 {
  padding: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.px-15 {
  padding: 0 15px;
}

.py-15 {
  padding: 15px 0;
}

.ma-20 {
  margin: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mx-20 {
  margin: 0 20px;
}

.my-20 {
  margin: 20px 0;
}

.pa-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.px-20 {
  padding: 0 20px;
}

.py-20 {
  padding: 20px 0;
}

.ma-25 {
  margin: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mx-25 {
  margin: 0 25px;
}

.my-25 {
  margin: 25px 0;
}

.pa-25 {
  padding: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.px-25 {
  padding: 0 25px;
}

.py-25 {
  padding: 25px 0;
}

.ma-30 {
  margin: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mx-30 {
  margin: 0 30px;
}

.my-30 {
  margin: 30px 0;
}

.pa-30 {
  padding: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.px-30 {
  padding: 0 30px;
}

.py-30 {
  padding: 30px 0;
}

.ma-40 {
  margin: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mx-40 {
  margin: 0 40px;
}

.my-40 {
  margin: 40px 0;
}

.pa-40 {
  padding: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.px-40 {
  padding: 0 40px;
}

.py-40 {
  padding: 40px 0;
}

.m-auto {
  margin: auto;
}

.f-10 {
  font-size: 10px !important;
}

.f-12 {
  font-size: 12px !important;
}

.f-14 {
  font-size: 14px !important;
}

.f-15 {
  font-size: 15px !important;
}

.f-16 {
  font-size: 16px !important;
}

.f-18 {
  font-size: 18px !important;
}

.f-20 {
  font-size: 20px !important;
}

.f-22 {
  font-size: 22px !important;
}

.f-24 {
  font-size: 24px !important;
}

.f-26 {
  font-size: 26px !important;
}

.f-28 {
  font-size: 28px !important;
}

.f-30 {
  font-size: 30px !important;
}

.f-40 {
  font-size: 40px !important;
}

.f-50 {
  font-size: 50px !important;
}

.p-relative {
  position: relative;
}

.p-absolute, .p-center {
  position: absolute;
}

.p-fixed {
  position: fixed;
}

.p-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.z1 {
  z-index: 1;
}

.o-hidden {
  overflow: hidden;
}

.o-auto {
  overflow: auto;
}

.o-visible {
  overflow: visible;
}

.c0 {
  color: #000;
}

.c3 {
  color: #333;
}

.c6 {
  color: #666;
}

.c9 {
  color: #999;
}

.cf {
  color: #fff !important;
}

.c-fa {
  color: #FAFAFA;
}

.c-6f {
  color: #6f5a30;
}

.c-b0 {
  color: #b01711 !important;
}

.c-bc {
  color: #BC9F77;
}

.c-dd {
  color: #dd890d;
}

.c-j {
  color: #ffca0b;
}

.bg-j {
  background: #ffca0b;
}

.c-m {
  color: #0eb625;
}

.bg-m {
  background: #0eb625;
}

.c-s {
  color: #0cacf5;
}

.bg-s {
  background: #0cacf5;
}

.c-h {
  color: #ff0000;
}

.c-t {
  color: #895a38;
}

.bg-b0 {
  background: #b01711 !important;
}

.bg-bc {
  background: #BC9F77 !important;
}

.bg-f {
  background: #fff !important;
}

.bg-9 {
  background: #999 !important;
}

.bg-t {
  background: transparent !important;
}

.cred {
  color: red;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.nowarp {
  white-space: nowrap;
}

.t-d-underline {
  text-decoration: underline;
}

.t-indent {
  text-indent: 20px;
}

.mouse {
  cursor: pointer;
}

@keyframes zoom {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
::-webkit-scrollbar {
  width: 1px;
  height: 5px;
}

/* 滚动轨道 */
::-webkit-scrollbar-track {
  border-radius: 2px;
}

/* 滚动条 */
::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 2px;
}

.line-through {
  text-decoration: line-through;
}

.card {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #fff;
  padding: 10px;
  overflow: hidden;
}

.tables {
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.td {
  flex: 1;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inputBor {
  border: 1px solid #eee;
  background: #eee;
  border-radius: 5px;
  padding: 0 5px;
  height: 42px;
  line-height: 40px;
}

.inputBor:hover {
  border-color: #b01711;
}

.inputBg {
  background: #eee;
}

.prefix {
  min-width: 65px;
  text-align-last: justify;
}

.btnItem {
  text-align: center;
  width: auto;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 0 10px;
  cursor: pointer;
  background: #b01711;
  color: #fff;
  font-size: 16px;
}

.btn-bor-n {
  border: none;
}

.dhBtn {
  position: relative;
}
.dhBtn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%) scaleX(0);
  background: rgba(255, 255, 255, 0.5);
  animation: bespreads 1s linear infinite;
  border-radius: 5px;
  will-change: transform; /* 启用硬件加速 */
}

@keyframes bespreads {
  100% {
    transform: translate(-50%, -50%) scaleX(1);
    opacity: 0; /* 使用透明度代替背景色 */
  }
}
.wzdh {
  position: relative;
}
.wzdh:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  animation: toRight 1s linear infinite;
}

@keyframes toRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100px);
  }
}
.b-top {
  border-top: 1px solid #eee;
}

.b-bottom {
  border-bottom: 1px solid #eee;
}

.b-left {
  border-left: 1px solid #eee;
}

.b-right {
  border-right: 1px solid #999;
}

.tag {
  border: 1px solid #eee;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 14px;
}

.hovers:hover {
  color: #b01711;
}
.sl{
  white-space: nowrap;      /* 强制文本在一行显示 */
  overflow: hidden;         /* 隐藏超出部分 */
  text-overflow: ellipsis;
}
/*# sourceMappingURL=common.css.map */