header .switch {
  font-weight: bold;
  font-size: 1rem;
  color: #ffffff;
}
header .vip {
  position: relative;
}
header .vip::after {
  display: inline-block;
  content: "";
  width: 2.3333rem;
  height: 1.0833rem;
  position: absolute;
  right: -2rem;
  top: -0.2rem;
  transform: scale(0.8);
  background: url(/images/3.0/bcw_all1.png) no-repeat -18.8333rem -16.4167rem/29.75rem 42.5833rem;
}
.zstpop {
  position: fixed;
  top: 4.167rem;
  left: 0;
  width: 100%;
  height: calc(100vh - 4.167rem);
  display: none;
  z-index: 3;
}
.zstpop .popmodl {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.zstpop .popcon {
  width: 100%;
  max-height: 38vh;
  padding: 1.25rem 1rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.25rem, 1fr));
  gap: 0.6667rem;
  overflow-y: scroll;
}
.zstpop .popcon a {
  height: 2.25rem;
  font-size: 1rem;
  text-align: center;
  line-height: 2.25rem;
  color: #4a4a4a;
  background: #f1f1f1;
  border-radius: 0.3333rem;
  position: relative;
}
.zstpop .popcon a.active {
  color: #5c78f5;
  background: #e3f2fd;
}
.zstpop .popcon a.paid::after {
  display: inline-block;
  content: "";
  width: 1.5833rem;
  height: 0.9167rem;
  position: absolute;
  top: -0.25rem;
  right: -0.3333rem;
  background: url(/images/3.0/bcw_all1.png) no-repeat -9.4167rem -0.0833rem/29.75rem 42.5833rem;
}
.zstpage {
  padding: 0;
}
.zstpage > .tool {
  margin: 1.3333rem 0 0;
  padding: 0 1rem;
}
.zstpage > .tool > .s1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zstpage > .tool > .s1 > .choice {
  font-size: 1.1667rem;
  display: flex;
  margin-right: 1rem;
}
.zstpage > .tool > .s1 > .choice > div {
  display: flex;
  align-items: center;
}
.zstpage > .tool > .s1 > .choice > div:first-of-type {
  margin-right: 1.3333rem;
}
.zstpage > .tool > .s1 > .choice > div label {
  display: flex;
  align-items: center;
}
.zstpage > .tool > .s1 > .choice > div input {
  display: none;
}
.zstpage > .tool > .s1 > .choice > div span {
  width: 1.3333rem;
  height: 1.3333rem;
  border: 0.0833rem solid #8a8a8a;
  border-radius: 50%;
  margin-right: 0.2083rem;
  display: inline-block;
}
.zstpage > .tool > .s1 > .choice > div input:checked + span {
  border: 0.0833rem solid #5c78f5;
  position: relative;
}
.zstpage > .tool > .s1 > .choice > div input:checked + span::before {
  display: inline-block;
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background: #5c78f5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.zstpage > .tool > .s1 > .wr-num {
  width: 11.9583rem;
  height: 2rem;
  background: #ffffff;
  border-radius: 0.1667rem;
  border: 0.0833rem solid #cecece;
  font-size: 1.1667rem;
  color: #999999;
  outline: none;
  margin-right: 1.3542rem;
  padding-left: 0.375rem;
}
.zstpage > .tool > .s1 > .wr-num.big-input {
  width: 19.0417rem;
}
.zstpage > .tool > .s1 > .filter {
  width: 4.1667rem;
  height: 1.8333rem;
  display: inline-block;
  text-align: center;
  line-height: 1.8333rem;
  background: #fabf61;
  border-radius: 0.125rem;
  font-size: 1.1667rem;
  color: #ffffff;
}
.zstpage > .tool > .s2 {
  margin: 1rem 0;
  font-size: 1.1667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zstpage > .tool > .s2 > input {
  width: 6.25rem;
  height: 2rem;
  background: #ffffff;
  border-radius: 0.2083rem;
  border: 0.0833rem solid #cecece;
  font-size: 1.1667rem;
  color: #181818;
  text-align: center;
  outline: none;
}
.zstpage > .tool > .s2 > input:focus {
  border: 0.0833rem solid #5c78f5;
}
.zstpage > .tool > .s2 > input:first-of-type {
  margin-right: 0.3333rem;
}
.zstpage > .tool > .s2 > input:nth-of-type(2) {
  margin-left: 0.3333rem;
  margin-right: 0.4167rem;
}
.zstpage > .tool > .s2 > input.widder {
  flex: 1;
  text-align: left;
  padding-left: 0.4167rem;
}
.zstpage > .tool > .s2 > .look {
  width: 4.1667rem;
  height: 1.8333rem;
  display: inline-block;
  text-align: center;
  line-height: 1.8333rem;
  background: #fabf61;
  border-radius: 0.125rem;
  font-size: 1.1667rem;
  color: #ffffff;
  margin-left: 1.1354rem;
}
.zstpage > .tool > .s2 .mr20 {
  margin-right: 0.8333rem;
}
.zstpage > .tool > .sel-week,
.zstpage > .tool > .sel-qw,
.zstpage > .tool > .sel-kjh {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.1667rem;
}
.zstpage > .tool > .sel-week > a,
.zstpage > .tool > .sel-qw > a,
.zstpage > .tool > .sel-kjh > a {
  width: 1.875rem;
  height: 1.875rem;
  background: #ffffff;
  border-radius: 0.125rem;
  border: 0.0833rem solid #e0e0e0;
  font-size: 1.0833rem;
  color: #181818;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zstpage > .tool > .sel-week > a.active,
.zstpage > .tool > .sel-qw > a.active,
.zstpage > .tool > .sel-kjh > a.active {
  border: 0.0833rem solid #5c78f5;
  color: #5c78f5;
}
.zstpage > .tool > .sel-week.flex-start,
.zstpage > .tool > .sel-qw.flex-start,
.zstpage > .tool > .sel-kjh.flex-start {
  justify-content: flex-start;
}
.zstpage > .tool > .sel-week.flex-start > a,
.zstpage > .tool > .sel-qw.flex-start > a,
.zstpage > .tool > .sel-kjh.flex-start > a {
  margin-left: 0.625rem;
}
.zstpage > .tool > .sel-week.sel-qw,
.zstpage > .tool > .sel-qw.sel-qw,
.zstpage > .tool > .sel-kjh.sel-qw {
  margin-top: 1rem;
}
.zstpage > .tool > .sel-week.mb24,
.zstpage > .tool > .sel-qw.mb24,
.zstpage > .tool > .sel-kjh.mb24 {
  margin-bottom: 1rem;
}
.zstpage > .tool > .sel-week.sel-kjh > a,
.zstpage > .tool > .sel-qw.sel-kjh > a,
.zstpage > .tool > .sel-kjh.sel-kjh > a {
  margin-right: 0.1563rem;
}
.zstpage > .tool > .s3 {
  margin-top: 1.3333rem;
  display: flex;
}
.zstpage > .tool > .s3 > label {
  display: flex;
  align-items: center;
  font-size: 1.1667rem;
  margin-right: 1.25rem;
}
.zstpage > .tool > .s3 > label > input {
  display: none;
}
.zstpage > .tool > .s3 > label > span {
  display: flex;
  width: 1.3333rem;
  height: 1.3333rem;
  border: 0.0833rem solid #cecece;
  justify-content: center;
  align-items: center;
  border-radius: 0.1667rem;
  margin-right: 0.4167rem;
}
.zstpage > .tool > .s3 > label > input:checked + span {
  background: url(/images/3.0/bcw_all1.png) no-repeat -20.1667rem -41.0833rem/29.75rem 42.5833rem;
}
.zstpage > .tool > .s3.balance {
  justify-content: space-between;
}
.zstpage > .tool > .s3.balance > label {
  margin-right: 0;
}
.zstpage > .tool > .s4 {
  display: flex;
  justify-content: space-around;
  margin: 1.25rem 0 0 0;
}
.zstpage > .tool > .s4 > a {
  font-size: 1.1667rem;
  color: #181818;
}
.zstpage > .tool > .s4 > a.active {
  color: #5c78f5;
}
.zstpage > .tool > .s5 {
  display: flex;
  margin-bottom: 1rem;
  justify-content: space-between;
}
.zstpage > .tool > .s5 > select {
  height: 2rem;
  border-radius: 0.125rem;
  border: 0.0833rem solid #999999;
  font-size: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  margin-right: 0.7292rem;
  outline: none;
}
.zstpage > .tool > .s5 > .sel-ws {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.1667rem;
}
.zstpage > .tool > .s5 > .sel-ws > a {
  width: 1.875rem;
  height: 1.875rem;
  background: #ffffff;
  border-radius: 0.125rem;
  border: 0.0833rem solid #e0e0e0;
  font-size: 1.0833rem;
  color: #181818;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zstpage > .tool > .s5 > .sel-ws > a:not(:last-of-type) {
  margin-right: 0.4167rem;
}
.zstpage > .tool > .s5 > .sel-ws > a.active {
  border: 0.0833rem solid #5c78f5;
  color: #5c78f5;
}
.zstpage > .tool > .s6 {
  font-size: 1rem;
  margin-top: 1rem;
  color: 999999;
}
.zstpage > .tool > .s7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
}
.zstpage > .tool > .s7 > .left > a {
  font-size: 1.1667rem;
  color: #181818;
}
.zstpage > .tool > .s7 > .left > a:first-of-type {
  margin-right: 2.7917rem;
}
.zstpage > .tool > .s7 > .sel {
  font-size: 1.1667rem;
  color: #181818;
  display: flex;
  align-items: center;
}
.zstpage > .tool > .s7 > .sel > input {
  width: 6.25rem;
  height: 2rem;
  background: #ffffff;
  border-radius: 0.2083rem;
  border: 0.0833rem solid #cecece;
  text-align: center;
  margin-right: 0.6667rem;
  font-size: 1.1667rem;
  outline: none;
}
.zstpage > .tool > .s7 > .sel > .look {
  width: 4.1667rem;
  height: 1.8333rem;
  background: linear-gradient(180deg, #e50000 0%, #c60000 100%);
  box-shadow: inset 0rem -0.0417rem 0.1667rem 0rem #ffbbbb, inset 0rem 0.0417rem 0.1667rem 0rem #ffbbbb;
  border-radius: 0.125rem;
  font-size: 1.1667rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.9167rem;
}
.zstpage > .tool > .s8 > p {
  font-size: 1.1667rem;
  margin-bottom: 0.6667rem;
}
.zstpage > .tool > .s8 > .sel-qw {
  display: flex;
  justify-content: space-between;
}
.zstpage > .tool > .s8 > .sel-qw > a {
  width: 1.875rem;
  height: 1.875rem;
  background: #ffffff;
  border-radius: 0.125rem;
  border: 0.0833rem solid #e0e0e0;
  font-size: 1.0833rem;
  color: #181818;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zstpage > .tool > .s8 > .sel-qw > a.active {
  border: 0.0833rem solid #c60000;
  color: #c60000;
}
.zstpage > .tool .mb24 {
  margin-bottom: 1rem;
}
.zstpage > .chart {
  position: relative;
  width: 100%;
  overflow-x: scroll;
  margin-top: 1rem;
}
.zstpage > .chart.p60 {
  padding-bottom: 1.2813rem;
  margin-top: 0.1667rem;
}
.zstpage > .chart::-webkit-scrollbar {
  display: none;
}
.zstpage > .chart table {
  border-spacing: 0;
  text-align: center;
  border-left: 0.0833rem solid #cecece;
  border-collapse: collapse;
  width: max-content;
}
.zstpage > .chart table > thead th,
.zstpage > .chart table .thead th,
.zstpage > .chart table > thead td,
.zstpage > .chart table .thead td {
  font-size: 1.1667rem;
  font-weight: normal;
  border: 0.0833rem solid #cecece;
}
.zstpage > .chart table > thead > tr[rowspan],
.zstpage > .chart table .thead > tr[rowspan],
.zstpage > .chart table > thead > tr:last-child,
.zstpage > .chart table .thead > tr:last-child {
  border-bottom: 0.0833rem solid #cecece;
}
.zstpage > .chart table > thead .sort_top::after,
.zstpage > .chart table .thead .sort_top::after,
.zstpage > .chart table > thead .sort_top1::after,
.zstpage > .chart table .thead .sort_top1::after {
  display: inline-block;
  content: "";
  width: 0.6667rem;
  height: 1rem;
  background: url(/images/3.0/bcw_all1.png) no-repeat -8.3333rem -41.25rem/29.75rem 42.5833rem;
  margin-left: 0.4167rem;
}
.zstpage > .chart table > thead .sort_bottom::after,
.zstpage > .chart table .thead .sort_bottom::after {
  display: inline-block;
  content: "";
  width: 0.6667rem;
  height: 1rem;
  background: url(/images/3.0/bcw_all1.png) no-repeat -6rem -41.25rem/29.75rem 42.5833rem;
  margin-left: 0.4167rem;
}
.zstpage > .chart table tbody {
  border-bottom: 0.1667rem solid #d2d1d1;
}
.zstpage > .chart table tbody td {
  border-right: 0.0833rem solid #d2d1d1;
  font-size: 1rem;
}
.zstpage > .chart table tbody td > .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.zstpage > .chart table tbody td > .wrap > .hs,
.zstpage > .chart table tbody td > .wrap > .zs {
  width: 1.1875rem;
  height: 1.1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.zstpage > .chart table tbody td > .wrap > .hs.hs,
.zstpage > .chart table tbody td > .wrap > .zs.hs {
  background: #ffbf60;
}
.zstpage > .chart table tbody td > .wrap > .hs.zs,
.zstpage > .chart table tbody td > .wrap > .zs.zs {
  background: #9aa5de;
}
.zstpage > .chart table tbody td > .wrap > .more-hs {
  width: 3.125rem;
  height: 1.1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background: #ffbf60;
}
.zstpage > .chart table tbody td > .wrap > .big-hs {
  width: 2.1875rem;
  height: 1.1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background: #ffbf60;
}
.zstpage > .chart table tbody td > .wrap > .more-rs {
  width: 3.625rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background: #ba2536;
}
.zstpage > .chart table tbody td > .wrap > span {
  margin: 0 0.0938rem;
}
.zstpage > .chart table tbody:not(.pxt) > tr:nth-of-type(even) {
  background: #f1f3f9;
}
.zstpage > .chart table th td,
.zstpage > .chart table tbody:not(.pxt) td {
  overflow: hidden;
}
.zstpage > .chart table .zst-tb > tr:nth-of-type(5n) {
  border-bottom: 0.1667rem solid #d2d1d1;
}
.zstpage > .chart table .zst-tb > tr:nth-of-type(odd) > .nonum {
  color: #ffffff;
}
.zstpage > .chart table .zst-tb > tr:nth-of-type(even) > .nonum {
  color: #f1f3f9;
}
.zstpage > .chart table .zst-tb > tr.active td {
  background-color: #fed9d9;
}
.zstpage > .chart table .zst-tb > tr.active > td.act-text {
  color: #fed9d9;
}
.zstpage > .chart table .pxt {
  border: 0.0833rem solid #cecece;
}
.zstpage > .chart table .pxt td {
  border: 0.0833rem solid #cecece;
}
.zstpage > .chart table .pxt td .wrap {
  width: 100%;
  height: 1.8333rem;
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #181818;
}
.zstpage > .chart table .pxt td .wrap > .h {
  position: absolute;
  width: 8.125rem;
  height: 3.125rem;
  right: -8.125rem;
  top: -0.0833rem;
  background: #ffffff;
  box-shadow: 0rem 0.1667rem 0.1667rem 0rem #e0e0e0;
  border: 0.0833rem solid #c60606;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 1rem;
  z-index: 99;
  display: none;
  padding-left: 0.625rem;
  overflow: hidden;
}
.zstpage > .chart table .pxt td .wrap > .h span {
  color: #c60000;
}
.zstpage > .chart table .pxt td .wrap > .hs,
.zstpage > .chart table .pxt td .wrap > .zs,
.zstpage > .chart table .pxt td .wrap > .ls {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.zstpage > .chart table .pxt td .wrap > .hs.hs,
.zstpage > .chart table .pxt td .wrap > .zs.hs,
.zstpage > .chart table .pxt td .wrap > .ls.hs {
  background: #ffbf60;
  margin-right: 0.0417rem;
}
.zstpage > .chart table .pxt td .wrap > .hs.zs,
.zstpage > .chart table .pxt td .wrap > .zs.zs,
.zstpage > .chart table .pxt td .wrap > .ls.zs {
  background: #9aa5de;
  margin: 0 0.0417rem;
}
.zstpage > .chart table .pxt td .wrap > .hs.ls,
.zstpage > .chart table .pxt td .wrap > .zs.ls,
.zstpage > .chart table .pxt td .wrap > .ls.ls {
  background: #6aaced;
  margin-left: 0.0417rem;
}
.zstpage > .chart table .pxt td .wrap.hover {
  background: #ffffff !important;
  border: 0.0833rem solid #c60000;
}
.zstpage > .chart table .pxt td .wrap.hover::after {
  display: inline-block;
  content: "";
  width: 0.2604rem;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  top: -0.0833rem;
  right: -0.1458rem;
  z-index: 999;
  margin-top: 0.0833rem;
}
.zstpage > .chart table .pxt td .wrap.hover .h {
  display: flex;
}
.zstpage > .chart table .pxt td.ql {
  background: rgba(133, 142, 195, 0.06);
}
.zstpage > .chart table .pxt td.red {
  background: #c60000 !important;
}
.zstpage > .chart table .pxt td.red > .wrap {
  color: #ffffff !important;
}
.zstpage > .chart table .pxt td.red > .hover {
  color: #c60000 !important;
}
.zstpage > .chart table .pxt.q12 td:nth-of-type(10) .wrap.hover::after,
.zstpage > .chart table .pxt.q12 td:nth-of-type(11) .wrap.hover::after,
.zstpage > .chart table .pxt.q12 td:nth-of-type(12) .wrap.hover::after {
  left: -0.1458rem;
}
.zstpage > .chart table .pxt.q12 td:nth-of-type(10) .wrap .h,
.zstpage > .chart table .pxt.q12 td:nth-of-type(11) .wrap .h,
.zstpage > .chart table .pxt.q12 td:nth-of-type(12) .wrap .h {
  left: -8.125rem;
}
.zstpage > .chart table .pxt.q24 td:nth-of-type(22) .wrap.hover::after,
.zstpage > .chart table .pxt.q24 td:nth-of-type(23) .wrap.hover::after,
.zstpage > .chart table .pxt.q24 td:nth-of-type(24) .wrap.hover::after {
  left: -0.1458rem;
}
.zstpage > .chart table .pxt.q24 td:nth-of-type(22) .wrap .h,
.zstpage > .chart table .pxt.q24 td:nth-of-type(23) .wrap .h,
.zstpage > .chart table .pxt.q24 td:nth-of-type(24) .wrap .h {
  left: -8.125rem;
}
.zstpage > .chart table .yxh td:not(:first-child) {
  color: rgba(74, 74, 74, 0.8);
}
.zstpage > .chart table .yxh td {
  font-size: 1.1667rem;
  border: 0.0833rem solid #d2d1d1;
}
.zstpage > .chart table .yxh tr:nth-of-type(even) td {
  background-color: #ffffff;
}
.zstpage > .chart table .yxh .yx-block-active {
  color: #ffffff !important;
  background: #c84c59 !important;
}
.zstpage > .chart table .yxh .yx-ball-active {
  color: #ffffff !important;
  background: url(/images/3.0/zr-ball.png) no-repeat center center !important;
  background-size: 1.5rem 1.5rem !important;
  background-color: #ffffff !important;
}
.zstpage > .chart table .sjtj td {
  font-size: 1.1667rem;
}
.zstpage > .chart table .even-bg td {
  font-size: 1.1667rem;
}
.zstpage > .chart table .position {
  position: relative;
  width: 100%;
  height: 100%;
}
.zstpage > .chart table .position i {
  position: absolute;
  top: -0.3125rem;
  right: 0;
  transform: scale(0.7);
}
.zstpage > .chart table .fs26 {
  font-size: 1.0833rem;
}
.zstpage > .chart table .fw600 {
  font-weight: bold;
}
.zstpage > .chart table .h40 th,
.zstpage > .chart table .h40 td {
  height: 1.6667rem;
}
.zstpage > .chart table .h44 td {
  height: 1.8333rem;
}
.zstpage > .chart table .h60 td {
  height: 2.5rem;
}
.zstpage > .chart table .h64 td {
  height: 2.6667rem;
}
.zstpage > .chart table .h80 th,
.zstpage > .chart table .h80 td {
  height: 3.3333rem;
}
.zstpage > .chart table .m3 span:nth-of-type(2) {
  margin: 0 0.1563rem;
}
.zstpage > .chart table .br02 {
  border-right: 0.1667rem solid #d2d1d1 !important;
}
.zstpage > .chart table .bt02 {
  border-top: 0.1667rem solid #d2d1d1 !important;
}
.zstpage > .chart table .wh-18 span {
  display: inline-block;
  width: 1.4531rem;
  text-align: center;
}
.zstpage > .chart table .wh-18 .r-border {
  border: 0.0833rem solid #c60000;
  border-radius: 50%;
}
.zstpage > .chart table .blue-text {
  color: #4472c4;
}
.zstpage > .chart table .fcqf {
  font-size: 1rem;
  color: rgba(242, 166, 166, 0.6);
}
.zstpage > .chart table .fcqh {
  font-size: 1rem;
  color: rgba(153, 151, 178, 0.4);
}
.zstpage > .chart table .fcbg-bw {
  font-weight: bold !important;
  color: #181818 !important;
  background-color: #eef4ff !important;
  border-top: 0.1667rem solid #d2d1d1;
}
.zstpage > .chart table .color-black {
  color: #181818 !important;
  font-size: 1.1667rem;
  background-color: #ffffff !important;
}
.zstpage > .chart table .color-zs {
  color: #858ec3;
}
.zstpage > .chart table .color-hs {
  color: #ffbf60;
}
.zstpage > .chart table .r-ball,
.zstpage > .chart table .r2-ball,
.zstpage > .chart table .r3-ball {
  background-image: url(/images/3.0/zr-ball.png);
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.0833rem;
  color: #ffffff;
}
.zstpage > .chart table .h-ball,
.zstpage > .chart table .h2-ball {
  background-image: url(/images/3.0/zb-ball1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  font-size: 1.0833rem;
  color: #ffffff;
}
.zstpage > .chart table .p-ball {
  background-image: url(/images/3.0/zp-ball.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  font-size: 1.0833rem;
  color: #ffffff;
}
.zstpage > .chart table .b-ball-18,
.zstpage > .chart table .b2-ball-18 {
  background-image: url(/images/3.0/zb-ball2.png);
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.0833rem;
  color: #ffffff;
}
.zstpage > .chart table .hbg-ball {
  background-image: url(/images/3.0/zg-ball.png);
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.0833rem;
  color: #ffffff;
}
.zstpage > .chart table .ylfc {
  background: #b4bdef !important;
  color: #ffffff;
}
.zstpage > .chart table .ylfc-text {
  color: #b4bdef !important;
}
.zstpage > .chart table .red-bg {
  background: #eef4ff;
}
.zstpage > .chart table .purple-bg {
  background: #858ec3;
}
.zstpage > .chart table .z-bg {
  background: #b4bdef !important;
  color: #ffffff !important;
}
.zstpage > .chart table .orange-bg {
  background: #fba035;
}
.zstpage > .chart table .h-b-block {
  background: url(/images/3.0/zy-block1.png) no-repeat center center;
  background-size: 1.3333rem 1.3333rem;
  color: #ffffff;
}
.zstpage > .chart table .z-b-block {
  background: url(/images/3.0/zp-block1.png) no-repeat center center;
  background-size: 1.3333rem 1.3333rem;
  color: #ffffff;
}
.zstpage > .chart table .g-b-block {
  background: url(/images/3.0/zg-block.png) no-repeat center center;
  background-size: 1.3333rem 1.3333rem;
  color: #ffffff;
}
.zstpage > .chart table .r-b-block {
  background: url(/images/3.0/zr-block.png) no-repeat center center;
  background-size: 1.3333rem 1.3333rem;
  color: #ffffff;
}
.zstpage > .chart table .r-b-ball,
.zstpage > .chart table .r2-b-ball {
  background: #c84c59;
  color: #ffffff;
}
.zstpage > .chart table .h-b-ball {
  background: #fdb34d;
  color: #ffffff;
}
.zstpage > .chart table .ybg {
  background: #ffbf60 !important;
  color: #ffffff;
}
.zstpage > .chart table .h-text {
  color: #999999;
}
.zstpage > .chart table .red-text {
  color: #c60000;
}
.zstpage > .chart table .toggle-key {
  color: #c60000;
  font-weight: bold;
  cursor: pointer;
}
.zstpage > .chart table .yes-red {
  width: 1.3333rem;
  height: 0.8333rem;
  display: inline-block;
  background: url(/images/3.0/bcw_all1.png) no-repeat -22.6667rem -12.25rem/29.75rem 42.5833rem;
}
.zstpage > .chart table .no-grey {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background: url(/images/3.0/bcw_all1.png) no-repeat -25.6667rem -12.25rem/29.75rem 42.5833rem;
}
.zstpage > .chart table .h1 {
  background-image: url(/images/3.0/zy-block2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.25rem 1.3333rem;
  color: #ffffff;
}
.zstpage > .chart table .zh-bg {
  background: #dce0ff;
}
.zstpage > .chart table .y-block {
  background-image: url(/images/3.0/zy-block2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.3333rem 1.5rem;
}
.zstpage > .chart table .z-block {
  background-image: url(/images/3.0/zp-block2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.3333rem 1.5rem;
  color: #ffffff;
}
.zstpage > .chart table .y-block-74 {
  background-image: url(/images/3.0/zy-block2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.0833rem 1.5rem;
  color: #ffffff;
}
.zstpage > .chart table .z-block-74 {
  background-image: url(/images/3.0/zp-block2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.0833rem 1.5rem;
  color: #ffffff;
}
.zstpage > .chart table .y-block-120 {
  background-image: url(/images/3.0/zy-block2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5rem 1.5rem;
  color: #ffffff;
}
.zstpage > .chart table .h-ball-18 {
  background: url(/images/3.0/zy-block2.png) no-repeat center center;
  background-size: 1.5rem 1.1667rem;
  color: #ffffff;
}
.zstpage > .chart table .h-ball-24 {
  background: url(/images/3.0/zy-block2.png) no-repeat center center;
  background-size: 2rem 1.1667rem;
  color: #ffffff;
}
.zstpage > .chart table .b-yu-ball {
  background-image: url(/images/3.0/zb-circle.png);
  background-size: 1.3333rem 1.3333rem;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.0833rem;
  color: #4a4a4a;
}
.zstpage > .chart table .y-yu-ball {
  background-image: url(/images/3.0/zy-circle.png);
  background-size: 1.3333rem 1.3333rem;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.0833rem;
  color: #fba035;
}
.zstpage > .chart table .r-yu-ball {
  background: url(/images/3.0/zr-circle.png) no-repeat center center;
  background-size: 1.5rem 1.5rem;
  color: #b12831;
}
.zstpage > .chart table .h-b-ball-14 {
  width: 1.1875rem;
  height: 1.1875rem;
  border: 0.0833rem solid #dcd5d5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #dcd5d5;
}
.zstpage > .chart table .l-k-rbg {
  background: #feeaea;
}
.zstpage > .chart table .l-k-zbg {
  background: #ffefd9;
}
.zstpage > .chart table .nonum.l-k-rbg {
  font-size: 0;
}
.zstpage > .chart table .nonum.l-k-zbg {
  font-size: 0;
}
.zstpage > .chart table .dark-blue {
  color: #3685cf;
}
.zstpage > .chart table .bg_0 {
  background: #fdcc83;
  color: #ffffff;
}
.zstpage > .chart table .bg_1 {
  background: #a8b3f7;
  color: #ffffff;
}
.zstpage > .chart table .bg_2 {
  background: #ffbebe;
  color: #ffffff;
}
.zstpage > .chart table .bg_3 {
  background: #69dcec;
  color: #ffffff;
}
.zstpage > .chart table .bg_4 {
  background: #68c8ff;
  color: #ffffff;
}
.zstpage > .chart table .bg_5 {
  background: #f9c0a5;
  color: #ffffff;
}
.zstpage > .chart table .bg_6 {
  background: #c8efab;
  color: #ffffff;
}
.zstpage > .chart table .wid42 {
  width: 1.75rem;
  max-width: 1.75rem;
}
.zstpage > .chart table .wid44 {
  width: 1.8333rem;
  max-width: 1.8333rem;
}
.zstpage > .chart table .wid49 {
  width: 2.0417rem;
  max-width: 2.0417rem;
}
.zstpage > .chart table .wid50 {
  width: 2.0833rem;
  max-width: 2.0833rem;
}
.zstpage > .chart table .wid52 {
  width: 2.1667rem;
  max-width: 2.1667rem;
}
.zstpage > .chart table .wid60 {
  width: 2.5rem;
  max-width: 2.5rem;
}
.zstpage > .chart table .wid65 {
  width: 2.7083rem;
  max-width: 2.7083rem;
}
.zstpage > .chart table .wid68 {
  width: 2.8333rem;
  max-width: 2.8333rem;
}
.zstpage > .chart table .wid75 {
  width: 3.125rem;
  max-width: 3.125rem;
}
.zstpage > .chart table .wid80 {
  width: 3.3333rem;
  max-width: 3.3333rem;
}
.zstpage > .chart table .wid84 {
  width: 3.5rem;
  max-width: 3.5rem;
}
.zstpage > .chart table .wid88 {
  width: 3.6667rem;
  max-width: 3.6667rem;
}
.zstpage > .chart table .wid98 {
  width: 4.0833rem;
  max-width: 4.0833rem;
}
.zstpage > .chart table .wid100 {
  width: 4.1667rem;
  max-width: 4.1667rem;
}
.zstpage > .chart table .wid105 {
  width: 4.375rem;
  max-width: 4.375rem;
}
.zstpage > .chart table .wid108 {
  width: 4.5rem;
  max-width: 4.5rem;
}
.zstpage > .chart table .wid120 {
  width: 5rem;
  max-width: 5rem;
}
.zstpage > .chart table .wid126 {
  width: 5.25rem;
  max-width: 5.25rem;
}
.zstpage > .chart table .wid130 {
  width: 5.4167rem;
  max-width: 5.4167rem;
}
.zstpage > .chart table .wid132 {
  width: 5.5rem;
  max-width: 5.5rem;
}
.zstpage > .chart table .wid147 {
  width: 6.125rem;
  max-width: 6.125rem;
}
.zstpage > .chart table .wid150 {
  width: 6.25rem;
  max-width: 6.25rem;
}
.zstpage > .chart table .wid168 {
  width: 7rem;
  max-width: 7rem;
}
.zstpage > .chart table .wid175 {
  width: 7.2917rem;
  max-width: 7.2917rem;
}
.zstpage > .chart table .wid180 {
  width: 7.5rem;
  max-width: 7.5rem;
}
.zstpage > .chart table .wid195 {
  width: 8.125rem;
  max-width: 8.125rem;
}
.zstpage > .chart table .wid210 {
  width: 8.75rem;
  max-width: 8.75rem;
}
.zstpage > .chart table .wid225 {
  width: 9.375rem;
  max-width: 9.375rem;
}
.zstpage > .chart table .wid264 {
  width: 11rem;
  max-width: 11rem;
}
.zstpage > .chart table .wid340 {
  width: 14.1667rem;
  max-width: 14.1667rem;
}
.zstpage > .chart table .wid360 {
  width: 15rem;
  max-width: 15rem;
}
.zstpage > .chart table .wid378 {
  width: 15.75rem;
  max-width: 15.75rem;
}
.zstpage > .chart table .wid420 {
  width: 17.5rem;
  max-width: 17.5rem;
}
.zstpage > .chart table .wid440 {
  width: 18.3333rem;
  max-width: 18.3333rem;
}
.zstpage > .chart table .wid470 {
  width: 19.5833rem;
  max-width: 19.5833rem;
}
.zstpage > .chart table .wid480 {
  width: 20rem;
  max-width: 20rem;
}
.zstpage > .chart table .wid588 {
  width: 24.5rem;
  max-width: 24.5rem;
}
.zstpage > .chart table .wid792 {
  width: 33rem;
  max-width: 33rem;
}
.zstpage > .chart table .wid748 {
  width: 31.1667rem;
  max-width: 31.1667rem;
}
.zstpage > .chart table .wid840 {
  width: 35rem;
  max-width: 35rem;
}
.zstpage > .chart table .wid1000 {
  width: 41.6667rem;
  max-width: 41.6667rem;
}
.zstpage > .chart table .wid1200 {
  width: 50rem;
  max-width: 50rem;
}
.zstpage > .chart .contrast .n1 {
  background-color: #e9e9e9;
}
.zstpage > .chart .contrast .n2 {
  background-color: #f2e4fd;
}
.zstpage > .chart .contrast .n3 {
  background-color: #ffeacb;
}
.zstpage > .chart .contrast .n4 {
  background-color: #ffb8b3;
}
.zstpage > .chart .contrast .n5 {
  background-color: #ffdef0;
}
.zstpage > .chart .contrast .n6 {
  background-color: #e4ebff;
}
.zstpage > .chart .contrast .n7 {
  background-color: #ffffd9;
}
.zstpage > .chart .contrast .n8 {
  background-color: #eaffdb;
}
.zstpage > .chart .contrast .yellow-diff {
  background-image: url(/images/3.0/zp-ball.png);
  background-size: 1.5rem 1.5rem;
}
.zstpage > .chart .contrast .orange-diff {
  background-image: url(/images/3.0/zo-ball.png);
  background-size: 1.5rem 1.5rem;
}
.zstpage > .chart > .bottomaid {
  height: 3.3333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12%;
  border: 0.1667rem solid #d2d1d1;
  border-top: none;
  font-size: 1.1667rem;
}
.zstpage > .chart > .bottomaid > .left {
  flex: 1;
}
.zstpage > .chart > .bottomaid > .left .kjh {
  margin-right: 6%;
}
.zstpage > .chart > .bottomaid > .left .hz {
  margin-right: 2.0833rem;
}
.zstpage > .chart > .bottomaid > .right {
  display: flex;
}
.zstpage > .chart > .bottomaid > .right > label {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
}
.zstpage > .chart > .bottomaid > .right > label:not(:last-of-type) {
  margin-right: 1.25rem;
}
.zstpage > .chart > .bottomaid > .right > label > input {
  display: none;
}
.zstpage > .chart > .bottomaid > .right > label > span {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0833rem solid #cecece;
  justify-content: center;
  align-items: center;
  border-radius: 0.1458rem;
  margin-right: 0.4167rem;
}
.zstpage > .chart > .bottomaid > .right > label > input:checked + span {
  background: url(/images/3.0/bcw_all1.png) no-repeat -20.1667rem -41.0833rem/29.75rem 42.5833rem;
}
.zstpage > .chart > .canvas-wrap {
  position: absolute;
  top: 0;
  left: 0;
}
.zstpage > .tj {
  border-bottom: 0.0833rem solid #cecece;
  padding-bottom: 0.6667rem;
}
.zstpage > .tj > .title {
  font-size: 1.5rem;
  padding: 0rem 1.25rem 0.5rem;
}
.zstpage > .tj > .title.pt15 {
  padding-top: 0.625rem;
}
.zstpage > .tj > div {
  width: 100%;
  font-size: 1.1667rem;
  display: flex;
  padding: 0 1.25rem;
}
.zstpage > .tj > div > div {
  display: inline-block;
  min-width: 33.33%;
  height: 1.5833rem;
  overflow: hidden;
}
.zstpage > .tj > div span {
  color: #c60000;
  word-break: break-all;
}
.zstpage > .tj > div:not(:last-of-type) {
  margin-bottom: 0.1667rem;
}
.zstpage > .tj > .all div {
  width: 100%;
  height: auto;
}
.zstpage > .total {
  font-size: 1.1667rem;
  font-weight: bold;
  color: #4a4a4a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.3333rem;
  padding-top: 2.5833rem;
  border-top: 0.5rem solid #d8d8d8;
}
.zstpage > .total > .nums {
  font-size: 1.8333rem;
  color: #c60000;
  margin: 0 0.5rem;
}
.zstpage > .result {
  width: 100%;
  margin-top: 0.6667rem;
  padding-bottom: 1.3333rem;
}
.zstpage > .result > .titl {
  width: 9.4446rem;
  height: 3.3333rem;
  background: #d41919;
  font-size: 1.1667rem;
  color: #ffc570;
  text-align: center;
  line-height: 3.3333rem;
}
.zstpage > .result > .unpay {
  width: 100%;
  height: 100%;
}
.zstpage > .result > .unpay > .con {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f7f7;
}
.zstpage > .result > .unpay > .con > .til {
  font-size: 1.1667rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-top: 1.6667rem;
}
.zstpage > .result > .unpay > .con > .til::before {
  display: inline-block;
  content: "";
  width: 6.875rem;
  height: 0.0833rem;
  background: #e1e1e1;
  margin-right: 0.2083rem;
}
.zstpage > .result > .unpay > .con > .til::after {
  display: inline-block;
  content: "";
  width: 6.875rem;
  height: 0.0833rem;
  background: #e1e1e1;
  margin-left: 0.2083rem;
}
.zstpage > .result > .unpay > .con > .text {
  font-size: 1rem;
  color: #4a4a4a;
  padding: 0 1.5rem;
  text-align: center;
  margin-top: 1rem;
}
.zstpage > .result > .unpay > .con > .tip {
  font-size: 0.8333rem;
  color: #999999;
}
.zstpage > .result > .unpay > .con > .buy {
  width: 26.5rem;
  height: 3rem;
  background: #fff3e0;
  box-shadow: 0 0.0417rem 0.125rem 0 #ffe6bf;
  border-radius: 8px;
  border: 0.0833rem dashed #ffce82;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.3333rem;
  margin: 1rem 0;
}
.zstpage > .result > .unpay > .con > .buy::before {
  width: 1rem;
  height: 1.3333rem;
  display: inline-block;
  content: "";
  background: url(/images/3.0/bcw_all1.png) no-repeat -24.3333rem -28.5rem/29.75rem 42.5833rem;
  margin-right: 0.2083rem;
}
.zstpage > .result > .unpay > .con > .hint {
  font-size: 1.0833rem;
  margin-bottom: 0.8333rem;
}
.zstpage > .result > .unpay > .con > .hint > a {
  color: #c60000;
  text-decoration: underline;
}
.zstpage > .result > .unpay > .his {
  background: #f7f7f7;
  margin-top: 1rem;
}
.zstpage > .result > .unpay > .his > .til {
  height: 3.3333rem;
  font-size: 1.3333rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.25rem;
}
.zstpage > .result > .unpay > .his > .til > .ls-yc {
  width: 5.5rem;
  height: 2rem;
  box-shadow: inset 0rem -0.0417rem 0.125rem 0rem #ffffff, inset 0rem 0.0417rem 0.125rem 0rem #ffffff;
  border-radius: 0.1667rem;
  border: 0.0833rem solid #fba035;
  font-size: 1.1667rem;
  color: #fba035;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zstpage > .result > .unpay > .his > .his-zk,
.zstpage > .result > .unpay > .his > .his-sq {
  width: 100%;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4167rem 0;
}
.zstpage > .result > .unpay > .his > .his-zk::before,
.zstpage > .result > .unpay > .his > .his-sq::before {
  width: 0.75rem;
  height: 0.5rem;
  display: inline-block;
  content: "";
  background: url(/images/3.0/bcw_all1.png) no-repeat -6.0833rem -33.75rem/29.75rem 42.5833rem;
}
.zstpage > .result > .unpay > .his > .his-zk.his-sq,
.zstpage > .result > .unpay > .his > .his-sq.his-sq {
  display: none;
}
.zstpage > .result > .unpay > .his > .his-zk.his-sq::before,
.zstpage > .result > .unpay > .his > .his-sq.his-sq::before {
  background: url(/images/3.0/bcw_all1.png) no-repeat -28.4167rem -37.9167rem/29.75rem 42.5833rem;
}
.zstpage > .result > .collect {
  width: 100%;
  height: 100%;
}
.zstpage > .result > .collect > .con {
  width: 100%;
  padding: 0.8333rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f7f7;
}
.zstpage > .result > .collect > .con > img {
  width: 16.9583rem;
  height: 10.8333rem;
}
.zstpage > .result > .collect > .con > .tip {
  font-size: 1rem;
  color: #4a4a4a;
  text-align: center;
}
.zstpage > .result > .hidden {
  display: none;
}
.zstpage > .result .countdown {
  margin: 1rem 0;
}
.zstpage > .result .countdown .time_part {
  padding: 0.25rem 0.3333rem;
  color: #ffffff;
  border-radius: 0.1667rem;
  background: #fabf61;
}
.zstpage > .result .countdown .text {
  margin-right: 0.5rem;
}
.zstpage > .result .countdown .fh {
  margin: 0 0.25rem;
}
.zstpage > .parameter {
  width: 100%;
  overflow: hidden;
  padding-bottom: 1rem;
}
.zstpage > .parameter > .top {
  width: 100%;
  height: 3.3333rem;
  background: #f7f7f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.3333rem;
}
.zstpage > .parameter > .top > .text {
  font-size: 1.3333rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.zstpage > .parameter > .top > .text::before {
  display: inline-block;
  content: "";
  width: 1.75rem;
  height: 2rem;
  transform: scale(0.8);
  background: url(/images/3.0/bcw_all1.png) no-repeat -14.6667rem -24.9167rem/29.75rem 42.5833rem;
}
.zstpage > .parameter > .top > .p-control {
  font-size: 1.1667rem;
  color: #999999;
  display: flex;
  align-items: center;
}
.zstpage > .parameter > .top > .p-control::before {
  display: inline-block;
  content: "";
  width: 1.3333rem;
  height: 0.9167rem;
  margin-right: 0.1667rem;
}
.zstpage > .parameter > .top > .p-control.param-xs::before {
  background: url(/images/3.0/bcw_all1.png) no-repeat -25.75rem -16.4167rem/29.75rem 42.5833rem;
}
.zstpage > .parameter > .top > .p-control.param-yc::before {
  background: url(/images/3.0/bcw_all1.png) no-repeat -22.8333rem -16.4167rem/29.75rem 42.5833rem;
}
.zstpage > .parameter > .top > .p-control.param-xs {
  display: none;
}
.zstpage > .parameter > .param-bot {
  padding: 1rem 1.3333rem;
  border-bottom: 0.0833rem dotted #cecece;
  font-size: 1.1667rem;
}
.zstpage > .parameter > .param-bot span {
  font-weight: bold;
}
.zstpage > .parameter > .param-bot > p:not(:last-of-type) {
  margin-bottom: 0.3333rem;
}
.zstpage .his-con.u-his {
  height: 13rem;
  overflow: hidden;
}
.zstpage .his-con > .title {
  font-size: 1.3333rem;
  color: #c60000;
  background: #f7f7f7;
  padding: 0.8333rem 0;
  text-align: center;
}
.zstpage .his-con > div {
  width: 100%;
}
.zstpage .his-con .line {
  display: flex;
  align-items: center;
  min-height: 2.8333rem;
  border: 0.0833rem solid #b3b3b3;
  background: #f8f9fc;
}
.zstpage .his-con .line .left {
  width: 10rem;
  min-height: 2.8333rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zstpage .his-con .line .left .name {
  font-size: 1.1667rem;
  text-align: center;
}
.zstpage .his-con .line .center {
  flex: 1;
  min-height: 2.8333rem;
  border-left: 0.0833rem solid #b3b3b3;
}
.zstpage .his-con .line .center span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}
.zstpage .his-con .line .center .direct,
.zstpage .his-con .line .center .red {
  color: #ffffff;
  background: #e24939 !important;
}
.zstpage .his-con .top .line .center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.zstpage .his-con .top .line .center span {
  width: 1.6667rem;
  height: 1.6667rem;
  border-radius: 50%;
  margin: 0 0.1667rem;
  background: #e7e7e7;
}
.zstpage .his-con .bot .line {
  border-top: none;
}
.zstpage .his-con .bot .line .center {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(2.8333rem, 1fr));
}
.zstpage .his-con .bot .line .center span {
  height: 2.1667rem;
  border: 0.0833rem solid #e0e0e0;
}
.zstpage .yc-pop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 9;
}
.zstpage .yc-pop > .con {
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 70vh;
}
.zstpage .yc-pop > .con > .close-pop {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0.8958rem;
  right: 1.3646rem;
  background: url(/images/3.0/bcw_all1.png) no-repeat -11rem -24.9167rem/29.75rem 42.5833rem;
}
.zstpage .yc-pop > .con > .title {
  width: 100%;
  padding: 1.0833rem 0;
  background: #5c78f5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: #ffffff;
}
.zstpage .yc-pop > .con > .query {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1rem 1rem 1.3333rem 1.3333rem;
}
.zstpage .yc-pop > .con > .query > input {
  width: 9.3333rem;
  height: 2.3333rem;
  background: #ffffff;
  border-radius: 0.1667rem;
  border: 0.0833rem solid #cecece;
  outline: none;
  text-align: center;
  margin-right: 1.0417rem;
}
.zstpage .yc-pop > .con > .query > div {
  width: 4.1667rem;
  height: 2.1667rem;
  background: #fabf61;
  border-radius: 0.3333rem;
  font-size: 1.1667rem;
  color: #ffffff;
  text-align: center;
  line-height: 2.1667rem;
}
.zstpage .yc-pop > .con > .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: scroll;
}
.zstpage .yc-pop > .con > .content::-webkit-scrollbar {
  display: none;
}
.zstpage .yc-pop > .con > .empty {
  margin-top: 3rem;
}
.zstpage .yc-pop > .con > .empty > img {
  width: 24.9583rem;
  height: 16rem;
}
.zstpage .yc-pop > .con.hidden {
  display: none;
}
.zstpage .dsjpro {
  margin-top: 1.1667rem;
}
.zstpage .dsjpro .title {
  display: flex;
  align-items: center;
  width: 14.2917rem;
  height: 3rem;
  padding-left: 1.375rem;
  position: relative;
  background: #f7f7f7;
  clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
}
.zstpage .dsjpro .title img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.zstpage .dsjpro .title span {
  font-weight: bold;
  font-size: 1.3333rem;
  color: #4a4a4a;
  margin-left: 0.8333rem;
}
.zstpage .dsjpro .title.sub {
  width: 19.1667rem;
  margin-top: 1.5rem;
}
.zstpage .dsjpro .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.3333rem 2.3333rem 1.5833rem;
  background: #f7f7f7;
}
.zstpage .dsjpro .content .c1 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #4a4a4a;
}
.zstpage .dsjpro .content .c2 {
  margin-top: 0.6667rem;
  font-size: 1.1667rem;
  color: #4a4a4a;
  line-height: 1.6667rem;
}
.zstpage .dsjpro .content .c2 a {
  font-size: 1.0833rem;
  color: #d18f25;
  text-decoration: underline;
}
.zstpage .dsjpro .content .c2 a::before {
  display: inline-block;
  content: "";
  width: 1.4667rem;
  height: 1.0833rem;
  background: url(/images/3.0/bcw_all1.png) no-repeat -10.6667rem -41.45rem / 29.75rem 42.5833rem;
}
.zstpage .dsjpro .content .c2 > span {
  color: #999999;
}
.zstpage .dsjpro .content .c3 {
  width: 100%;
  margin-top: 1.5rem;
  padding: 0 0.8333rem;
  background: linear-gradient(180deg, #eafff1 0%, #fff9f1 100%);
  border: 0.0833rem dashed #dcab5f;
}
.zstpage .dsjpro .content .c3 .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.zstpage .dsjpro .content .c3 .item .select {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  margin-right: 0.8333rem;
  border: 0.0833rem solid #dbdbdb;
}
.zstpage .dsjpro .content .c3 .item .desc {
  font-weight: bold;
  font-size: 1.1667rem;
}
.zstpage .dsjpro .content .c3 .item .text {
  font-size: 0.8333rem;
  color: #999999;
}
.zstpage .dsjpro .content .c3 .item .l {
  display: flex;
  align-items: center;
}
.zstpage .dsjpro .content .c3 .item .r {
  display: flex;
  align-items: center;
  font-size: 0.8333rem;
  color: #e24939;
}
.zstpage .dsjpro .content .c3 .item .r .amount {
  font-weight: bold;
  font-size: 1.3333rem;
}
.zstpage .dsjpro .content .c3 .item .r .yh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.0833rem;
  height: 1.3333rem;
  font-weight: bold;
  font-size: 0.8333rem;
  color: #ffffff;
  margin-right: 0.4167rem;
  background: #fabf61;
}
.zstpage .dsjpro .content .c3 .item:not(:last-of-type) {
  border-bottom: 0.0833rem solid #ffecd0;
}
.zstpage .dsjpro .content .c3 .item.selected .select {
  border: none;
  background: url(/images/3.0/bcw_all1.png) no-repeat -14.6667rem -33.75rem/29.75rem 42.5833rem;
}
.zstpage .dsjpro .content .c3 .item.disabled .select {
  background: #eeeeee;
}
.zstpage .dsjpro .content .buy {
  width: 100%;
  height: 3.3333rem;
  margin-top: 1.5833rem;
  text-align: center;
  line-height: 3.3333rem;
  font-weight: bold;
  font-size: 1.3333rem;
  color: #ffffff;
  background: #fa5e47;
  border-radius: 0.1667rem;
}
.zstpage .dsjpro .sel {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 3.3333rem;
  background: #f7f7f7;
}
.zstpage .dsjpro .sel .option {
  font-size: 1.0833rem;
  color: #4a4a4a;
}
.zstpage .dsjpro .sel .option.active {
  font-weight: bold;
  font-size: 1.1667rem;
  color: #e24939;
  border-bottom: 0.1667rem solid #e24939;
}
.zstpage .dsjpro .result {
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(3.0833rem, 1fr));
  background: #f7f7f7;
}
.zstpage .dsjpro .result span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.3333rem;
  font-size: 1.1667rem;
  background: #ffffff;
  border: 0.0417rem solid #b3b3b3;
}
.zstpage .dsjpro .result span.zhong {
  color: #ffffff;
  font-weight: bold;
  background: #e24939;
}
.zstpage .dsjpro .result.show {
  display: grid;
}
.zstpage .dsjpro .dsj_look {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.1667rem;
  background: #f7f7f7;
}
.zstpage .dsjpro .dsj_look .d1 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #4a4a4a;
}
.zstpage .dsjpro .dsj_look .d2 {
  font-size: 1.1667rem;
  color: #bbbbbb;
  margin-top: 0.6667rem;
  text-align: center;
}
.zstpage .dsjpro .dsj_look .d2 span {
  color: #e24939;
}
.zstpage .dsjpro .dsj_look .dlook {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.1667rem;
  margin-top: 2.1667rem;
  color: #2ab562;
  font-size: 1.3333rem;
  font-weight: bold;
  letter-spacing: 0.3rem;
  background: linear-gradient(to right, #ecfff1 0%, #ffffff 20%, #e1fee7 25%, #e1fee7 100%);
}
.zstpage .dsjpro .dsjtj {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.3333rem 1.5rem 0rem;
  background: #f7f7f7;
}
.zstpage .dsjpro .dsjtj .dtitle {
  font-weight: bold;
  font-size: 1.5rem;
  color: #e24939;
}
.zstpage .dsjpro .dsjtj .c2 {
  margin-top: 0.6667rem;
  font-size: 1.1667rem;
  color: #4a4a4a;
  line-height: 1.6667rem;
}
.zstpage .dsjpro .dsjtj .c2 a {
  font-size: 1.0833rem;
  color: #d18f25;
  text-decoration: underline;
}
.zstpage .dsjpro .dsjtj .c2 a::before {
  display: inline-block;
  content: "";
  width: 1.4667rem;
  height: 1.0833rem;
  background: url(/images/3.0/bcw_all1.png) no-repeat -10.6667rem -41.45rem / 29.75rem 42.5833rem;
}
.zstpage .dsjpro .dsjtj .c2 > span {
  color: #999999;
}
.zstpage .dsjpro .dsjtj > img {
  display: block;
  width: 10.8333rem;
  margin-top: 1.25rem;
}