.am-wingblank {
  margin-left: 8px;
  margin-right: 8px;
}
.am-wingblank.am-wingblank-sm {
  margin-left: 5px;
  margin-right: 5px;
}
.am-wingblank.am-wingblank-md {
  margin-left: 8px;
  margin-right: 8px;
}
.am-wingblank.am-wingblank-lg {
  margin-left: 15px;
  margin-right: 15px;
}

body,
input,
select,
button,
textarea {
  font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Tahoma", "Geneva", "sans-serif";
}
p {
  margin: 0;
}
h3 {
  margin: 0;
}
dd {
  margin-left: 0;
}
h1.title {
  font-size: 0.2rem;
  color: #2e3057;
  margin: 0;
}
h2.title {
  font-size: 0.16rem;
  color: #2e3057;
  margin: 0;
  font-weight: 500;
}
.btn {
  font-size: 0.12rem;
  border-radius: 0;
  display: inline-block;
  text-align: center;
  color: #676981;
  background-color: #f4f5fa;
}
.btn:active {
  background-color: #ddd;
}
.bg-w {
  background-color: #fff;
}
.active.btn {
  color: #2879ff;
  background-color: #e9f1ff;
}
.height {
  height: 0.54rem;
}
.look-more {
  width: 100%;
  display: block;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #fff;
  border-radius: 0.04rem;
  background-color: #3883ff;
}
.is-chart {
  background-color: #fff;
  padding-top: 0.25rem;
  margin-top: 0.08rem;
  padding-bottom: 0.18rem;
}
.is-chart p {
  text-align: center;
}
.chart-title {
  font-size: 0.2rem;
  color: #2e3057;
  margin-bottom: 0.1rem;
  margin-top: 0;
}
.page-tab-bottom {
  margin-bottom: 0.6rem;
}
.look-more-user-review {
  display: block;
  text-align: center;
  font-size: 0.14rem;
  color: #2879ff;
  line-height: 0.3rem;
  margin-bottom: 0.1rem;
}
.more-report {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #2879ff;
  letter-spacing: 0.01rem;
  margin-top: 0.18rem;
  padding: 0.1rem 0;
}
.more-report img {
  width: 0.115rem;
  height: 0.095rem;
  padding-left: 0.02rem;
}
.index-type {
  display: inline-block;
  height: 0.17rem;
  font-size: 0.12rem;
  font-weight: 400;
  color: #484848;
  line-height: 0.17rem;
  padding: 0.03rem 0.1rem;
  border-radius: 0.02rem;
  border: 0.01rem solid #DDDDDD;
  margin-left: 0.08rem;
}
.index-type.active {
  color: #118BDA;
  background: #E7F3FB;
  border: 0;
}
.index-type-text {
  color: #8c8da5;
}
.pk-loading {
  text-align: center;
  color: #666;
  padding: 0.15rem 0;
}
.tab-height {
  height: 0.3rem;
}
.left-chart {
  text-align: left;
  margin-top: 0.4rem;
}
.left-chart .chart-title {
  font-size: 0.18rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.25rem;
  margin: 0 0.16rem 0.08rem 0.16rem;
}
.left-chart .contrast-type {
  padding: 0.08rem 0.16rem;
  margin-bottom: 0.08rem;
}
.bg-white {
  background: white !important;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.bg-white-full {
  background: white !important;
  height: 100vh !important;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.index-type-text1 {
  font-size: 0.12rem;
  font-weight: 400;
  color: #484848;
  line-height: 0.17rem;
}
.list-btn {
  font-size: 0.12rem;
  font-weight: 400;
  color: #484848;
  line-height: 0.17rem;
  padding: 0 0.11rem;
  height: 0.22rem;
  line-height: 0.22rem;
  border-radius: 0.02rem;
  border: 0.01rem solid #DDDDDD;
  text-align: center;
  display: inline-block;
  margin-left: 0.08rem;
}
.list-btn-active {
  border: 0.01rem solid #E7F3FB;
  color: #118BDA;
  background: #E7F3FB;
}
.am-toast-text {
  background: rgba(0, 0, 0, 0.8) !important;
  border-radius: 0.08rem!important;
  padding: 0.14rem 0.2rem!important;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  line-height: 0.2rem;
  overflow: hidden;
}

/* flexbox */
.am-flexbox {
  text-align: left;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.am-flexbox.am-flexbox-dir-row {
  flex-direction: row;
}
.am-flexbox.am-flexbox-dir-row-reverse {
  flex-direction: row-reverse;
}
.am-flexbox.am-flexbox-dir-column {
  flex-direction: column;
}
.am-flexbox.am-flexbox-dir-column .am-flexbox-item {
  margin-left: 0;
}
.am-flexbox.am-flexbox-dir-column-reverse {
  flex-direction: column-reverse;
}
.am-flexbox.am-flexbox-dir-column-reverse .am-flexbox-item {
  margin-left: 0;
}
.am-flexbox.am-flexbox-nowrap {
  flex-wrap: nowrap;
}
.am-flexbox.am-flexbox-wrap {
  flex-wrap: wrap;
}
.am-flexbox.am-flexbox-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.am-flexbox.am-flexbox-justify-start {
  justify-content: flex-start;
}
.am-flexbox.am-flexbox-justify-end {
  justify-content: flex-end;
}
.am-flexbox.am-flexbox-justify-center {
  justify-content: center;
}
.am-flexbox.am-flexbox-justify-between {
  justify-content: space-between;
}
.am-flexbox.am-flexbox-justify-around {
  justify-content: space-around;
}
.am-flexbox.am-flexbox-align-start {
  align-items: flex-start;
}
.am-flexbox.am-flexbox-align-end {
  align-items: flex-end;
}
.am-flexbox.am-flexbox-align-center {
  align-items: center;
}
.am-flexbox.am-flexbox-align-stretch {
  align-items: stretch;
}
.am-flexbox.am-flexbox-align-baseline {
  align-items: baseline;
}
.am-flexbox.am-flexbox-align-content-start {
  align-content: flex-start;
}
.am-flexbox.am-flexbox-align-content-end {
  align-content: flex-end;
}
.am-flexbox.am-flexbox-align-content-center {
  align-content: center;
}
.am-flexbox.am-flexbox-align-content-between {
  align-content: space-between;
}
.am-flexbox.am-flexbox-align-content-around {
  align-content: space-around;
}
.am-flexbox.am-flexbox-align-content-stretch {
  align-content: stretch;
}
.am-flexbox .am-flexbox-item {
  box-sizing: border-box;
  flex: 1;
  margin-left: 8px;
  min-width: 10px;
}
.am-flexbox .am-flexbox-item:first-child {
  margin-left: 0;
}

.tab-bottom-box___xoG9o {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  width: 100%;
  z-index: 998;
  box-shadow: 0 0 0.05rem #48484830;
  bottom: 0;
}
.tab-bottom-box___xoG9o .bottom-href___3Mot- {
  width: 25%;
  text-align: center;
  line-height: normal;
  height: auto;
  border-width: 0;
  border-radius: 0;
  padding-top: 0.04rem;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  /*兼容 IOS<11.2*/
}
.tab-bottom-box___xoG9o .bottom-href___3Mot- img {
  width: 0.3rem;
  height: 0.3rem;
  vertical-align: bottom;
}
.tab-bottom-box___xoG9o .bottom-href___3Mot- p {
  font-size: 0.1rem;
  text-align: center;
  color: #666;
  line-height: 0.1rem;
  margin: 0.02rem 0 0.04rem 0;
}
.tab-bottom-box___xoG9o .bottom-href___3Mot- p.active___1SAB7 {
  color: #118BDA;
}

.am-icon {
  fill: currentColor;
  background-size: cover;
  width: 22px;
  height: 22px;
}
.am-icon-xxs {
  width: 15px;
  height: 15px;
}
.am-icon-xs {
  width: 18px;
  height: 18px;
}
.am-icon-sm {
  width: 21px;
  height: 21px;
}
.am-icon-md {
  width: 22px;
  height: 22px;
}
.am-icon-lg {
  width: 36px;
  height: 36px;
}
.am-icon-loading {
  animation: cirle-anim 1s linear infinite;
}
@keyframes cirle-anim {
  100% {
    transform: rotate(360deg);
  }
}