.hodl_finances_detail {
  /* font: 500 16rem 'Gate_Sans Medium'; */
  font-weight: 500;
  font-size: 16rem;
  color: var(--color-text-5);
  background-color: var(--color-bg-3);
}

:root {
  --warn-message-color: #ffffff;
  --tile-color: #000000;
  --sure-password-bg: #FFFCF3;
  --sure-time-bg: #BCBDC0;
  --product-tag-color: #13BF86;
  --product-tag-bg: #E9FFE6;
  --tip-but-color: #04091A;
  --input-color: #C2C5CC;
  --input-border: #E6E9F2;
  --detail-step-color: #F2F2F2;
  --recommend-direction-color: #F5F6FA;
  --recommend-direction-bg: #F5F6FA;
  --recommend-coin-color: #565D73;
  --input-border-color: #E6E9F2;
  --bubble-bg: rgba(4, 9, 26, 0.9);
  --risk-type-bg1: rgba(17, 173, 122, .1);
}


/*  */

:root .classic-dark {
  --warn-message-color: #ffffff;
  --tile-color: #ffffff;
  --sure-password-bg: #282724;
  --product-tag-color: rgb(11, 186, 128);
  --product-tag-bg: rgb(20, 42, 39);
  --sure-time-bg: #989FB3;
  --tip-but-color: #3366FF;
  --input-color: #474F66;
  --input-border: #0F1526;
  --detail-step-color: #989FB3;
  --recommend-direction-color: #1F2433;
  --recommend-direction-bg: #04091A;
  --recommend-coin-color: #565D73;
  --input-border-color: #2A2F40;
  --bubble-bg: rgba(71, 79, 102, 0.9);
  --risk-type-bg1: rgba(19, 191, 134, .2);
}


.banner {
  background: url(/images/hodl/loan_light.png) no-repeat;
  background-size: cover;
  backdrop-filter: blur(80px);
  margin-top: -74rem;
  padding-top: 96px;
  background-position: center center;
  background-size: cover;
  margin-top: -61px;
}

.hodl_detail_body {
  background: #ffffff;
}

.hodl_detail_container {
  margin: 0 auto;
  width: 1200px;
  padding: 40px 0;
}

.hodl_detail_title {
  font-style: normal;
  font-weight: 600;
  font-size: 16rem;
  line-height: 16rem;
  margin-bottom: 56rem;
}

.hodl_detail_title a {
  color: #B8BDCC;
}

.hodl_detail_title span {
  margin: auto 4px;
  color: #B8BDCC;
}

.hodl_detail_title .product_detail {
  margin: auto 4px;
  color: var(--color-text-1) !important;
}

.modal-header {
  display: flex;
  justify-content: space-between;
}

.message_error {
  color: #CC3D3D;
}

.tips-popup-content-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24rem;
  line-height: 150%;
  color: var(--color-text-1);
  margin-bottom: 20rem;
}

.tips-popup-content-text {
  display: flex;
  margin-bottom: 16rem;
  align-items: flex-start
}

.content_img {
  width: 320rem;
  min-height: 320rem;
  object-fit: contain;
  height: 320rem;
}

.tips-popup-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 1.4rem;
}

.modal-contain-ul {
  list-style-type: disc;
}

.tips-popup-main {
  background-color: var(--color-card-2);
  border-radius: 0.2133rem;
  justify-content: space-between;
  align-items: end;
  position: absolute;
  top: 23%;
  width: 620rem;
  left: 50%;
  transform: translate(-50%);
  border-radius: 16rem;
  padding: 32rem 40rem 32rem 40rem;
}

.tips-popup-footer-left {
  padding: 16rem 50rem;
  background: #EEF1FA;
  border-radius: 8rem;
  font-style: normal;
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;
  color: #04091A;
  text-align: center;
  cursor: pointer;

}

.tips-popup-footer-right {
  padding: 16rem 50rem;
  background: var(--color-brand-1);
  border-radius: 8rem;
  font-style: normal;
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;
  text-align: center;
  color: var(--warn-message-color);
  cursor: pointer;
}

.success-tips-popup-footer-left {
  padding: 16rem 50rem;
  background: #EEF1FA;
  border-radius: 8rem;
  font-style: normal;
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;
  color: var(--tip-but-color);
  text-align: center;
  cursor: pointer;

}

.acknowledge-order-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 1.4rem;
}

.modal-password {
  font-size: 16rem;
  cursor: pointer;
  color: #B8BDCC;
}

.tips-popup-content-describe {
  font-style: normal;
  font-weight: 400;
  font-size: 16rem;
  line-height: 150%;
  color: #8D93A6
}

.tips-popup-footer {
  margin-top: 40rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24rem;
}

