.page {
  background-color: rgba(13, 17, 24, 1);
  position: relative;
  width: 51.2rem;
  overflow: hidden;
}

.group_1 {
  position: relative;
  width: 51.2rem;
}

.group_2 {
  background-color: rgba(54, 67, 219, 1);
  width: 100%;
  height: 15rem;
}

.group_16 {
  height: 24.666667rem;
  background: url(./img/FigmaDDSSlicePNG7a50d3a191e350387e1ba55472df8bbb.png)
    100% no-repeat;
  background-size: 115% 130%;

  width: 51.2rem;
  position: absolute;
  left: -3.493333rem;
  top: -2.266667rem;
  background-position-x: center;
  overflow: hidden;
}

.box_8 {
  width: 51.2rem;
  height: 1.6rem;
  margin: 2.666667rem auto 0 auto;
  padding-left: 1.066667rem;
}

.image_4 {
  width: 1.6rem;
  height: 1.6rem;
}

.text_33 {
  width: 5.44rem;
  height: 0.773333rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
  margin: 0.426667rem 0 0 0.533333rem;
}

.text_34 {
  width: 1.04rem;
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(244, 244, 244, 1);
  font-size: 0.373333rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 0.56rem;
  margin: 0.533333rem 0 0 auto;
}

.text_35 {
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(244, 244, 244, 1);
  font-size: 0.373333rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 0.56rem;
  margin: 0.533333rem 0 0 0.853333rem;
}

.text_36 {
  width: 1.893333rem;
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(244, 244, 244, 1);
  font-size: 0.373333rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 0.56rem;
  margin: 0.533333rem 0 0 0.853333rem;
}

.text_37 {
  width: 2.48rem;
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(244, 244, 244, 1);
  font-size: 0.373333rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 0.56rem;
  margin: 0.533333rem 1.386667rem 0 0.853333rem;
}

.text-wrapper_9 {
  width: 39.306667rem;
  margin: 5.44rem auto 0 auto;
}

.text_38 {
  width: 39.306667rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.133333rem;
  font-weight: 700;
  text-align: center;
}

.text-wrapper_10 {
  width: 39.306667rem;
  height: 0.88rem;
  margin: 0.466667rem auto 0;
}

.text_39 {
  width: 39.306667rem;
  height: 0.88rem;
  overflow-wrap: break-word;
  color: #929292;
  font-size: 0.586667rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 0.88rem;
}

.image_6 {
  position: absolute;
  left: 38.266667rem;
  top: -2.986667rem;
  width: 15.253333rem;
  height: 15.253333rem;
}

/* ====== 汇率轮播样式 ====== */
.list-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.13778rem;
  margin: 0 auto;
  width: 42.667rem;
}
.list-item {
  display: flex;
  align-items: center;
  width: 20.7644rem;
  height: 4.69333rem;
  background: #171E2B;
  border: 2px solid #212225;
  border-radius: 0.711111rem;
  padding: 0.6rem 1.13778rem;
}
.list-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.77rem;
}
.list-texts1 {
  display: flex;
  flex-direction: column;
  gap: 0.2133rem;
  width: 5.1911rem;
}
.list-texts2 {
  display: flex;
  flex-direction: column;
  gap: 0.2133rem;
  margin-left: 0.7111rem;
}
.list-symbol {
  font-size: 0.85333rem;
  font-weight: 600;
  color: #fff;
}
.list-price {
  font-size: 0.711111rem;
  color: #fff;
}
.list-change,
.list-change-abs {
  font-size: 0.711111rem;
}
.list-change-abs {
  font-weight: 400;
}
.list-item.up .list-change,
.list-item.up .list-change-abs {
  color: #3ad89f;
}
.list-item.down .list-change,
.list-item.down .list-change-abs {
  color: #ff7458;
}
.list-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.555rem;
  height: 1.4222rem;
  margin-left: auto;
  border-radius: 1.4rem;
  color: #ffffff;
  background-color: #0161FC;
  font-size: 0.56888rem;
  cursor: pointer;
  text-decoration: none;
}

/* 响应式：与页面统一宽度 */
.group_1 > .list-wrap {
  width: 51.2rem;
  margin: 0rem auto 0 auto;
  background: #171e2b;
}

.footer_Box {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  gap: 0.8rem;
  padding: 1.6rem 0;
  margin-top: 4rem !important;
}
.footer_text {
  width: 32rem;
  overflow-wrap: break-word;
  color: rgba(146, 146, 146, 1);
  font-size: 0.48rem;
  font-weight: normal;
  text-align: center;
}

/* next Modal */
.next-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  align-items: center;
  justify-content: center;
}

.next-modal.active {
  display: flex;
}

.next-modal-content {
  display: flex;
  flex-direction: column;
  width: 19.2rem;
  max-height: 80vh;
  padding: 0.85333rem;
  background: #27292D;
  border-radius: 0.85333rem;
  border: 1px solid #35373B;
}

.next-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.14rem;
}

.next-modal-header h2 {
  color: #FFF;
  font-size: 0.85333rem;
  font-weight: 700;
  margin: 0;
}

.next-close-btn {
  width: 0.74667rem;
  height: 0.74667rem;
  background: transparent;
  border: none;
  color: #F4F4F4;
  font-size: 1.06667rem;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.next-content {
  flex: 1;
  font-size: 0.5rem;
  font-weight: 400;
  color: #e7e7e7;
  overflow-y: auto;
}

.next-content li {
  display: flex;
  align-items: baseline;
  gap: 0.28444rem;
}
.next-content li::before {
  content: '';
  position: relative;
  bottom: 0.05rem;
  flex: none;
  width: 0.213333rem;
  height: 0.21333rem;
  border-radius: 50%;
  background-color: #e7e7e7;
}

.next-checkbox {
  display: flex;
  align-items: center;
  gap: 0.21333rem;
  margin-top: 0.84rem;
}

.next-checkbox input[type="checkbox"] {
  width: 0.53333rem;
  height: 0.53333rem;
  cursor: pointer;
}

.next-checkbox label {
  color: #929292;
  font-size: 0.48rem;
  font-weight: 400;
  cursor: pointer;
}

.next-submit-btn {
  width: 100%;
  height: 1.76rem;
  margin-top: 1.14rem;
  padding: 0.32rem 0.64rem;
  background: #0161FC;
  border-radius: 2.66667rem;
  border: none;
  color: #FFF;
  font-size: 0.64rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s;
}

.next-submit-btn:hover {
  background: #0151DC;
}

.next-submit-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}