.bg-color {
  background-color: #f2f2f2;
}
body {
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  font-family: "微软雅黑", "PingFangSC-Medium";
  font-size: 0.34375rem;
}
.pd-b120 {
  padding-bottom: 1.875rem;
}
.pd-b190 {
  padding-bottom: 2.96875rem;
}
.white-bg {
  background-color: #ffffff;
}
.mg-10 {
  margin: 0.15625rem;
}
.mg-20 {
  margin: 0.3125rem;
}
.mg-30 {
  margin: 0.46875rem;
}
.mg-t10 {
  margin-top: 0.15625rem;
}
.mg-b10 {
  margin-bottom: 0.15625rem;
}
.mg-t20 {
  margin-top: 0.234375rem;
}
.mg-l10 {
  margin-left: 0.15625rem;
}
.mg-r10 {
  margin-right: 0.15625rem;
}
.mg-l20 {
  margin-left: 0.3125rem;
}
.mg-r20 {
  margin-right: 0.3125rem;
}
.mg-t30 {
  margin-top: 0.46875rem;
}
.mg-l30 {
  margin-left: 0.46875rem;
}
.mg-r30 {
  margin-right: 0.46875rem;
}
.mg-70 {
  margin: 1.09375rem;
}
.mg-t70 {
  margin-top: 1.09375rem;
}
.mg-l70 {
  margin-left: 1.09375rem;
}
.mg-r70 {
  margin-right: 1.09375rem;
}
.mg-t88 {
  margin-top: 1.375rem;
}
.z-index-2 {
  z-index: 2;
}
.border {
  border: 1px solid #d9d9d9;
}
.border-top {
  border-top: 1px solid #d9d9d9;
}
.border-bottom {
  border-bottom: 1px solid #d9d9d9;
}
.border-top2 {
  border-top: 1px solid #d9d9d9;
}
.border-bottom2 {
  border-bottom: 1px solid #d9d9d9;
}
.border-radius-10 {
  border-radius: 0.15625rem;
}
.color-icons1 {
  color: #5dafa3;
}
.color-icons2 {
  color: #ff723b;
}
.color-icons3 {
  color: #5d6e96;
}
.color-icons4 {
  color: #ca6992;
}
.color-icons5 {
  color: #f55a5a;
}
.color-icons6 {
  color: #2a9cd1;
}
.color-icons7 {
  color: #f9990c;
}
.color-icons8 {
  color: #66b566;
}
.background-color-icons1 {
  background-color: #5dafa3;
}
.background-color-icons2 {
  background-color: #ff723b;
}
.background-color-icons3 {
  background-color: #5d6e96;
}
.background-color-icons4 {
  background-color: #ca6992;
}
.background-color-icons5 {
  background-color: #f55a5a;
}
.background-color-icons6 {
  background-color: #2a9cd1;
}
.background-color-icons7 {
  background-color: #f9990c;
}
.background-color-icons8 {
  background-color: #66b566;
}
.border-radius-16 {
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.white-items {
  background-color: #ffffff;
}
.flex {
  display: flex;
}
header {
  height: 1.375rem;
  line-height: 1.375rem;
  background-image: -webkit-linear-gradient(to right, #24b940, #009b4c);
  background-image: -moz-linear-gradient(to right, #24b940, #009b4c);
  background-image: -o-linear-gradient(to right, #24b940, #009b4c);
  background-image: linear-gradient(to right, #24b940, #009b4c);
  color: #ffffff;
  position: relative;
}
header a {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  top: 0;
  text-align: center;
  color: #ffffff;
}
header a .icon {
  color: #ffffff;
  font-size: 0.71875rem;
}
header a.goBack-btn {
  left: 0;
}
header a.mui-action-menu {
  line-height: 1.375rem;
  z-index: 997;
}
header h3 {
  text-align: center;
  font-size: 0.4375rem;
  line-height: 1.375rem;
  font-weight: 500;
}
header a:nth-of-type(2) {
  right: 0;
}
.btn,
.btn2 {
  display: flex;
}
.btn a,
.btn2 a {
  display: block;
  flex-grow: 1;
  text-align: center;
  color: #ffffff;
  background-image: -webkit-linear-gradient(to right, #24b940, #009b4c);
  background-image: -moz-linear-gradient(to right, #24b940, #009b4c);
  background-image: -o-linear-gradient(to right, #24b940, #009b4c);
  background-image: linear-gradient(to right, #24b940, #009b4c);
  font-size: 0.34375rem;
}
.btn3 {
  display: flex;
}
.btn3 a {
  flex-grow: 1;
  text-align: center;
  color: #ffffff;
  background-color: #f9990c;
  font-size: 0.34375rem;
  height: 0.9375rem;
  line-height: 1.0625rem;
  display: block;
}
.btn a {
  height: 1.09375rem;
  line-height: 1.21875rem;
  width: 0;
}
.btn2 a {
  height: 0.9375rem;
  line-height: 1.0625rem;
  display: block;
}
.btn2 .gray-bg {
  background-color: #808080;
}
.bottom-nav {
  width: 100%;
  height: 1.546875rem;
  background-color: #f2f2f2;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 200;
  display: flex;
  border-top: 1px solid #d0d0d0;
}
.bottom-nav a {
  flex-grow: 1;
  text-align: center;
  color: #333333;
  width: 0;
  display: block;
}
.bottom-nav a i {
  display: block;
  line-height: 0.78125rem;
  color: #333333;
  font-size: 0.703125rem;
  margin-top: 0.078125rem;
}
.bottom-nav a span {
  line-height: 0.375rem;
  font-size: 0.28125rem;
}
.bottom-nav a:nth-of-type(3) i {
  font-size: 0.625rem;
}
.bottom-nav a:nth-of-type(5) i {
  font-size: 0.78125rem;
}
.bottom-nav a.active {
  color: #009b4c;
}
.bottom-nav a.active i {
  color: #009b4c;
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  margin: 0;
  padding: 0;
}
.mui-popup {
  width: 8.59375rem;
}
.mui-popup .mui-popup-title {
  text-align: left;
  font-size: 0.4375rem;
  height: 0.9375rem;
  line-height: 0.625rem;
  border-bottom: 1px solid #dedede;
}
.mui-popup .tcc p,
.mui-popup .tcc .cdqx {
  height: 0.78125rem;
  line-height: 0.78125rem;
  margin-top: 0.3125rem;
  display: flex;
}
.mui-popup .tcc p label,
.mui-popup .tcc .cdqx label {
  display: block;
  width: 2.5rem;
  text-align: right;
  margin-right: 0.15625rem;
}
.mui-popup .tcc p input,
.mui-popup .tcc .cdqx input,
.mui-popup .tcc p strong,
.mui-popup .tcc .cdqx strong,
.mui-popup .tcc p select,
.mui-popup .tcc .cdqx select,
.mui-popup .tcc p button,
.mui-popup .tcc .cdqx button,
.mui-popup .tcc p div.cdxq-content,
.mui-popup .tcc .cdqx div.cdxq-content {
  background-color: #f7f7ec;
  border: 1px solid #d5d5b9!important;
  display: block;
  flex-grow: 1;
  height: 0.75rem;
  line-height: 0.75rem;
  padding-left: 0.15625rem;
  width: 0;
  font-weight: normal;
  text-align: left;
}
.mui-popup .tcc p input.disabled,
.mui-popup .tcc .cdqx input.disabled {
  background-color: #d9d9d9;
}
.mui-popup .tcc p span,
.mui-popup .tcc .cdqx span {
  font-size: 0.34375rem;
  color: #f00;
  margin-left: 0.15625rem;
}
.mui-popup .tcc p button,
.mui-popup .tcc .cdqx button {
  border: 0;
  padding-right: 0.15625rem;
}
.mui-popup .tcc p button span,
.mui-popup .tcc .cdqx button span {
  color: #000000;
  margin-left: 0;
  display: flex;
}
.mui-popup .tcc p button strong,
.mui-popup .tcc .cdqx button strong {
  border: 0!important;
  padding-left: 0;
  background: none;
}
.mui-popup .radio {
  height: 0.78125rem;
  line-height: 0.78125rem;
  margin-top: 0.3125rem;
  display: flex;
}
.mui-popup .radio label {
  display: block;
  width: 2.5rem;
  text-align: right;
  margin-right: 0.15625rem;
  color: #8f8f94;
}
.mui-popup .radio .mui-input-group {
  display: flex;
  background: none;
}
.mui-popup .radio .mui-input-group:after,
.mui-popup .radio .mui-input-group:before,
.mui-popup .radio .mui-input-group .mui-input-row:after {
  height: 0;
}
.kc-title {
  display: flex;
}
.kc-title p {
  flex-grow: 1;
  text-align: center;
  height: 0.78125rem;
  line-height: 0.78125rem;
  margin-top: 0.234375rem;
}
.kc-title p strong {
  display: block;
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
}
.kc-title a,
.kc-title a:visited {
  display: block;
  width: 2.03125rem;
  height: 0.78125rem;
  background-color: #009b4c;
  color: #ffffff;
  border-radius: 0.78125rem;
  line-height: 0.78125rem;
  text-align: center;
  margin-top: 0.234375rem;
  margin-right: 0.15625rem;
  font-family: "微软雅黑", "PingFangSC-Medium";
  font-weight: normal;
  font-size: 0.34375rem;
}
.kc-title a span,
.kc-title a:visited span {
  display: inline-block;
}
.kc-title a .icon,
.kc-title a:visited .icon {
  margin-right: 0.15625rem;
  padding-top: -0.046875rem;
  color: #ffffff;
  display: inline-block;
}
.dbText {
  width: 10rem;
  z-index: 99999;
  padding: 0.15625rem 0.3125rem;
  line-height: 0.625rem;
  background: #ffffff;
  border-top: 1px solid #d9d9d9;
  position: fixed;
  left: 0;
  bottom: 0;
}
.dbText span {
  margin: 0 0.15625rem;
  color: #f55a5a;
}
.ui-widget-content {
  z-index: 10004;
  width: 200px;
}
.mui-backdrop {
  z-index: 10000;
}
.xzjs {
  height: 1.09375rem;
  padding: 0.15625rem;
}
.xzjs p {
  display: flex;
  height: 0.78125rem;
  line-height: 0.78125rem;
  font-weight: normal;
}
.xzjs p label {
  display: block;
  width: 2.03125rem;
  text-align: right;
  margin-right: 0.15625rem;
}
.xzjs p span,
.xzjs p input {
  background-color: #f7f7ec;
  border: 1px solid #d5d5b9!important;
  display: block;
  flex-grow: 1;
  height: 0.75rem;
  line-height: 0.75rem;
  padding-left: 0.15625rem;
  width: 0;
}
.app-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.zwsj-box {
  width: 4.59375rem;
  height: 4.1875rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.296875rem;
  margin-top: -2.0625rem;
}
.zwsj-box img {
  width: 100%;
  display: block;
}