.hodl_detail_main_left {
  position: relative;
}

.hodl_detail_content {
  background: var(--color-bg-4);
  box-shadow: 0rem 4rem 40rem rgba(23, 56, 153, 0.12);
  border-radius: 16rem;
  padding: 40rem;
  margin-bottom: 140rem;
  overflow: hidden;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 32rem;
  align-items: center;
}
@media screen and (min-width: 1919px) {
  .hodl_detail_content {
    grid-gap: 40rem;
  }
}

.daily_product {
  margin-top: 32rem;
}

.product_header {
  display: flex;
  align-items: center;
}

.product_name {
  font-style: normal;
  font-weight: 600;
  font-size: 28rem;
  line-height: 28rem;
  color: var(--color-text-1);
}

.hodl_detail_main_right {
  flex: 1 1 auto;
  padding: 20rem 0;
}

.product_text {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1fr;
  text-align: center;
}

.product_tag {
  color: var(--product-tag-color);
  background: var(--product-tag-bg);
  border-radius: 30.9473rem;
  padding: 8rem 10rem;
  flex: none;
  order: 1;
  margin: 0rem 16rem;
  flex-grow: 0;
  font-size: 14rem;
}

.product_detailed_main {
  text-align: center;
}

.item-new-user {
  display: inline-flex;
}

.new-user-exclusive {
  color: var(--color-brand-1);
}
.promotions_text {
  position: relative;
}
.iconfont-symbol {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.select-label {
  display: flex;
  /* align-items: center; */
  /* gap: 4px;
  text-align: center;
  margin: 0 auto; */
  /* justify-content: ; */
}

.act_promotions {
  position: relative;
  font-weight: 600;
  padding: 4rem;
  color: #FFFFFF;
  background: linear-gradient(90deg, #16D9D9 0%, #1979FF 100%);
  border-radius: 4rem;
  top: -10rem;
  right: 0rem;
  font-size: 12rem;
  line-height: 12rem;
}

.act-new-user {
  position: relative;
  padding: 4rem;
  color: #FFFFFF;
  background: linear-gradient(270deg, #16D9D9 0%, #17E6A1 100%);
  border-radius: 4rem;
  top: -10rem;
  right: 0rem;
  font-size: 12rem;
  line-height: 12rem;
  max-width: 76rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.act_promotions.first_promote {
  top: -30px;
  right: 10px;
}

.act-new-user.first_promote {
  top: -30px;
  right: 30px;
}

.product_detailed_text {
  font-style: normal;
  font-weight: 600;
  font-size: 28rem;
  line-height: 28rem;
  color: var(--color-text-1);
  margin-bottom: 16rem;
}

.buy_coin {
  font-style: normal;
  font-weight: 700;
  font-size: 14.6829rem;
  line-height: 15rem;
  color: var(--color-brand-1);
  cursor: pointer;
}

.buy_coin_number {
  margin-top: 12rem;
  flex-wrap: nowrap;
}

.buy_coin_number_pos {
  margin-top: 10rem;
}

.buy_coin_number input {
  border: 1.04878rem solid var(--input-border);
  min-height: 52rem;
}

.buy_coin_number input::placeholder {
  color: var(--input-color);

}

.buy_coin_status {
  /* margin-left: 16rem; */
}

.buy-coin-right-section > span {font-size: 16px;line-height: 16px;}
.buy-coin-right-section > span:first-child {
  margin-right: 4px;
  padding-right: 4px;
  border-right: 1px solid var(--color-divider-2);
  color: var(--color-text-2);
}
.buy-coin-right-section > span:last-child {
  pointer-events: auto;
  color: var(--color-brand-1);
  margin-right: 14px;
  font-weight: 600;
  cursor: pointer;
}

.available {
  font-style: normal;
  font-weight: 400;
  font-size: 14rem;
  line-height: 15rem;
  margin-right: 16.78rem;
  color: var(--color-text-2);
}
html[lang="ar"] .available {
  margin-right: 0;
  margin-left: 16.78rem;
}

.product_detailed_value {
  font-style: normal;
  font-weight: 400;
  font-size: 16rem;
  line-height: 16rem;
  color: var(--color-text-3);
}
.product_detailed_value__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_detailed_value__inner p {
  margin-bottom: 0;
}
.product_detailed_value__inner .iconfont-symbol {
  margin-left: 5px;
  cursor: pointer;
  color: var(--color-text-4);
}
.product_detailed {
  margin-top: 35rem;
  margin-bottom: 49rem;
  display: grid;
  padding-right: 6rem;
}

.ordinary {
  margin-bottom: 30rem !important;
  display: block !important;
}

.pos {
  margin-bottom: 62rem !important;
  display: block !important;

}

.product_detail_main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  text-align: center;
}

.hodl_detail_info {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 600px auto;
  grid-column-gap: 75px;
}

.product_details {}

.product_details_name {
  font-style: normal;
  font-weight: 600;
  font-size: 40rem;
  color: var(--color-text-1);
  line-height: 40rem;
  margin-bottom: 48rem;
}

.product_finances_details {
  background: var(--color-card-1);
  border-radius: 16rem;

  padding: 40rem 64rem 40rem 61rem;
}

.product_detailed_introduce {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hodl_detail_intro_text {
  font-style: normal;
  font-weight: 400;
  font-size: 16rem;
  line-height: 14rem;
  color: var(--color-text-3);
  margin-bottom: 24rem;
  text-align: left;
}

.participation_rules {
  margin-top: 180rem;

}

.participation_rules_name {
  font-style: normal;
  font-weight: 600;
  font-size: 40rem;
  line-height: 40rem;
  color: var(--color-text-1);
  margin-bottom: 59rem;
}

.hodl_detail_intro_value {
  font-style: normal;
  font-weight: 600;
  font-size: 16rem;
  line-height: 14rem;
  color: var(--color-text-2);
}

.hodl_detail_info_badge {
  position: absolute;
  right: -76px;
  top: -80px;
  transform: rotate(45deg);
  width: 147px;
  height: 147px;
  display: flex;
  flex-direction: column-reverse;
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 25px;
  text-align: center;
  padding-bottom: 6px;
}


.hodl_detail_info_pos_bg {
  background-color: #0CCC92;
}

.hodl_detail_info_day_bg {
  background-color: #956AF9;
}

.hodl_detail_info_lock_bg {
  background-color: #22CAF4;
}

.hodl_detail_info_title {
  font-size: 28px;

  font-weight: 500;
  color: #333333;
  line-height: 36px;
}

.hodl_detail_info_card1,
.hodl_detail_info_card2 {
  width: 100%;
  padding: 24px;
  border-radius: 8px;
  background: #F7F7F7;
  box-sizing: border-box;
  margin-top: 32px;
  position: relative;
}

.hodl_detail_info_card1_invertTime {
  margin: 8px 0 0px 0;
  display: block;
}

.hodl_detail_field_surplus {
  display: flex;
  /* margin-bottom: -5px; */
  line-height: 22px;
}

.hodl_detail_field_empty {
  visibility: hidden;
  margin-right: 16px;
  min-width: 57px;
}

.distance {
  margin-bottom: 5px;
}

.hodl_detail_btn {
  outline: none;
  border: none;
  border-radius: 99px !important;
  width: 100%;
  text-align: center;
  cursor: pointer;
  font-size: 16rem;
  font-weight: 500;
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
html[lang='ru'] .hodl_detail_btn {
  font-size: 12rem;
}

.sold_out {
  position: absolute;
  right: -151rem;
  top: 27rem;
  transform: rotate(44.59deg);
  width: 400rem;
  height: 31rem;
  display: flex;
  flex-direction: column-reverse;
  font-size: 18rem;
  font-weight: 500;
  color: var(--warn-message-color);
  line-height: 25rem;
  padding-bottom: 6rem;
  text-align: center;
  background-color: var(--color-text-2)
}

.ar_sold {
  left: -152rem;
  transform: rotate(144deg);
  right: inherit
}

.pos_button {
  box-sizing: border-box !important;
  max-width: inherit !important;
}

.hodl_detail_info_primary_btn {
  background: var(--color-brand-1);
  color: #FFFFFF;
  padding: 6rem 12rem;
  min-height: 52rem;
  border-radius: 8.39024rem;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-line;
}

.investment input {
  border-radius: 4rem;
  font-style: normal;
  font-weight: 600;
  font-size: 28rem;
  line-height: 28rem;
  color: var(--color-text-1);
  height: 44rem;
  text-align: center;
  border: 1px solid var(--input-border-color);
  /* width: 212px; */
}

.success_modal>img {
  width: 600rem;
  height: 260rem;
}

.hodl_detail_info_primary_btn:hover {
  background: #1B41B2;
}

.hodl_detail_info_finish_btn {
  background: #E6E9F2 !important;
  color: #B8BDCC;
  padding: 16rem 3rem;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-line;
  border-radius: 8rem;
  cursor: not-allowed !important
}

.hodl_detail_info_primary_btn:hover {
  background: #1B41B2;
}

.hodl_detail_info_default_btn {
  background: transparent;
  color: var(--brandColor);
  border: 1px solid var(--brandColor);
}

.hodl_detail_btn:disabled {
  background-color: #CCCCCC;
  border: none;
}

button[disabled] {
  background-color: #CCCCCC !important;
}

.hodl_detail_field_container {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.hodl_detail_field_container_position {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.hodl_detail_field_title {
  min-width: 57px;
  color: #999999;
  margin-right: 16px;
  white-space: nowrap;
}

.hodl_detail_year_rate {
  font-size: 24px;

  font-weight: 500;
  color: #e63e62;
  /* line-height: 32px; */
}

.hodl_detail_day_rate {
  display: inline-block;

  font-weight: 500;
  color: #e63e62;
  /* line-height: 20px; */
  background: #FCEDEF;
  border-radius: 4px;
  padding: 2px 4px;
  margin-left: 8px;
}

.hodl_detail_fields {
  /* display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 32px; */
}

.hodl_detail_field_rule {
  margin: 8px 0px;
}

.hodl_detail_field_value {

  font-weight: 500;
  color: #333333;
}

.hodl_detail_field_value_dividend {
  line-height: 20px;
  text-align: center;
  font-weight: 500;
  color: #333333;
}

.hodl_detail_field_tip {
  font-size: 12px;
  color: var(--brandColor);
  line-height: 18px;
}

.hodl_detail_h2 {
  font-size: 24px;
  font-weight: 500;
  color: #333333;
  line-height: 34px;
}

.hodl_detail_intro {
  margin-top: 32px;
  /* display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: space-between; */
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-column-gap: 80px;
  grid-row-gap: 24px;
}

.hodl_detail_intro_item_title {
  color: #666666;
  line-height: 22px;
}

.hodl_detail_intro_item_value {
  margin-top: 10px;
  font-size: 16px;

  font-weight: 500;
  color: #333333;
  line-height: 22px;
}

.hodl_detail_step_container {
  margin: 120px auto;
  margin-bottom: 92px;
  display: grid;
  /* min-width: 1316rem; */
  /* max-width: 1316rem; */
  /* grid-template-columns: 14px auto 14px auto 14px auto 14px auto 14px; */
  grid-template-columns: 14px auto 14px auto 14px;
}

.logon_last_text {
  margin-left: -200rem;
  text-align: right !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color-text-4) !important;
}

.logon_first_text {
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 300px;
  overflow: hidden;
}

.logon_last_val {
  margin-left: -160rem;
}

.hodl_detail_step_item {
  text-align: center;
  width: 14px;
  height: 14px;
  background-color: transparent;
  box-sizing: border-box;
  border: 3px solid var(--brandColor);
  border-radius: 50%;
  text-align: center;
}

.hodl_detail_step {
  display: flex;
}

.hodl_detail_step_line {
  width: 80%;
  height: 2rem;
  background: rgba(35, 84, 230, 0.8) !important;
  margin-top: 5rem;
}

.hodl_detail_step_right {
  width: 20%;
  height: 2rem;
  background: var(--detail-step-color);
  margin-top: 5rem;
}



.hodl_detail_step_title_container {
  /* margin-left: -96px; */
  margin-top: -50rem;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;

  color: var(--color-text-1);
}

.hodl_detail_day {
  font-size: 24px;
  margin-right: 4px;
}

.hodl_detail_step_value_container {
  margin-top: 54px;
  text-align: center;
}

.hodl_detail_step_title {
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;
  width: fit-content;
  white-space: nowrap;
  /* color: var(--color-text-1); */
}

.hodl_detail_step_value {
  text-align: initial;
  display: inline-block;
  font-size: 16px;

  font-weight: 500;
  color: var(--color-text-3);
  line-height: 22px;
  min-width: 200px;
}

.hodl_detail_rule_item_container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 64px;
  grid-row-gap: 24px;
  padding: 39rem 115rem 40rem 64rem;
  background: var(--color-card-1);
  margin-bottom: 140rem;
  border-radius: 16rem;
}

.hodl_detail_rule_item {}

.hodl_detail_rule_item_cn {
  grid-template-columns: 56px auto;
}

.hodl_detail_rule_key {
  font-style: normal;
  font-weight: 400;
  font-size: 16rem;
  line-height: 14rem;
  color: var(--color-text-3);
}

.hodl_detail_rule_value {
  font-style: normal;
  font-weight: 600;
  font-size: 16rem;
  line-height: 18rem;
  /* or 112% */
  color: var(--color-text-2);
  margin-top: 24rem;

  /* white-space: nowrap; */
}

.hodl_detail_desc {
  font-style: normal;
  font-weight: 400;
  font-size: 20rem;
  line-height: 180%;
  color: var(--color-text-1);
}

.hodl_detail_intro_tip {
  color: #999999;
  font-style: normal;
  font-weight: 400;
  font-size: 16rem;
  line-height: 20rem;
  margin-top: 39rem;

}



.project_introduction {
  padding-bottom: 140rem;
}

.project_introduction_name {
  font-style: normal;
  font-weight: 600;
  font-size: 40rem;
  line-height: 40rem;
  color: var(--color-text-1);
  margin-bottom: 72rem;
}

/* recommend */


.recommend {
  padding-bottom: 125rem;
  display: none;
}

.recommend_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48rem;

}

.recommend button[disabled] {
  background-color: #F5F6FA !important;
  color: #B8BDCC;
}

.direction_left {
  background: var(--recommend-direction-color);
  border-radius: 8rem;
  margin-right: 16rem;
  padding: 12rem 10rem;
  cursor: pointer;
  display: inline-block;
  transform: rotate(270deg);
  border: 0;
}

.direction_left:hover,
.direction_right:hover {
  color: #2354E6;
  background: var(--recommend-direction-bg);
}

.direction_right {
  background: var(--recommend-direction-color);
  border-radius: 8rem;
  padding: 12rem 10rem;
  cursor: pointer;
  display: inline-block;
  transform: rotate(90deg);
  border: 0;
}

.recommend_name {
  font-style: normal;
  font-weight: 600;
  font-size: 40rem;
  line-height: 40rem;
}

.recommend_card {
  display: flex;
  grid-column-gap: 24rem;
  margin-bottom: 140rem;
  position: relative;
  white-space: nowrap;
  overflow-x: hidden;
}

.recommend_item {
  padding: 24rem 0 24rem 24rem;
  background: var(--color-card-2);
  min-width: 426rem;
  border: 1px solid #EEF1FA;
  cursor: pointer;
  box-shadow: 0rem 4rem 16rem rgba(23, 56, 153, 0.06);
  border-radius: 8rem;
}

.hold_recommend_card_header>img {
  width: 42rem;
  height: 42rem;
  border-radius: 32rem;
  margin-right: 12rem;
}

.hold_recommend_card_coin_name {
  margin-top: 12rem;
  font-style: normal;
  font-weight: 600;
  font-size: 14rem;
  line-height: 14rem;
  height: 14rem;
}

.hold_recommend_card_header {
  display: flex;
}

.hold_recommend_card_main {
  display: flex;
  justify-content: space-between;
  margin-bottom: 28rem;
  align-items: flex-start;
}

.hold_recommend_card_term {
  display: flex;
  margin-right: 16rem;
  justify-content: space-between;
  align-items: center;
}

.hold_recommend_card_type {
  font-style: normal;
  font-weight: 600;
  font-size: 12rem;
  line-height: 12rem;
  letter-spacing: 0.4rem;
  background: #FFF4E8;
  color: #FF8C19;
  padding: 8rem 12rem;
  border-radius: 16rem 0px 0px 16rem;
}

.hold_recommend_card_type.risk_orange {
  color: var(--color-funct-4);
  background: rgba(255, 134, 13, 0.2);
}

.hold_recommend_card_type.risk_green {
  color: var(--color-funct-2);
  background: var(--risk-type-bg1)
}


.hold_recommend_card_subscribe {
  background: var(--color-brand-1);
  border-radius: 4rem;
  font-style: normal;
  font-weight: 600;
  font-size: 16rem;
  line-height: 16rem;
  color: #FFFFFF;
  padding: 12rem 24rem;
  cursor: pointer;
}

.hold_recommend_card_subscribe:hover {
  background: #1B41B2;
}

.hold_recommend_card_arr_text {
  font-style: normal;
  font-weight: 400;
  font-size: 14rem;
  line-height: 14rem;
  margin-top: 8rem;
  color: var(--color-text-3);
}

.hold_recommend_card_arr_value {
  font-style: normal;
  font-weight: 600;
  font-size: 32rem;
  line-height: 32rem;
}

.recommend_card_coin {
  font-style: normal;
  font-weight: 600;
  font-size: 16rem;
  line-height: 16rem;
  color: var(--color-text-1);
}

.recommend_card_coin_cn {
  font-style: normal;
  font-weight: 400;
  font-size: 14rem;
  line-height: 14rem;
  color: var(--recommend-coin-color);

}

.recommend_card_coin_name {
  font-style: normal;
  font-weight: 600;
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-text-1);
  margin-top: 12rem;
}

.hodl_detail_modal_success {
  text-align: center;
}

.hodl_detail_modal_primary_btn {
  background: var(--brandColor);
  color: var(--warn-message-color);
}

.hodl_detail_modal_default_btn {
  background: transparent;
  color: var(--brandColor);
  border: 1px solid var(--brandColor);
}

.hodl_detail_modal_num {
  color: var(--brandColor);
}

.hodl_detail_warning_icon {
  line-height: 18px;
  font-size: 16px;
  /* margin-left: 4px; */
}

.hodl_detail_hot_icon {
  font-size: 12px;
  color: var(--brandColor);
  margin-right: 4px;
}

.hodl_detail_info_red {
  font-weight: 500;
  line-height: 18px;
}

.hodl_detail_modal_warning {
  margin-top: 8px;
  font-size: 12px;
  color: #E64E62;
  line-height: 18px;
  display: flex;
}

.hodl_detail_countdown_number {
  display: inline-block;
}

.hodl_detail_countdown_colon {
  color: #000000;
  font-size: 28rem;
}

.hodl_detail_countdown_rect {
  width: fit-content;
}


.hold_detail_sold_out {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  z-index: 99;
}

.simple-progress {
  margin-bottom: 8rem;
  width: 100%;
  position: relative;
  height: 8rem;
  border-radius: 36rem;
  overflow: hidden;
}

.simple-progress-bg {
  height: 8rem;
  border-radius: 15rem;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-divider-2);
  width: 100%;
}

.simple-progress-slider {
  height: 8rem;
  border-radius: 15rem;
  position: absolute;
  top: 0;
  left: 0;
}

.simple-progress-slider-active {
  background: #11AD7A;

}


.simple-progress-slider-default {
  background: #CCCCCC;
}

.product_detailed_simple {
  margin-top: 12rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 8rem;
  margin-bottom: 32rem;
}

.position_total {
  font-style: normal;
  font-weight: 400;
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-text-4);
}

.position_part {
  font-style: normal;
  font-weight: 400;
  font-size: 14rem;
  line-height: 14rem;
  color: var(--color-text-2);
}


.position_percent {
  color: var(--color-text-2);
  font-style: normal;
  font-weight: 400;
  font-size: 14rem;
  line-height: 14rem;
}

.product_footer {
  display: flex;
  grid-column-gap: 24rem;
  align-items: flex-end
}

html[lang='ru'] .product_footer_left {
   width: 34%;
}

.product_footer_left {
  background: var(--color-card-1);
  border-radius: 8rem;
  /* max-width: 478px; */
  box-sizing: border-box;
  padding: 18rem 12rem;
  flex: 0 0 48%
}

.product_footer_right {
  flex: 1 0;
}

.lock_rules {
  display: flex;
  gap: 16px;
}

/* @media screen and (max-width: 768px) {
  .lock_rules:last-child {
    flex-direction: column;
    gap: 10rem;
  }
  .lock_detail_value {
    text-align: left !important;
  }
} */

.lock_rules:not(:last-child) {
  margin-bottom: 6rem;
}

.lock_detail_text {
  font-style: normal;
  font-weight: 400;
  font-size: 12rem;
  line-height: 150%;
  color: var(--color-text-3);
  max-width: 30%;
}

.lock_detail_value {
  text-align: right;
  text-align: right;
  color: var(--color-text-2);
  font-style: normal;
  font-weight: 500;
  font-size: 12rem;
  line-height: 150%;
  flex: 1 0 calc(70% - 16px);
}

.bottom_rules {
  margin-bottom: 16rem;
}

.hodl_detail_intro_container {
  margin: 56px auto;
}

.hodl_detail_desc_container {
  margin-top: 56px;
  overflow-wrap: anywhere;
}


/* 锁仓订单 */
.acknowledge-order {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 1.4rem;
}


.acknowledge-order-main {
  background-color: var(--color-card-2);
  border-radius: 0.2133rem;
  justify-content: space-between;
  align-items: end;
  position: absolute;
  top: 23%;
  width: 500rem;
  left: 33%;
  border-radius: 16rem;
  padding: 24rem 24rem 40rem 40rem;
}

.acknowledge-popup-content-title {
  font-weight: 600;
  font-size: 24rem;
  line-height: 36rem;
  color: var(--color-text-1);
  margin-top: 16rem;
}

.acknowledge-modal-info {
  margin-top: 32rem;
  color: var(--color-text-3);
  font-weight: 400;
  font-size: 16rem;
  line-height: 16rem;
}

.acknowledge-modal-info-auto-reinvestment-tips {
  display: flex;
  margin-top: 20rem;
  padding: 12rem;
  border-radius: 4px;
  font-size: 12rem;
  line-height: 150%;
  color: var(--color-text-2);
  background: #fffcf3;
  border: 1px solid rgba(255, 197, 25, 0.6)
}
.classic-dark .acknowledge-modal-info-auto-reinvestment-tips {
  background: #34332f;
  border: 1px solid rgba(255, 197, 25, 0.6);
  height: 100%;
}
.acknowledge-modal-info-auto-reinvestment-tips .icon-wrapper{
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin-right: 10rem;
}
.acknowledge-modal-info-auto-reinvestment-tips .iconfont-symbol {
  color: rgba(255, 194, 13, 1);
  width: 100%;
  height: 100%;
}

.acknowledge-popup-footer {
  margin-top: 32rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24rem;
}

.acknowledge-popup-footer-left {
  padding: 16rem 50rem;
  background: var(--color-neutral-2);
  border-radius: 8rem;
  font-style: normal;
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;
  color: var(--color-text-1);
  text-align: center;
  cursor: pointer;

}

.acknowledge-popup-footer-right {
  padding: 16rem 50rem;
  background: var(--color-brand-1);
  border-radius: 8rem;
  font-style: normal;
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;
  text-align: center;
  color: var(--warn-message-color);
  cursor: pointer;

}

.acknowledge_modal_num {
  font-style: normal;
  font-weight: 400;
  font-size: 16rem;
  line-height: 16rem;
  color: var(--color-funct-2);
}

/* 密码 */

.fund-password-order {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 1.4rem;
}

.fund-password-order-main {
  background-color: var(--color-card-2);
  border-radius: 0.2133rem;
  justify-content: space-between;
  align-items: end;
  position: absolute;
  top: 30%;
  width: 500rem;
  left: 35%;
  border-radius: 16rem;
  padding: 24rem 24rem 24rem 40rem;
}

.fund-password-popup-sure {
  margin-top: 32rem;
}

.fund-password-popup-sure-title {
  font-style: normal;
  font-weight: 400;
  font-size: 12rem;
  line-height: 12rem;
  color: var(--color-text-3);
  margin-bottom: 8rem;
}

.fund-password-popup-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fund-password-popup-sure-message {
  margin-top: 20rem;
  background: var(--sure-password-bg);
  border-radius: 4rem;
  padding: 8rem 36rem 8rem 13.5rem
}

.modal-password-close {
  cursor: pointer;
  font-size: 16rem;
  cursor: pointer;
  color: #B8BDCC;
}

.fund-password-popup-sure-time {
  margin-left: 9.5rem;
  font-style: normal;
  font-weight: 400;
  font-size: 12rem;
  line-height: 150%;
  color: var(--sure-time-bg)
}

.fund-password-popup-footer {
  margin-top: 44rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 24rem;
}


.fund-password-popup-footer-left {
  padding: 16rem 50rem;
  background: var(--color-neutral-2);
  border-radius: 8rem;
  font-style: normal;
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;
  color: var(--color-text-1);
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fund_password {
  cursor: pointer;
}

.fund-password-popup-footer-right {
  padding: 16rem 50rem;
  background: var(--color-brand-1);
  border-radius: 8rem;
  font-style: normal;
  font-weight: 600;
  font-size: 20rem;
  line-height: 20rem;
  text-align: center;
  color: var(--warn-message-color);
  cursor: pointer;
  margin-right: 16rem;
}

.explain {
  color: #FFC20D;
}


/* 成功 */
.success-tips-popup-main {
  background-color: var(--color-card-2);
  border-radius: 0.2133rem;
  /* display: flex; */
  justify-content: space-between;
  align-items: end;
  position: absolute;
  top: 20%;
  width: 620rem;
  left: 31%;
  padding: 24rem 24rem 40rem 40rem;
  border-radius: 16rem;
}

.success-tips-popup-content-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24rem;
  line-height: 150%;
  color: var(--color-text-1);
  margin-bottom: 20rem;
  text-align: right;
  cursor: pointer;
}

.purchase {
  font-style: normal;
  font-weight: 600;
  font-size: 24rem;
  line-height: 1;
  color: var(--color-text-1);
  margin-bottom: 12rem;
  text-align: center;
}

.success-details {
  font-style: normal;
  font-weight: 400;
  font-size: 16rem;
  line-height: 16rem;
  color: #B8BDCC;
  text-align: center;
  margin-bottom: 16rem;
}

.success_img {
  width: 80%;
  height: auto;
  margin: 0 auto;
  display: inherit;
}


/* message */
.warning_message_text {
  margin-left: 16rem;
}

.warning_message {
  box-sizing: border-box;
  margin: 0;
  padding: 16rem 24rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 10%;
  left: 42%;
  z-index: 1010;
  pointer-events: none;
  background: var(--warn-message-color);
  box-shadow: 0rem 4rem 16rem rgba(23, 56, 153, 0.06);
  border-radius: 8rem;
}

.classic-dark .banner {
  background: url(/images/hodl/loan_dark.png) no-repeat;
  background-size: cover;
}

.classic-dark .recommend_item {
  border: 0rem solid;
}

.classic-dark .hodl_detail_countdown_colon {
  color: #ffffff;
}

.classic-dark .hodl_detail_info_finish_btn {
  color: #474F66;
  background-color: #1F2433 !important;
}


.mantine_select_item {
  height: 40px;
  color: var(--color-text-1);
  border-radius: 0;
  line-height: 40px;
  padding: 0 16px;
  padding-right: 0;
}

.mantine_select_item:hover {
  background-color: var(--color-card-3);
  color: var(--color-brand-1);
}

.mantine_select_selected {
  background-color: var(--color-card-3);
  color: var(--color-brand-1);
}

.hodl_detail_investment_term_box {
  justify-content: center;
	display: flex;
  flex-wrap: wrap;
  gap: 8rem;
	align-items: center;
	position: relative;
	min-width: 256px;
	word-wrap: break-word;
	word-break: break-word;
	white-space: pre-line;
}

.hodl_detail_investment_term_item {
  position: relative;
  width: 100%;
}

.hodl_detail_investment_term_item_cycle {
  font-weight: 600;
  font-size: 24rem;
  line-height: 24rem;
  color: var(--color-text-1);
  background: var(--color-bg-1);
  border-radius: 5px;
  width: 100%;
  min-width: 72rem;
  height: 48rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.hodl_detail_investment_term_item_day {
  font-weight: 600;
  color: var(--color-text-1);
  font-size: 28rem;
  line-height: 28rem;
}

.hodl_detail_investment_term_item_active {
  color: var(--term-text-color2);
	background: var(--term-text-bg);
}

.hodl_detail_investment_term_item_icon {
  position: absolute;
  top: 3rem;
  right: 4rem;
  width: 16rem;
  height: 16rem;
  color: var(--color-text-3);
}

.hodl_detail_investment_term_item_active+svg {
  color: var(--color-brand-1);
}

.hodl_detail_product_footer_right_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14rem;
}
html[lang="ar"] .hodl_detail_product_footer_right_flex .mantine-Checkbox-label{
  margin-right: 5px;
}

html[lang='ru'] .hodl_detail_product_footer_right_flex>div:nth-of-type(1) {
  min-width: 60%;
}

.hodl_detail_product_footer_right_flex>div:nth-of-type(1) {
  min-width: 66%;
}

.hodl_detail_product_footer_right_flex>div:nth-of-type(2) {
  flex: 1;
  min-width: 30%;
}

.hodl_detail_product_footer_right_tooltip {
  border-bottom: 1px var(--color-text-2) dashed;
  cursor: pointer;
  color: var(--color-text-2);
  font-weight: 400;
}

.hodl_detail_product_footer_right_tooltip_body {
  white-space: initial;
  background-color: var(--bubble-bg);
  color: #fff;
}

.hodl_detail_product_footer_right_tooltip_arrow {
  background-color: var(--bubble-bg);
}

input.hodl_detail_product_footer_checkbox {
  background-color: var(--color-bg-1);
  border-color: var(--color-divider-1);
}

@media screen and (max-width: 991.9px) {
  .hodl_detail_content {grid-template-columns: 1fr}
}
@media screen and (max-width: 768px) {
  .hodl_detail_investment_term_item_cycle {font-size: 12px;line-height: 12px;height: 24px;}
}

.hold-detail-activity-recommend {
  margin-bottom: 140rem;
}
.hold-detail-activity-recommend .recommend_item {
  min-width: 0;
}
.hold-activity-recommend-header {
  margin-bottom: 24rem;
}
.hold-activity-recommend-header-left > img {
  width: 24rem;
  height: 24rem;
  margin-right: 12rem;
  border-radius: 50%;
}
.hold-activity-recommend-header-left > h3 {
  font-size: 14rem;
  font-weight: 600;
}
.hold-activity-recommend-subscribe {
  background: var(--color-brand-1);
  border-radius: 4rem;
  height: 40rem;
  line-height: 40rem;
  font-size: 16rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-right: 24rem;
}
.hold-activity-recommend-subscribe:hover {
  background: var(--color-brand-2);
}
.hold-activity-recommend-value {
  margin-bottom: 8rem;
  margin-right: 24rem;
  font-weight: 600;
}
.hold-activity-recommend-value > div:first-child {
  font-size: 28rem;
}
.hold-activity-recommend-value > div:last-child {
  font-size: 32rem;
}
.hold-activity-recommend-value > div:last-child > span {
  font-size: 20rem;
}
.hold-activity-recommend-label {
  margin-bottom: 24rem;
  margin-right: 24rem;
  font-size: 14rem;
  color: var(--color-text-3);
}
.hold-activity-recommend-days {
  color: var(--color-text-2);
}