<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,
body {
  height: auto;
}
em,
i {
  font-style: normal;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  position: relative;
  background: rgba(97, 97, 97, 0.2) url('/images/select_arr.svg') no-repeat right 7px !important;
}
select::-ms-expand {
  display: none;
}
.m_title {
  border: none;
  margin-bottom: 0;
  font-size: 20px;
}
.main_content {
  background: none;
}
.leftbar {
  min-height: 640px;
  border: none;
  width: 12%;
  padding: 0;
}
.leftbar .common-ask {
  width: 100%;
  height: 30px;
  display: block;
  line-height: 30px;
  padding-left: 18%;
  margin-top: 20px;
}
.sectioncont th {
  text-align: left;
}
.sectioncont th:last-child,
.sectioncont td:last-child {
  text-align: right;
}
.cl-od {
  width: 50%;
  min-height: 600px;
  box-sizing: border-box;
  padding: 20px 30px 60px;
}
.loan-list-box {
  position: relative;
  overflow: hidden;
  margin-right: -8px;
  height: 496px;
}
.loan-list-box:after {
  content: '';
  display: block;
  width: 10px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -1px;
}
.loan-list-box:hover:after {
  display: none;
}
.cl-od .btn {
  border: none;
  border-radius: 3px;
  font-size: 16px;
  cursor: pointer;
  width: 50%;
  max-width: 448px;
  margin: 0 auto;
  float: none;
  display: block;
}
.cl-od p {
  margin: 15px 0 8px;
  text-align: center;
}
.cl-right button,
.cl-right {
  float: right;
}
.cl-right .go-btn {
  float: none;
}
.push-con .cl-right .main_title {
  text-align: right;
}
.cl-left {
  float: left;
  border-right: 1px dashed #ddd;
}
.cl-right h1 svg,
.a-right svg {
  transform: rotate(180deg);
}
.cl-right .a-left svg {
  transform: rotate(0deg);
}
.cl-od h1 svg path {
  fill: #aaa;
}
.cl-od button img {
  width: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
.bro-ul {
  margin-bottom: 10px;
  height: 486px;
  overflow-y: scroll;
  display: none;
}
.bro-ul li &gt; span,
.cl-list-title span {
  float: left;
}
.bro-ul span i {
  color: #888;
  font-style: normal;
  margin-left: 2px;
}
.bro-ul span:nth-child(2),
.bro-ul span:nth-child(4) {
  font-size: 15px;
  line-height: 20px;
}
.bro-ul span:nth-child(1),
.cl-list-title span:nth-child(1) {
  width: 22%;
}
.bro-ul span:nth-child(2),
.cl-list-title span:nth-child(2) {
  width: 20%;
}
.bro-ul span:nth-child(3),
.cl-list-title span:nth-child(3) {
  width: 18%;
  font-weight: bold;
}
.bro-ul span:nth-child(4),
.cl-list-title span:nth-child(4) {
  width: 18%;
}
.bro-ul span:nth-child(5),
.cl-list-title span:nth-child(5) {
  width: 14%;
}
.bro-ul span:nth-child(6),
.cl-list-title span:nth-child(6) {
  width: 11%;
}
.bro-ul span:last-child,
.cl-list-title span:last-child {
  width: 8%;
}
.bro-ul span:nth-child(2) small {
  font-weight: normal;
}
.bro-ul span:nth-child(2) .least {
  display: block;
  color: #888;
}
.bro-ul span:nth-child(2) strong,
.bro-ul span:nth-child(4),
.bro-ul i b {
  color: #111;
}
.bro-ul span:nth-child(5) &gt; em {
  display: inline-block;
}
.bro-ul span:nth-child(4) &gt; small,
.bro-ul span:nth-child(5) &gt; small {
  font-style: normal;
  display: block;
}
.bro-ul span.all-out {
  line-height: 38px;
}
.my-od-prog {
  width: 100%;
  height: 3px;
  background: #d3d3d3;
  border-radius: 3px;
  max-width: 110px;
  margin-top: -13px;
}
.my-od-bar {
  height: 100%;
  background: #007980;
  border-radius: 3px;
}
.yellow-prog {
  background: #fa0;
}
.red-prog {
  background: #e64e62;
}
.orders-box .table-empty td,
.ad-order-box .table-empty td {
  width: 100% !important;
}
.orders-box .table-empty td p,
.ad-order-box .table-empty td p {
  padding-top: 0;
}
.table-empty i {
  text-align: center;
  line-height: 15px;
}
.range i {
  font-style: normal;
}
#tablePending.n-confirm .imp-tips {
  margin-bottom: 10px;
}
.bro-ul span:nth-child(1) .uname {
  font-style: normal;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  border: none;
  padding: 3px;
  text-align: center;
  color: #fff;
  float: left;
  margin: 4px 4px 0 0;
  position: relative;
}
.bro-ul span:nth-child(1) .uname:after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: green;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #fff;
  border-radius: 5px;
}
.loan-list-box-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.real_name_registration {
  width: 13px;
  position: relative;
  bottom: 8px;
  left: 3px;
}
.real_name_nick {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto !important;
  max-width: calc(100% - 20px) !important;
  display: inline-block;
}
.bro-ul li {
  height: 38px;
  line-height: 38px;
  padding: 8px 0 8px 8px;
  cursor: pointer;
  font-size: 15px;
  color: #555;
}
.bro-ul .mine {
  position: relative;
  overflow: hidden;
  cursor: default;
}
.bro-ul .mine small {
  color: #0c3f63;
}
.bro-ul .mine:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: red;
  position: absolute;
  top: -8px;
  right: -8px;
  transform: rotate(45deg);
}
.bro-ul li:nth-child(odd) {
  background: #f1f1f1;
}
.bro-ul li:hover {
  background: #e1e1e1;
  border-color: #e1e1e1;
}
.bro-ul li span:nth-child(3) div {
  color: #888;
  font-weight: bold;
}
.bro-ul div i {
  display: block;
  font-size: smaller;
  height: 14px;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bro-ul .pull-left small {
  height: 16px;
  line-height: 16px;
  display: block;
  margin-top: 4px;
}
.bro-ul span .pull-left {
  width: calc(100% - 35px);
}
.cl-left .bro-ul span:nth-child(3),
.cl-left .bro-ul span:first-child:after,
.cl-left .bro-ul span:last-child,
.cl-left h1 {
  color: #e64e62;
}
.cl-right .bro-ul span:nth-child(3),
.cl-right .bro-ul span:last-child,
.cl-right h1 {
  color: #25796a;
}
.bro-ul li button {
  width: 100%;
  padding: 6px 0;
  font-size: 14px;
  margin-top: 4px;
}
.bro-ul .min {
  margin-left: 5px;
}
.cl-list-title {
  padding: 0 0 10px 8px;
  margin-top: 15px;
}
.cl-list-title span {
  font-weight: bold;
  font-size: 14px;
}
.c2c_borrow,
.c2c_lend,
#borrow_loan h3 i,
#lend_loan h3 i {
  width: 44px;
  height: 44px;
  display: inline-block;
  background: url('/images/c2cloan.icon.svg') no-repeat;
  background-size: 45px;
  vertical-align: middle;
  margin-right: 5px;
}
.c2c_lend,
#lend_loan h3 i {
  background-position: 0 -45px;
}
#pubLend .c2c_lend {
  background-position: 0 -17px;
}
button .c2c_borrow,
button .c2c_lend {
  width: 16px;
  height: 16px;
  background-size: 16px;
  filter: brightness(300%);
  vertical-align: middle;
  margin-right: 5px;
}
.go-btn {
  font-style: normal;
  position: relative;
}
.go-btn:after {
  content: '&gt;';
  font-size: 24px;
  font-weight: 100;
  position: absolute;
  right: -20px;
  top: -5px;
  height: 24px;
  line-height: 24px;
}
.gateioNotyTheme .noty_close {
  top: 10px;
  right: 10px;
}
#noty_center_layout_container {
  min-height: 440px;
}
#noty_center_layout_container #tablePending li {
  background: none;
  padding: 3px 0;
}
#noty_center_layout_container h3 i {
  filter: brightness(200%);
}
.noty_modal.gateioNotyTheme {
  background-color: rgba(0, 0, 0, 0.5);
}
#borrow_loan,
#lend_loan {
  min-height: 400px;
}
#borrow_loan .noty_buttons,
#lend_loan .noty_buttons {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
#borrow_loan h3,
#lend_loan h3 {
  padding: 0 0 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 22px;
  font-weight: normal;
}
#borrow_loan h3 em,
#lend_loan h3 em {
  background: none;
}
#borrow_loan .close,
#lend_loan .close {
  margin: -6px -10px;
  font-weight: 100;
}
.noty_buttons #button-0,
.noty_buttons #button-1 {
  min-width: 25%;
}
.loan-nt-con {
  padding: 20px 0;
  position: relative;
}
.gateioNotyTheme .noty_text {
  font-weight: normal;
}
.loan-section .btn,
.order-dtl .btn {
  border-radius: 5px;
  height: 34px;
  display: inline-block;
  width: 90px;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  line-height: 34px;
  margin: 0 5px;
  cursor: pointer;
}
.VIP-1 &gt; em {
  color: rgb(153, 162, 183);
}
.VIP-8 &gt; em {
  font-weight: normal;
}
#noty_center_layout_container #borrow_loan {
  background: rgba(15, 0, 5, 0.98);
  background-image: linear-gradient(#000, rgba(32, 0, 3, 0.9));
  padding-bottom: 55px;
}
#noty_center_layout_container #lend_loan {
  background: rgba(0, 17, 13, 0.98);
  background-image: linear-gradient(#000a09, rgba(0, 42, 35, 0.9));
  padding-bottom: 55px;
  position: relative;
}
#noty_center_layout_container #lend_loan:before,
#noty_center_layout_container #borrow_loan:before,
.pub-order-form:before {
  content: 'LEND';
  position: absolute;
  bottom: 60px;
  font-size: 32px;
  color: rgba(255, 255, 255, 0.03);
}
#noty_center_layout_container #borrow_loan:before,
#borrow_loan .pub-order-form:before {
  content: 'BORROW';
}
.pub-order-form:before {
  color: rgba(255, 255, 255, 0.03);
  right: 2px;
  top: 22px;
  font-size: 72px;
  letter-spacing: -5px;
  height: 50px;
}
.noty_text .inputRate,
.loan-nt-con select {
  background: rgba(97, 97, 97, 0.2);
  color: #fff;
  border-color: rgba(144, 144, 144, 0.03) !important;
  margin: 8px 0;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
}
.loan-nt-con .inputRate,
.loan-nt-con select {
  width: 50%;
}
.noty_text #fundpass {
  margin-left: 10px;
}
.noty_text .inputRate:focus {
  background: rgba(97, 97, 97, 0.3);
}
.amt-box {
  position: relative;
}
.amt-box input,
.amt-box div {
  float: left;
}
.amt-box div {
  height: 42px;
  line-height: 44px;
  margin: 8px 0 2px;
  padding: 0 15px;
  background: rgba(168, 168, 168, 0.2);
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 18px;
  user-select: none;
  cursor: help;
  border: none !important;
}
.amt-box div:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  margin-top: -12px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}
.amt-box i {
  position: absolute;
  left: 70%;
  top: 37px;
  padding: 5px 0;
  border-width: 6px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
}
.amt-box i:before {
  display: none;
}
.amt-box i:hover {
  color: #de5858;
}
.amt-box #raise {
  border-bottom: 8px dashed;
  border-top: 0;
  top: 11px;
}
.amt-box #reduce {
  border-top: 8px dashed;
}
.amt-box #raise:after,
.amt-box #reduce:after {
  content: '';
  display: block;
  width: 18px;
  height: 8px;
  position: absolute;
  left: -9px;
  bottom: -12px;
}
.amt-box #reduce:after {
  bottom: 14px;
}
.noty_text #amount_input {
  width: 78%;
}
.noty_text #amount_input,
#borrow_curr_type {
  border-right: none !important;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  font-size: 22px;
  font-weight: 100;
  letter-spacing: 2px;
  margin-bottom: 2px;
  height: 44px;
  line-height: 44px;
}
.noty_text #amount_input:hover,
.pt-select #borrow_curr_type:hover {
  background: rgba(97, 97, 97, 0.25);
}
.pt-select #borrow_curr_type {
  width: 310px;
  border-radius: 3px;
  border-right: 1px solid rgba(144, 144, 144, 0.03) !important;
  position: relative;
  z-index: 1;
}
.pub-order-form #borrow_curr_type {
  font-size: 14px;
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
}
.box-left,
.box-right {
  width: 50%;
  box-sizing: border-box;
}
.box-left {
  padding-right: 10px;
}
.box-right {
  padding-left: 20px;
}
#lend_loan .box-left {
  padding: 0;
  width: 52%;
}
#plCoin {
  display: none;
}
.confirm-select {
  position: relative;
  margin: 20px 0 0 -20px;
}
.confirm-select #plCoin {
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 20px;
}
.confirm-select #borrow_curr_type,
.confirm-select .can-use {
  display: none;
}
.confirm-select .can-use {
  left: 0;
  right: auto;
}
div.confirm-select strong {
  margin: 5px 20px 0 0;
  float: left;
}
.noty_text .input-err {
  background-color: rgba(235, 56, 56, 0.2);
}
.noty_text .inputRate.input-err:focus {
  background: rgba(235, 56, 56, 0.1);
}
.range {
  color: rgba(255, 255, 255, 0.7);
  margin-left: 5px;
}
.range em {
  font-size: 14px;
  margin-right: 5px;
}
#tableRecords {
  margin-top: 15px;
}
#tableRecords td {
  padding: 15px 0;
}
#tableRecords b {
  letter-spacing: 1px;
}
.confirm-ad {
  padding: 0 !important;
}
.confirm-ad li &gt; span:first-child {
  display: inline-block;
  min-width: 70px;
  text-align: right;
  margin-right: 5px;
}
.confirm-ad li &gt; span:nth-child(2) {
  margin-left: 5px;
}
.pay-space {
  margin-right: 15px;
}
#amtUl {
  margin-top: 15px;
}
#amtUl li {
  background: none;
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0 30px 0 0;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  color: rgba(255, 255, 255, 0.5);
}
#amtUl li:hover {
  color: #fff;
}
#amtUl li:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  float: left;
  margin-top: 1px;
}
#amtUl li.slt {
  color: var(--brandColor);
}
#amtUl li.slt:before {
  border: 1px solid;
  color: var(--brandColor);
  content: '\25A0';
  line-height: 11px;
  text-align: center;
  font-size: 16px;
}
#amtUl .disabled,
#amtUl .disabled:before {
  color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.05);
  cursor: not-allowed;
}
#amtUl .disabled:before {
  background: rgba(255, 255, 255, 0.05);
}
.tip-help {
  clear: both;
  position: absolute;
  bottom: -15px;
  left: 0;
  margin: 0;
  font-size: 14px;
  color: #e64e62;
  user-select: none;
}
.pub-order-form .tip-help {
  position: static;
}
.pub-order-form .align-top td:first-child,
.pub-order-form .align-top td:last-child {
  vertical-align: top;
  padding-top: 17px;
}
#odUl {
  margin: 15px 0 0 0;
}
#odUl li {
  width: 25%;
  float: left;
  border: 10px solid rgba(84, 84, 84, 0.1);
  border-right-width: 0;
  background: none;
  text-align: center;
  font-size: 18px;
  max-height: 90px;
  padding: 8px 0 0 0;
  min-height: 97px;
}
#lend_loan #odUl.mine-od li {
  width: 20%;
}
#borrow_loan #odUl.mine-od li {
  width: 33.33%;
}
#borrow_loan .bor-pay-opt li span {
  color: rgba(255, 255, 255, 0.5);
  margin: 0 5px;
}
#borrow_loan .bor-pay-opt.int-pt li:hover span {
  color: rgb(255, 213, 213);
}
.bor-pay-opt .icon-empty:before {
  color: rgba(255, 255, 255, 0.5);
}
.its-pay-tip {
  font-size: 14px;
}
.push-service {
  margin: 0;
}
.loan-od-ok-contact .push-service a:first-child:before {
  content: '';
  background-image: url('/images/chat.svg');
  opacity: 0.6;
}
.bor-pay-opt .checked-item .icon-empty:before,
#borrow_loan .bor-pay-opt .checked-item span {
  color: var(--brandColor);
}
.checked-item.only-one,
#borrow_loan .bor-pay-opt .only-one:hover span {
  cursor: default;
  color: #e64e62;
}
.odok-list {
  border-bottom: 1px dashed rgba(178, 178, 178, 0.1);
  margin: 0;
  padding-bottom: 5px;
  color: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
}
.loan-od-ok-info {
  border: none;
  margin-top: 5px;
}
#borrow_od_info,
#lend_od_info {
  margin: 8px 0 15px;
}
#borrow_od_info li,
#lend_od_info li {
  width: 20%;
  float: left;
  text-align: center;
  margin-bottom: 5px;
  background: rgba(255, 255, 255, 0.03);
  min-height: 88px;
  border: 1px solid #150002;
  padding: 10px 15px;
}
#lend_od_info li {
  border-color: #00211b;
  width: 20%;
  min-height: 92px;
}
#borrow_od_info li &gt; span,
#lend_od_info li &gt; span {
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
}
#borrow_od_info li &gt; div,
#lend_od_info li &gt; div {
  color: rgba(255, 255, 255, 0.9);
}
#borrow_od_info li small,
#lend_od_info li small {
  display: block;
  color: rgba(255, 255, 255, 0.3);
}
.noty_text .odok-list a,
#payDtlBox .js-copy {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}
#payDtlBox .js-copy.c-tip,
#payDtlBox .js-copy.c-tip:hover {
  color: #00e6ab;
  cursor: default;
}
.noty_text .odok-list a:hover,
#payDtlBox .js-copy:hover {
  color: rgba(255, 255, 255, 0.9);
}
.loan-od-ok-paytype .yellow-txt &gt; span {
  margin-right: 15px;
}
.loan-od-ok-paytype .yellow-txt &gt; span:after {
  content: 'or';
  color: rgba(255, 255, 255, 0.2);
  font-weight: normal;
  margin-left: 15px;
}
.loan-od-ok-paytype .yellow-txt &gt; span:last-child:after {
  display: none;
}
.odok-list .ri-btn {
  border: 1px solid;
  padding: 5px 8px;
  border-radius: 3px;
  opacity: 0.6;
  margin-top: 5px;
  min-width: 78px;
}
.loan-dispute a:before {
  content: '!';
  border: 1px solid;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  margin-right: 3px;
}
.its-Name {
  margin-top: 10px;
}
.loan-dispute {
  margin-top: -5px;
}
.loan-od-ok-paytype {
  margin: 10px 0;
  padding-bottom: 10px;
}
.noty_text .loan-od-ok-num .yellow-txt a {
  color: #fa0;
  font-size: 18px;
}
.noty_text .loan-od-ok-num .yellow-txt a:hover {
  color: #fc0;
}
.odok-list .push-service .phone-num:before {
  content: '\260E';
  border: none;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}
.yellow-txt .more-link:after {
  content: '&gt;';
  font-size: 22px;
  font-weight: 100;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.2);
  margin-left: 10px;
}
#odUl li:last-child {
  border-right-width: 10px;
  position: relative;
}
#odUl li:last-child span {
}
#odUl li &gt; div {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin: 2px 0 5px;
}
#odUl li img {
  border-radius: 3px;
  margin: 0 3px;
  opacity: 0.8;
}
.pay_icon0 {
  width: 16px !important;
  height: 16px !important;
  background: #019fe8;
  padding: 1px;
}
.pay_icon1 {
  width: 16px !important;
  height: 16px !important;
  background: #00bb0c;
  padding: 1px;
}
.pay_icon2 {
  width: 16px !important;
  height: 16px !important;
  padding: 1px;
}
#confirmAmt {
  margin: 15px 0 10px;
}
#cAmtTxt {
  color: rgba(255, 255, 255, 0.5);
}
#confirmAmt &gt; div {
  margin-top: 5px;
  margin-left: 30px;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
}
#confirmAmt &gt; div b {
  color: #fff;
  font-size: 18px;
}
div #serviceCharge {
  margin: 8px 0 0 0;
  display: block;
}
#serviceCharge .coin-unit {
  font-size: 12px;
}
#borrow_serviceCharge .fiat {
  color: #fff;
}
#borrow_serviceCharge em,
#borrow_serviceCharge em b {
  font-size: 12px;
}
#cAmtNum {
  font-size: 36px;
}
#dayBg {
  position: absolute;
  top: 19%;
  right: 75px;
  color: rgba(196, 196, 196, 0.05);
  user-select: none;
  font-weight: bold;
}
#dayBg b {
  font-size: 180px;
  letter-spacing: -15px;
  min-width: 90px;
  display: inline-block;
}
#pledgeType {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 100;
  margin-left: 30px;
}
#plNum,
#p_day {
  color: #fff;
}
#plNum:after {
  display: none;
}
#button-0.disabled,
#button-0.disabled:hover,
#button-1.disabled,
#button-1.disabled:hover {
  background-color: rgba(50, 50, 50, 0.6);
  color: #999;
  cursor: not-allowed;
  opacity: 0.9;
}
#noty_center_layout_container .pay-type-ul li,
#noty_center_layout_container .pt-checkbox li {
  width: auto;
  background: none;
  padding: 0;
}
.pt-checkbox li {
  cursor: default;
}
.int-pt.pt-checkbox li {
  cursor: pointer;
}
.pub-order-form table {
  padding: 15px 0 5px;
}
.pub-order-form tr {
  height: 35px;
}
.pub-order-form td {
  padding: 0 6px;
  font-weight: normal;
}
.pub-order-form td:nth-child(2) {
  color: #fa0;
  width: 50%;
  position: relative;
}
.yellow-txt {
  color: #fa0;
}
.pub-order-form td:first-child {
  text-align: right;
  width: 25%;
}
.pub-order-form &gt; ul {
  width: 660px !important;
}
.noty_text .pub-order-form .inputRate {
  width: 100%;
  margin: 5px 0;
}
.loan-nt-con select {
  border-radius: 3px;
  margin: 5px 0;
}
.loan-nt-con option {
  background: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 200;
  color: rgba(200, 200, 200, 0.9);
}
.loan-nt-con option[disabled] {
  color: rgba(200, 200, 200, 0.5);
}
.pub-order-form .pt-checkbox {
  padding-top: 5px;
}
#myBorrowRecords,
#myLendRecords {
  padding-top: 30px;
  clear: both;
}
.m_select {
  margin-top: 0;
  margin-bottom: 20px;
}
.payway-tip {
  font-size: 14px;
  color: #e64e62;
  float: left;
}
.pub-order-form .coin-unit {
  font-size: 14px;
}
.pub-order-form .updn-btn {
  position: absolute;
  right: 30px;
  top: -5px;
}
.pt0:after,
.pt1:after,
.pt2:after {
  bottom: 5px;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  font-size: 14px;
  position: absolute;
  left: 20px;
  width: 100px;
}
.cn-body .pt0:hover:after {
  content: '\652F \4ED8 \5B9D';
}
.cn-body .pt1:hover:after {
  content: '\5FAE \4FE1';
}
.cn-body .pt2:hover:after {
  content: '\94F6 \884C \8F6C \8D26';
}
#tooltip {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  max-width: 260px;
  min-width: 100px;
  border-bottom-color: rgba(231, 248, 255, 0.3);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.orders-box tr,
.ad-order-box tr {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  height: 65px;
}
.orders-box td,
.orders-box th,
.ad-order-box td,
.ad-order-box th {
  display: block;
  float: left;
  box-sizing: border-box;
  height: 100%;
  line-height: 28px;
}

.cl-left .orders-box td,
.cl-left .orders-box th {
  width: 11.5%;
  line-height: 50px;
}
.cl-left .orders-box td:first-child,
.cl-left .orders-box th:first-child {
  width: 13.5%;
  line-height: 50px;
}
.cl-left .orders-box td:last-child,
.cl-left .orders-box th:last-child {
  width: 17.5%;
  text-align: right;
}
.cl-right .orders-box td,
.cl-right .orders-box th {
  width: 16%;
  line-height: 50px;
}
.cl-left .ad-order-box td,
.cl-left .ad-order-box th {
  width: 12.5%;
  line-height: 50px;
}
.cl-right .ad-order-box td,
.cl-right .ad-order-box th {
  width: 16%;
  line-height: 50px;
}

.cl-left .orders-box th,
.cl-right .orders-box th,
.cl-left .ad-order-box th,
.cl-right .ad-order-box th {
  line-height: 40px;
}

.orders-box tr small,
.ad-order-box tr small {
  color: #888;
}
.bor-pay-opt {
  padding-top: 25px;
  clear: both;
}
.bor-pay-opt strong {
  float: left;
  margin-right: 15px;
}
.pt-select {
  padding: 0;
  position: relative;
}
.pt-select strong {
  display: block;
  float: none;
}
.pt-select .pt-select-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  height: 35px;
}
.pt-select .pt-select-title .pt-select-title-btn {
  border: 1px solid;
  padding: 3px 10px;
  font-size: 14px;
  border-radius: 5px;
  margin-left: 10px;
  cursor: pointer;
  color: var(--brandColor);
  border-color: var(--brandColor);
}
.pt-select .can-use {
  font-weight: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  z-index: 1;
  width: 355px;
  right: 0;
  text-align: right;
  top: 95px;
}
#pledge_type_balance {
  color: #fff;
}
.o-pledge small,
.o-pledge b {
  display: block;
  line-height: 25px;
  height: 50%;
}
.msg-tips {
  display: none;
  position: absolute;
  margin: 8px -8px;
  width: 6px;
  height: 6px;
  background: red;
  border-radius: 50%;
}

#loanTopBar {
  height: 42px;
  border-bottom: 1px solid #f4f4f4;
  padding: 0 25px;
  background: #fff;
}
#loanTopBar &gt; div,
#loanTopBar ul {
  height: 100%;
}
#loanTopBar li {
  display: inline-block;
}
#loanTopBar li a {
  display: inline-block;
  height: 100%;
  line-height: 42px;
  padding: 0 10px;
  font-size: 15px;
}
#loanTopBar li a svg {
  float: left;
  margin: 12px 3px 0 0;
}
#loanTopBar li a:hover path {
  fill: #d45858;
}
.dropdown-menu {
  top: 96px;
  right: 0;
  display: block;
}
.dropdown-menu.hide {
  display: none;
}
#currOdCancel {
  margin: 15px 0;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
}
#currOdCancel:hover {
  border-color: rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.7);
}
#myMarketOdInfo li {
  background: rgba(84, 84, 84, 0.1);
  color: rgba(255, 255, 255, 0.5);
}
#myMarketOdInfo li span {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.table-scroll td:first-child a:after,
.bread-crumb a:after {
  content: '&gt;';
  float: right;
  font-weight: 100;
  font-size: 14px;
  color: #bbb;
}
.accordion .sub-menu li .mactive:after,
.table-scroll td:first-child a:hover:after {
  color: #e64e62;
}
.table-scroll td:first-child a:after,
.bread-crumb a:after {
  float: none;
  margin: 0 2px;
}
.table-scroll td:first-child a {
  display: inline-block;
  width: 100%;
  padding: 0 0 0 8px;
  font-weight: bold;
  box-sizing: border-box;
  margin-top: -2px;
}
.table-scroll td:first-child a:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 5px;
}
.c_b td:first-child a:before,
.cl-left .orders-box tr td:first-child a:before,
.cl-left .ad-order-box tr td:first-child a:before {
  background-image: url('/images/c2c_borrow.svg');
}
.c_l td:first-child a:before,
.cl-right .orders-box tr td:first-child a:before,
.cl-right .ad-order-box tr td:first-child a:before {
  background-image: url('/images/c2c_lend.svg');
}
.cl-od td:first-child a:hover:before {
  filter: brightness(50%);
}
.sectioncont th:nth-child(2),
.sectioncont td:nth-child(2) {
  padding-right: 23px;
}
.sectioncont.curr-sec th:nth-child(2),
.sectioncont.curr-sec td:nth-child(2),
.ad-order-box td:nth-child(2),
.ad-order-box th:nth-child(2) {
  padding-right: 0;
}
.ad-order-box td:nth-child(2) {
  width: 10%;
}
.lend-orders {
  margin-top: 10px;
}
.pay-load {
  height: 492px;
}

.cl-right .ad-order-box thead tr,
.cl-left .ad-order-box thead tr {
  height: 40px;
}
#dtlInfo {
  margin: 0 -5px 30px -5px;
  position: relative;
}
#dtlInfo li {
  float: left;
  width: 20%;
  min-width: 220px;
  height: 180px;
  box-sizing: border-box;
  padding: 5px;
  transition: all 1s;
}
#dtlInfo li em {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  font-size: 24px;
  line-height: 38px;
  font-weight: 100;
  background: #f1f1f1;
  border: 1px solid #eee;
  text-align: center;
}
#dtlInfo em &gt; span {
  margin: 30px 0 15px;
  display: block;
  font-size: 20px;
  color: #888;
}
div#boxposition {
  z-index: 999981;
}
#dtlInfo li .btn {
  font-size: 16px;
  min-width: 100px;
  display: inline-block;
  padding: 0;
}
.orders-box .order-operator,
.ad-order-box .order-operator {
  padding: 0;
}

.orders-box .order-operator .received-btn .btn-box {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
}
.order-operator &gt; span {
  box-sizing: border-box;
  background: none;
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.order-operator &gt; span:before {
  content: '\2022 \2022 \2022';
  font-size: 14px;
  letter-spacing: 2px;
  color: #666;
  position: absolute;
  left: 0;
}
.order-operator:hover &gt; span,
.order-operator &gt; .od-menu {
  background: rgba(166, 166, 166, 0.95);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.order-operator &gt; span button,
.order-operator &gt; span a {
  border: none !important;
  cursor: pointer !important;
  padding: 6px;
  min-width: 60px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
}
.order-operator &gt; span a {
  display: none;
  background: #eee;
  text-align: center;
  margin-right: 5px;
  border-radius: 3px;
  padding: 0;
  user-select: none;
}
.order-operator:hover &gt; span a {
  display: inline-block;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.order-operator &gt; span a:last-child {
  display: inline-block;
  margin-right: 0;
}
.order-operator:hover &gt; span::before {
  display: none;
}
.order-operator &gt; label {
  margin: 0 7.5px;
}
#tableTradeNoty {
  padding: 15px 0;
}
#tableTradeNoty li {
  font-size: 16px;
  margin-right: 20px;
}
#tableTradeNoty li .yellow {
  color: #fa0;
}
.cl-filter {
  text-align: right;
}
.cl-filter label {
  margin-right: 8px;
  color: #888;
}
.cl-filter select {
  height: 28px;
  padding-left: 10px;
  background-color: transparent !important;
  background-position: right -1px !important;
  width: auto;
}
.table-empty {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-empty td p {
  margin: 0 0 15px;
}
.container-faq {
  clear: both;
  padding: 30px;
  border-top: 1px solid #ddd;
  line-height: 22px;
  background: #f3f3f3;
}
.dtl-con .container-faq {
  border: none;
  margin-bottom: 30px;
}
.dtl-con .container-faq h3 {
  margin-bottom: 15px;
}
.table-scroll {
  background: #eee;
  max-height: 390px;
}
.cl-od .table-scroll {
  height: 390px;
}
.dtl-con .table-scroll {
  max-height: 1000px;
  margin-bottom: 30px;
  background: #fff;
}
.table-inacc th:first-child {
  padding-left: 8px;
}
.table-inacc th:nth-child(2) {
  width: 10%;
}
.table-inacc th:last-child {
  padding-right: 8px;
  width: 15%;
  text-align: right;
}
.cl-right tr td:first-child,
.cl-right tr th:first-child {
  width: 17%;
}
.cl-right tr td:last-child,
.cl-right tr th:last-child {
  width: 25%;
  text-align: right;
  padding-right: 5px;
}
.cl-od .orders-box thead tr {
  padding-right: 12px;
  box-sizing: border-box;
  height: 40px;
}
.sf-grid tbody tr:nth-child(odd) {
  background: #fafafa;
}
.dtl-con .sf-grid tbody tr:nth-child(even) {
  background: #f1f1f1;
}
.sf-grid {
  border: 1px solid #e6e6e6;
}
.sf-grid tr:last-child td,
.table-inacc th {
  border: none;
}
.table-scroll .sf-grid {
  border-top: none;
}
.sf-grid td {
  border-color: #ddd;
}
.faq-box {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.faq-box h2 {
  margin: 20px 0 50px;
  font-size: 3em;
  font-weight: 100;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 30px;
}
.faq-box h3 {
  margin: 30px 0 15px;
}
.orders-box {
  margin-bottom: 20px;
}
.c2c-icon {
  background: url(/images/gatelogo_icon_white.svg) no-repeat 0 0;
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.1));
  display: inline-block;
  width: 128px;
  height: 128px;
  background-size: 100%;
}
#publishedLendOrder td:last-child a,
#publishedBorrowOrder td:last-child a {
  margin-right: 10px;
}
#publishedLendOrder td:last-child a:last-child,
#publishedBorrowOrder td:last-child a:last-child {
  margin-right: 8px;
}
.cancel-confirm td:first-child {
  width: 10%;
}
#tablePending.cancel-confirm {
  padding: 30px 0;
}
.order-operator .btn-disabled,
.order-operator .btn-disabled:hover,
#dtlBtnBox .btn-disabled {
  cursor: not-allowed !important;
  background: #666 !important;
  color: #bbb !important;
  box-shadow: none;
}
.pl-col {
  position: relative;
}
.pl-col:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  left: 43px;
  top: 12px;
  text-align: center;
  color: #fff;
  padding: 3px;
  border-radius: 5px;
  font-weight: bold;
}
.status-warn .pl-col:before {
  background: #f3ad00;
  content: '!';
  font-size: 16px;
}
.status-danger .pl-col:before {
  background: #f01838;
  content: '!';
  font-size: 16px;
  top: 23px;
}
.status-good .pl-col:before {
  background: #34a834;
  content: '\221A';
}
.s-normal.tooltip {
  cursor: default;
}
.status-warn .order-operator:hover &gt; span {
  background: #96773a;
}
.status-danger .order-operator:hover &gt; span {
}
.ss-tip {
  position: absolute;
  min-width: 308px;
  padding: 5px 8px;
  bottom: -66px;
  left: 0;
  z-index: 3;
  background: #333;
  color: #eee;
  line-height: 22px;
  border-radius: 3px;
}
.ss-tip .caret {
  border-bottom: 5px dashed;
  border-top: none;
  top: -18px;
  left: 45%;
  color: #333;
}
.ss-tip .caret:before {
  display: none;
}
.ss-tipExchanged {
  bottom: 56px;
}
.ss-tipExchanged .caret {
  border-top: 5px dashed;
  border-bottom: none;
  top: 40px;
}
.yellow-btn {
  background: #ffff90 !important;
  color: #925900 !important;
}
.red-btn {
  background: #ffd0d0 !important;
  color: red !important;
}

#payTip {
  font-weight: 100;
  font-size: 24px;
  margin-bottom: 30px;
}
#lend_loan #payTip {
  margin-bottom: 20px;
}
#lend_loan .loan-od-ok-info {
  margin-top: 12px;
}
.loan-pay-con #button-1:not(.disabled) {
  background-color: rgba(255, 255, 255, 0.05);
}
#button-1 &gt; span {
  font-weight: normal;
}
.loan-pay-code {
  height: 100%;
  display: inline-block;
  background: rgba(255, 255, 255, 0.03);
}
.a-active .loan-pay-code {
  min-height: 245px;
  min-width: 138px;
}
.w-active .loan-pay-code {
  min-height: 245px;
  min-width: 178px;
  font-size: 14px;
}
#payAliDtl,
#payWechatDtl {
  height: 245px;
  min-width: 178px;
  text-align: center;
  position: absolute;
  right: -180px;
  top: -75px;
  opacity: 0.9;
}
.w-active #payWechatDtl {
  right: -191px;
  top: -76px;
}
#payDtlTab {
  margin: 10px 0 0;
}
#payDtlTab img {
  width: 20px;
  height: 20px;
  float: left;
  padding: 1px;
  border-radius: 3px;
  opacity: 0.8;
}
.ali-icon {
  background: #0090d2;
}
.wechat-icon {
  background: #00954a;
}
#payDtlTab span {
  float: left;
  margin: 2px 0 0 5px;
  color: rgba(255, 255, 255, 0.7);
  user-select: none;
}
#payDtlBox #payDtlTab li {
  float: left;
  width: auto;
  text-align: center;
  padding: 8px 22px;
  cursor: pointer;
  border: none;
}
#payDtlBox #payDtlTab li.pay-active {
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: none;
  background: rgba(255, 255, 255, 0.03);
  cursor: default;
}
#payDtlBox #payDtlTab li:hover span,
#payDtlBox #payDtlTab li.pay-active span {
  color: #fff;
}
#payDtlBox #payDtlTab li:hover img,
#payDtlBox #payDtlTab li.pay-active img {
  opacity: 1;
}
#payDtlBox ul,
#payDtlBox li {
  background: none;
}
#payDtlBox .info-ul {
  padding: 12px 15px 0 15px;
  background: rgba(255, 255, 255, 0.03);
  margin-top: -1px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  min-height: 170px;
}
#payDtlBox {
  width: 100%;
  margin-bottom: 30px;
  padding-right: 170px;
  box-sizing: border-box;
}
#payDtlBox.b-active {
  padding-right: 0;
}
#payDtlBox.a-active {
  padding-right: 170px;
}
#payDtlBox.w-active {
  padding-right: 190px;
}
#payDtlBox li {
  padding: 5px 0;
  border-bottom: 1px dotted rgba(178, 178, 178, 0.1);
  max-width: none;
  line-height: 18px;
}
#payDtlBox .load8 {
  border: none;
  right: 0;
  text-align: center;
  top: 25px;
}
#payDtlBox .load8 .loader {
  width: 36px;
  height: 36px;
}
#payDtlBox .load8 span {
  margin-top: 10px;
  display: inline-block;
  color: rgba(137, 166, 161, 0.3);
}
#payDtlBox .remark {
  border: none;
  padding-bottom: 10px;
}
#payDtlBox li b {
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
}
#payDtlBox .js-copy {
  float: right;
}
.info-ul .red {
  font-size: 14px;
}
#payDtlBox .code-box.big-code {
  left: -16px;
  top: -150px;
  right: -206px;
  opacity: 1;
  background: rgb(38, 43, 41);
  z-index: 8;
  padding: 5px;
  box-sizing: border-box;
}
.code-box.big-code:before {
  content: '\00D7';
  font-size: 36px;
  color: rgba(255, 255, 255, 0.3);
  margin-left: -5px;
  font-weight: 100;
  position: absolute;
  left: 93%;
  top: 10px;
}
.code-box.big-code:hover:before {
  color: rgba(255, 255, 255, 0.5);
}
.fiat:before {
  content: '\FFE5';
  opacity: 0.7;
  margin-left: -2px;
}
.percent:after {
  content: '%';
  opacity: 0.7;
}
#dtlInfo em b {
  font-weight: 300;
}
#myClosedBorrowOrder tbody tr td,
#historyBorrowOrder table thead tr th {
  width: 10.5%;
}
#myClosedBorrowOrder tbody tr td:nth-child(6),
#historyBorrowOrder table thead tr th:nth-child(6) {
  width: 16%;
}
#myHisLendOrder tbody tr td,
#myHisLendOrderBox table thead tr th {
  width: 20%;
}
.history-operator span {
  padding-top: 10px;
}
.dtl-m-btn {
  border: 1px solid #ccc;
}
#myBorrowOrders .red.fiat,
#myLendOrderBox .green.fiat {
  font-weight: bold;
}
.inpt-cover input {
  float: left;
  width: calc(100% - 80px);
}
ul#tablePending .inpt-cover b {
  float: left;
  display: block;
  height: 40px;
  line-height: 40px;
  width: 80px;
  text-align: center;
  margin: 8px 0 0 0;
  background: #333;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
#cover_amount {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pub-order-form td.bla-left {
  width: 150%;
  display: inline-block;
  margin-top: 8px;
}
.blance-tip {
  margin-left: 20px;
}
.blance-tip .btn {
  border: 1px solid;
  padding: 4px 12px;
  border-radius: 5px;
  margin-right: 5px;
}
.pub-order-form .pt-checkbox li span {
  cursor: pointer;
}
#paid_confirm .n-confirm label {
  margin-left: 0;
}
#paid_confirm .n-confirm label input {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
#tablePending.n-confirm li#payBackType {
  margin-bottom: 20px;
}
.pay-btn {
  position: relative;
}
.l-time {
  position: absolute;
  background: rgba(51, 54, 57, 0.95);
  right: 0;
  top: 47px;
  height: 100%;
  min-width: 210px;
  z-index: 2;
  border-radius: 3px;
  color: #fff;
}
.l-time:before {
  content: '';
  display: inline-block;
  border-bottom: 7px dashed;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  color: rgba(51, 54, 57, 0.95);
  position: absolute;
  right: 23%;
  top: -7px;
}
.l-time b {
  padding: 0 2px;
  color: #ff7f7f;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
.pro-bar-ani {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(255, 255, 255, 0.1) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(255, 255, 255, 0.1) 75%,
    transparent 75%,
    transparent
  );
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.pro-bar {
  height: 100%;
  width: 0;
  display: block;
  background-color: rgba(4, 255, 235, 0.2);
  position: absolute;
  right: 0;
  top: 0;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.btn-txt {
  position: relative;
  z-index: 1;
}
.inpt-cover #fundpass {
  margin-left: 0;
  width: 100%;
}
.deal-progress {
  display: block;
  background: #004861;
  float: left;
  position: relative;
  margin-bottom: 1px;
  height: 30px;
}
.deal-progress.hide {
  display: none;
}
.deal-progress.d-warn {
  background: #96773a;
}
.deal-progress.d-danger {
  background: #9e4444;
}
.day-scale {
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
}
.day-scale li {
  height: 12px;
  display: block;
  float: left;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  text-align: right;
  position: relative;
}
.max-day li:nth-child(odd) {
  height: 6px;
}
.day-scale li:last-child {
  border: none;
}
.day-scale li small {
  color: #fff;
  text-align: center;
  position: absolute;
  height: 100%;
  line-height: 12px;
  right: 2px;
  top: 1px;
}
.day-box {
  color: #fff;
  text-align: center;
  position: absolute;
  width: fit-content;
  height: 30px;
  bottom: -31px;
  left: 8px;
  line-height: 30px;
}
.deal-progress b {
  color: #fc0;
  margin: 0 2px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.d-warn .day-box b {
  color: #ff0;
}
.day-noty {
  height: 100%;
  line-height: 30px;
  color: #fff;
  position: absolute;
  z-index: 3;
}
.dp-bar {
  height: 100%;
  width: 0;
  background-color: rgba(255, 255, 255, 0.15);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  -webkit-animation: progress-bar-stripes 4s linear infinite;
  animation: progress-bar-stripes 4s linear infinite;
}
.d-warn .dp-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.d-danger .dp-bar {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}
.d-danger .expired-bar {
  background: #d85353;
  right: auto;
  left: 0;
}
.dm {
  position: absolute;
  height: 28px;
  color: #fff;
  bottom: -2px;
  z-index: 2;
}
.dm &gt; span {
  display: none;
}
.dm:before {
  content: '';
  width: 16px;
  height: 15px;
  display: block;
  background: #e2a961;
  position: absolute;
  top: 10px;
  left: -7px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dm:hover:before {
  background: #ffc85c;
}
.dm:hover &gt; span {
  display: block;
  position: absolute;
  min-width: 200px;
  text-align: left;
  left: 16px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  margin-top: 7px;
}
.start-day {
  left: 8px;
}
.end-day {
  right: 8px;
}
.end-day:before {
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  left: -9px;
}
.end-day:hover &gt; span {
  display: block;
  position: absolute;
  min-width: 200px;
  text-align: right;
  right: 16px;
  left: auto;
}
.order-operator .btn-wait,
.order-operator .btn-wait:hover {
  background: #78522c !important;
  color: #cfbfae !important;
}
.order-operator .btn-in,
.order-operator .btn-in:hover {
  background: #2f6745 !important;
  color: #aecfae !important;
}
.bro-ul .sold-out {
  cursor: default;
  position: relative;
}
.bro-ul .sold-out span:last-child {
  display: none;
}
.bro-ul .sold-out:before {
  content: '\5DF2 \552E \7F44';
  display: inline-block;
  position: absolute;
  right: 28px;
  top: 8px;
  z-index: 2;
  border-radius: 50%;
  color: #888;
  text-align: center;
  font-weight: bold;
}
.VIP-0 &gt; em {
  background-color: #888;
}
.repay-con #lend_od_info li {
  border-color: #0f0f0f;
  padding: 10px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 109px;
}
.time-box {
  font-size: 13px;
  line-height: 14px;
}
.time-box &gt; div {
  color: rgba(255, 255, 255, 0.3);
}
.repay-total {
  font-size: 18px;
  margin-top: -8px;
}
.repay-total b {
  font-size: 26px;
}
.rp-dtl {
  font-size: 13px;
}
.rp-dtl b {
  font-size: 16px;
}
.agree-checkbox {
  position: absolute;
  bottom: -30px;
  left: 175px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  z-index: 1;
}
.agree-checkbox a {
  color: var(--brandColor);
}
.agree-checkbox i {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.5);
}
.change-page-type {
  display: none;
  position: fixed;
  top: 60px;
  bottom: 0;
  width: 100%;
  z-index: 99;
  overflow: hidden;
  background-color: rgba(12, 48, 49, 0.5);
}
.change-page-type .change-page-dialog {
  background: linear-gradient(0deg, rgba(30, 0, 3, 1), rgba(0, 0, 0, 1));
  box-shadow: 0px 4px 6px 0px rgba(7, 0, 1, 0.4);
  border-radius: 10px;
  width: 700px;
  height: 400px;
  animation: drop 0.8s ease-in forwards;
  position: absolute;
  left: calc(50% - 350px);
  display: flex;
  padding: 20px 0;
}
.change-page-type .change-page-dialog .chose-cell {
  display: flex;
  width: 50%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fefefe;
}
.change-page-type .change-page-dialog .chose-cell img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 20px;
  padding: 10px;
}
.change-page-type .change-page-dialog .chose-cell p {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.change-page-type .change-page-dialog .chose-cell button {
  width: 60%;
  text-align: center;
  line-height: 40px;
  height: 40px;
  border: none;
  border-radius: 4px;
  color: #fff;
  background: #e64e62 linear-gradient(45deg, #f76a91, #d2501e);
  margin-top: 25px;
}
.c2cloan-tab {
  width: 100%;
  height: 80px;
  display: flex;
  position: relative;
}
.dark-body .c2cloan-tab::after {
  border-color: #04110f;
}
.c2cloan-tab li {
  width: 50%;
  height: 100%;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-direction: column;
  border: none;
  padding: 0;
}
.c2cloan-tab li img {
  height: 100%;
  margin-right: 10px;
}
.c2cloan-tab li:hover {
  background: #f1f3f5;
}
.c2cloan-tab li.active:hover {
  background: none;
}
.c2cloan-tab li.active {
  border-bottom: 2px solid;
}
.c2cloan-tab li[data-type='borr']:hover {
  color: #e64e62;
}
.c2cloan-tab li[data-type='lend']:hover {
  color: #25796a;
}
.c2cloan-tab .title-middle {
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.c2cloan-tab .title-middle i {
  width: 2px;
  height: 10px;
  border: 1px solid #868686;
  margin-left: 1px;
}
.c2cloan-tab .title-middle i.arrow {
  width: 0;
  height: 0%;
  border-right: 4px solid #868686;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: none;
}
.c2cloan-tab li[data-type='borr'].active {
  box-shadow: none;
  color: #e64e62;
}
.c2cloan-tab li[data-type='lend'].active {
  box-shadow: none;
  color: #25796a;
}
.main_title h1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0 5px;
}
.main_title p {
  margin: 0;
  font-size: 13px;
}
.main_title h1 strong {
  font-size: 20px;
}
.renew-icon {
  display: block;
  position: absolute;
  top: -12px;
  background: #1f9257;
  color: #fff !important;
  font-size: 12px;
  line-height: 15px;
  border-radius: 3px;
  padding: 2px;
  transform: scale(0.8);
  white-space: nowrap;
  right: -37px;
  font-weight: 100;
}
.c2cloan-con .switch-box {
  display: flex;
  align-items: center;
  background: none !important;
  margin-left: 10px;
  cursor: pointer;
  color: #666;
  margin-top: 18px;
}
.switch-box i {
  width: 25px;
  border-radius: 6px;
  display: inline-block;
  height: 12px;
  background-color: #707373;
  margin-left: 5px;
  position: relative;
}
.switch-box i::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  right: 1px;
  transition: all 0.5s ease;
}
.switch-box i.active {
  background-color: #1f9257;
}
.switch-box i.active::after {
  right: 14px;
}
.switch-box:hover {
  color: #e64e62;
}
.fl-btn {
  margin-left: 20px;
  border: 0;
  background: none;
  color: var(--brandColor);
  cursor: pointer;
  font-size: 14px;
}
#noty p {
  color: #fff;
  display: flex;
  align-items: center;
}
.noty_text #fundpass {
  margin: 0;
}
#tablePending .noty-td {
  padding-right: 10px;
  font-size: 14px;
}
.noty_text .noty-tip-text {
  font-size: 14px;
  font-weight: 500;
  color: #ffaa00;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#tablePending.cancel-confirm {
  padding: 0 20px;
}
.noty_buttons {
  padding: 0 20px;
  box-sizing: border-box;
}
#update_c2cloan_tips {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  margin: 10px 0;
}
.fast-cover-content {
  overflow: auto;
}
.fast-cover-content h3 {
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.fast-cover-content h4 {
  background-color: rgba(255, 255, 255, 0.2);
  height: 25px;
  line-height: 28px;
  font-size: 14px;
  border-radius: 4px;
  padding-left: 10px;
  font-weight: 100;
  color: #fa0;
}
.fast-cover-content h4 span {
  color: #b3b3b3;
  font-size: 12px;
  margin-left: 20px;
}
.fast-cover-content .font-red {
  color: #f33456;
}
.fast-cover-content .cover-content {
  max-height: 250px;
  overflow: auto;
}
.fast-cover-content .tb-fast-cover thead {
  color: #b3b3b3;
  font-size: 14px;
}
.fast-cover-content .tb-fast-cover td {
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 1680px) {
  #loanDtlMenu li {
    width: 33.33%;
  }
}

@media screen and (max-width: 1550px) {
  .day-box {
    font-size: 12px;
    white-space: nowrap;
  }
  .table-scroll td:first-child a:before {
    display: none;
  }

  .myCurrentOrders .o-pledge b.tooltip,
  .myCurrentOrders .o-pledge small.tooltip {
    font-size: 12px;
    white-space: nowrap;
  }
  .myCurrentOrders .percent {
    text-align: center;
  }
}
.order-operator .tip-bg .cancel-btn {
  margin-left: 0;
}
@media screen and (max-width: 1310px) {
  #publishedBorrowOrder td:last-child a:first-child {
    margin-right: 17px;
  }
  .order-operator &gt; span a {
    min-width: 52px;
    font-size: 11px;
  }
  .day-box {
    font-size: 11px;
  }
}
@keyframes drop {
  0% {
    top: -200px;
    opacity: 0;
  }
  70% {
    top: calc(50% - 150px);
  }
  85% {
    top: calc(50% - 250px);
  }
  100% {
    top: calc(50% - 200px);
    opacity: 1;
  }
}

.borrow-list.ad-order-box tr th:nth-child(1),
.borrow-list.ad-order-box tr td:nth-child(1) {
  width: 10%;
}
.borrow-list.ad-order-box tr th:nth-child(2),
.borrow-list.ad-order-box tr td:nth-child(2) {
  width: 8%;
}
.borrow-list.ad-order-box tr th:nth-child(3),
.borrow-list.ad-order-box tr td:nth-child(3) {
  width: 13%;
}
.borrow-list.ad-order-box tr th:nth-child(4),
.borrow-list.ad-order-box tr td:nth-child(4) {
  width: 8%;
}
.borrow-list.ad-order-box tr th:nth-child(5),
.borrow-list.ad-order-box tr td:nth-child(5) {
  width: 10%;
}
.borrow-list.ad-order-box tr th:nth-child(6),
.borrow-list.ad-order-box tr td:nth-child(6) {
  width: 12%;
}
.borrow-list.ad-order-box tr th:nth-child(7),
.borrow-list.ad-order-box tr td:nth-child(7) {
  width: 10%;
}
.borrow-list.ad-order-box tr th:nth-child(8),
.borrow-list.ad-order-box tr td:nth-child(8) {
  width: 8%;
  text-align: center;
}
.borrow-list.ad-order-box tr th:nth-child(9),
.borrow-list.ad-order-box tr td:nth-child(9) {
  width: 12%;
}
.borrow-list.ad-order-box tr th:nth-child(10),
.borrow-list.ad-order-box tr td:nth-child(10) {
  width: 8%;
  text-align: left;
}
.lend-list.ad-order-box tr th:nth-child(1),
.lend-list.ad-order-box tr td:nth-child(1) {
  width: 10%;
}
.lend-list.ad-order-box tr th:nth-child(2),
.lend-list.ad-order-box tr td:nth-child(2) {
  width: 8%;
}
.lend-list.ad-order-box tr th:nth-child(3),
.lend-list.ad-order-box tr td:nth-child(3) {
  width: 12%;
}
.lend-list.ad-order-box tr th:nth-child(4),
.lend-list.ad-order-box tr td:nth-child(4) {
  width: 13%;
}
.lend-list.ad-order-box tr th:nth-child(5),
.lend-list.ad-order-box tr td:nth-child(5) {
  width: 10%;
}
.lend-list.ad-order-box tr th:nth-child(6),
.lend-list.ad-order-box tr td:nth-child(6) {
  width: 10%;
}
.lend-list.ad-order-box tr th:nth-child(7),
.lend-list.ad-order-box tr td:nth-child(7) {
  width: 10%;
  text-align: center;
}
.lend-list.ad-order-box tr th:nth-child(8),
.lend-list.ad-order-box tr td:nth-child(8) {
  width: 16%;
}
.lend-list.ad-order-box tr th:nth-child(9),
.lend-list.ad-order-box tr td:nth-child(9) {
  width: 7%;
  text-align: left;
}
.td-op a {
  display: inline-block;
  padding: 0 2px 0 3px;
  position: relative;
}
.td-op a:first-child:before {
  width: 0;
}
.td-op a:before {
  content: '';
  position: absolute;
  top: 17px;
  bottom: 20px;
  left: 0;
  width: 1px;
  background: #919599;
}
@media (max-width: 1600px) {
  span.status_span span {
    display: none;
  }
  span.status_span {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}
span.status_span svg {
  vertical-align: text-bottom;
  display: inline-block;
}
span.status_span.open {
  color: #3253c3;
}
span.status_span.offline {
  color: #a1a1a1;
}
a.a-btn-online {
  color: #f1891a;
}
a.a-btn-offline {
  color: #32b16c;
}
a.a-btn-cancel {
  color: #e64e62;
}
a.a-btn-details {
  color: #0366d6;
}
a.a-btn-tel {
}
#button-0 {
  background-color: var(--brandColor) !important;
  color: #fff !important;
}
#button-1 {
  background-color: unset !important;
  color: var(--brandColor);
  border: 1px solid var(--brandColor) !important;
}
.pt-checkbox .checked-item .icon-empty:before {
  color: var(--brandColor);
}

/* vipicon */
.c2c-vip0,
.c2c-vip1,
.c2c-vip2,
.c2c-vip3,
.c2c-vip4,
.c2c-vip5,
.c2c-vip6,
.c2c-vip7,
.c2c-vip8,
.c2c-vip9 {
  width: 25px !important;
  height: 14px !important;
}
.c2c-vip10,
.c2c-vip11,
.c2c-vip12,
.c2c-vip13,
.c2c-vip14,
.c2c-vip15,
.c2c-vip16,
.c2c-vip17,
.c2c-vip18,
.c2c-vip19,
.c2c-vip20 {
  width: 28px !important;
  height: 14px !important;
}
.c2c-vip0 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP0.webp') no-repeat;
  background-size: cover;
}
.c2c-vip1 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP1.webp') no-repeat;
  background-size: cover;
}
.c2c-vip2 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP2.webp') no-repeat;
  background-size: cover;
}
.c2c-vip3 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP3.webp') no-repeat;
  background-size: cover;
}
.c2c-vip4 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP4.webp') no-repeat;
  background-size: cover;
}
.c2c-vip5 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP5.webp') no-repeat;
  background-size: cover;
}
.c2c-vip6 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP6.webp') no-repeat;
  background-size: cover;
}
.c2c-vip7 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP7.webp') no-repeat;
  background-size: cover;
}
.c2c-vip8 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP8.webp') no-repeat;
  background-size: cover;
}
.c2c-vip9 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP9.webp') no-repeat;
  background-size: cover;
}
.c2c-vip10 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP10.webp') no-repeat;
  background-size: cover;
}
.c2c-vip11 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP11.webp') no-repeat;
  background-size: cover;
}
.c2c-vip12 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP12.webp') no-repeat;
  background-size: cover;
}
.c2c-vip13 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP13.webp') no-repeat;
  background-size: cover;
}
.c2c-vip14 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP14.webp') no-repeat;
  background-size: cover;
}
.c2c-vip15 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP15.webp') no-repeat;
  background-size: cover;
}
.c2c-vip16 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP16.webp') no-repeat;
  background-size: cover;
}
.c2c-vip17 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP17.webp') no-repeat;
  background-size: cover;
}
.c2c-vip18 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP18.webp') no-repeat;
  background-size: cover;
}
.c2c-vip19 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP19.webp') no-repeat;
  background-size: cover;
}
.c2c-vip20 {
  background: url('https://static.airpackapp.com/static/images/vip-3.1-icon/VIP20.webp') no-repeat;
  background-size: cover;
}
/* æ–°ç‰ˆ */
body {
  overflow-y: scroll !important;
  --textColor1: #04091a;
  --textColor2: #565d73;
  --textColor3: #8d93a6;
  --textColor4: #b8bdcc;
  --Green: #11ad7a;
  --Red: #cc3d3d;
  --c2354E6: #2354e6;
  --c1B41B2: #1b41b2;
  --c17E5A1: #17e5a1;
  --cEEF1FA: #eef1fa;
  --noorder: url(/images/c2cloan_image/noorder.png) center center no-repeat;
  --faqnav: #fbfcff;
  --cF5F6FA: #f5f6fa;
  --cF8F9FB: #f8f9fb;
  --cE6E9F2: #e6e9f2;
}
body.rise-green-body {
  --Red: #11ad7a;
  --Green: #cc3d3d;
}
/* å¤œé—´æ¨¡å¼å˜é‡è¦†ç›– */
body.classic-dark {
  --Red: #f23d3d;
  --Green: #13bf86;
  --textColor1: #ffffff;
  --textColor2: #989fb3;
  --textColor3: #606880;
  --textColor4: #474f66;
  --c2354E6: #2354e6;
  --c1B41B2: #0f1f4d;
  --c17E5A1: #17e5a1;
  --cEEF1FA: #292f40;
  --noorder: url(/images/c2cloan_image/darknoorder.png) center center no-repeat;
  --faqnav: #151926;
  --cF5F6FA: #f5f6fa;
  --cF8F9FB: #151926;
  --cE6E9F2: #2a3246;
}
.c2cloan-noData {
  padding: 40px 0 0 0;
}
.c2cloan-noData p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: var(--textColor3);
  margin: 40px auto 0;
}
.c2cloan-noorder {
  width: 118px;
  height: 112px;
  margin: 0 auto;
  background: var(--noorder);
  background-size: cover;
  margin-top: 10px;
}
.c2cloan_scroll::-webkit-scrollbar {
  width: 4px;
}
.c2cloan_scroll::-webkit-scrollbar-thumb {
  background: #eef1fa;
  border-radius: 2px;
}
.c2cloan-banner-img {
  width: 100%;
  /* height: 310px; */
  /* background: url('/images/c2cloan_image/bannerbg.png?v=1') no-repeat;
  background-size: cover; */
  background: rgba(20, 20, 20, 1);
}
body.classic-dark .c2cloan-banner-img {
  backdrop-filter: blur(30px);
}

.mantine-Checkbox-input:checked {
  background-color: var(--color-icon-1) !important;
}
.mantine-RadioGroup-radio:checked {
  background-color: #2354e6 !important;
  border: none;
  width: 16px !important;
  height: 16px !important;
}
body.classic-dark .mantine-RadioGroup-radio:checked {
  background-color: #2354e6 !important;
}
.mantine-PasswordInput-innerInput {
  height: 40px;
  background: none !important;
}
.c2cloan_onbtn_bc_tit {
  width: '100%';
  padding: '16px';
  box-sizing: 'border-box';
  border-radius: '4px';
  background: #fffcf3;
  color: var(--textColor3);
}
body.classic-dark .c2cloan_onbtn_bc_tit {
  background: #212125;
}
.mantine-Tooltip-body {
  border-radius: 8px;
  max-width: 476px;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  padding: 12px;
  word-wrap: break-word;
  word-break: normal;
  white-space: normal;
}
body.classic-dark .mantine-Tooltip-body {
  background: rgba(71, 79, 102, 0.9) !important;
  color: #ffffff !important;
}
.mantine-Pagination-item {
  width: 24px;
  height: 24px;
  padding: 5px 0px;
  box-sizing: border-box;
  border: none !important;
  border-radius: 4px;
  color: var(--color-text-3) !important;
}
.mantine-Pagination-item:hover{
  color: var(--color-text-1) !important;
}
.mantine-Pagination-active{
  background: var(--color-neutral-3) !important;
  border: none !important;
  color: var(--color-text-1) !important;
  border-radius: 50%;
}
.mantine-Group-root button:disabled {
  background: transparent;
  /* background: #ffffff !important;
  color: var(--cE6E9F2) !important; */
}
body.classic-dark .mantine-Group-root button:disabled {
  background: transparent;
  /* background: #1f2433 !important;
  color: var(--cE6E9F2) !important; */
}
body.classic-dark .mantine-Group-root button:hover {
  background: transparent;
  /* background: #1f2433 !important; */
}
/* .mantine-Popper-arrow {
    width: 10px !important;
    height: 8px !important; 
    left: 10px !important; 
} */
body.classic-dark .mantine-Popper-arrow {
  background: rgba(71, 79, 102, 0.9) !important;
}
.c2cloan-banner-bg {
  width: 100%;
  height: 492px;
  background: rgba(247, 251, 254, 0.8);
  backdrop-filter: blur(14px);
}
.c2cloan-banner-main {
  width: 1440px;
  /* height: 300px; */
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  height: 360px;
  align-items: center;
}
.c2cloan-banner-main-left {
  width: 830px;
  /* height: 300px; */
}
.c2cloan-banner-main-left h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: rgba(250, 250, 250, 1);
}
.c2cloan-banner-main-left .c2cloan-banner-main-left-promise {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.c2cloan-banner-main-left-promise .promise-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 16px;
  color: rgba(250, 250, 250, 1);
}
.c2cloan-banner-main-left-promise .promise-item .promise-item-icon{
  width: 16px;
  height: 16px;
}
.c2cloan-banner-main-left .c2cloan-banner-main-left-sum {
  margin-top: 16px;
}
.c2cloan-banner-main-left .sum-block {
  display: flex;
  align-items: center;
  gap: 2px;
  color: rgba(250, 250, 250, 1);
}
.c2cloan-banner-main-left .sum-block .sum-num {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0em;
}
.c2cloan-banner-main-left .sum-block .sum-num-unit {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0px;
  position: relative;
}
.c2cloan-banner-main-left .sum-text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0em;
  color: rgba(140, 140, 140, 1);
  margin-top: 8px;
}
.c2cloan-banner-main-left p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: var(--textColor3);
  margin-top: 24px;
}
.c2cloan-banner-main-right {
  width: 610px;
  /* height: 300px; */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.c2cloan-banner-main-right-login {
  width: auto;
  background-color: rgba(31, 31, 31, 1);
  padding: 24px;
  border-radius: 8px;
  border: 1px solid rgba(46, 46, 46, 1);
}
.c2cloan-banner-main-right-login .banner-login-card-header {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(140, 140, 140, 1);
}
.c2cloan-banner-main-right-login .header-selectors {
  display: flex;
  gap: 12px;
  cursor: pointer;
}
.c2cloan-banner-main-right-login .header-selectors .selector:hover {
  color: var(--c2354E6);
}
.c2cloan-banner-main-right-login .header-selectors .active {
  color: rgba(250, 250, 250, 1);
}
.c2cloan-banner-main-right-login .header-selectors .active:hover {
  color: rgba(250, 250, 250, 1);
}
.c2cloan-banner-main-right-login .banner-login-card-content {
  display: flex;
  gap: 48px;
  margin-top: 24px;
}
.c2cloan-banner-main-right-login .content-block {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 8px;
  width: max-content;
  min-width: 104px;
}
.c2cloan-banner-main-right-login .content-block-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0em;
  color: rgba(191, 191, 191, 1);
}
.c2cloan-banner-main-right-login .content-block-num {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0em;
  color: rgba(250, 250, 250, 1);
  /* display: flex;
  gap: 4px; */
}
/* .c2cloan-banner-main-right-login .content-block-num &gt; span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0em;
  position: relative;
} */
/* .c2cloan-banner-main-right-login .content-block-num &gt; span &gt; span {
  position: absolute;
  bottom: 1px;
} */
.c2cloan-banner-main-right-login .header-eyes {
  cursor: pointer;
}
.c2cloan-banner-main-right-no-login {
  width: 486px;
  height: 360px;
  background: url('/images/c2cloan_image/bannerrig.svg') no-repeat;
  /* margin: 0 100px; */
}
.c2cloan-banner-nummber-bg {
  width: max-content;
  height: 134px;
  background: linear-gradient(
      90.01deg,
      rgba(86, 255, 123, 0.03) 1.28%,
      rgba(165, 133, 255, 0.045) 33.16%,
      rgba(107, 149, 255, 0.05) 61.35%,
      rgba(0, 194, 255, 0.035) 78.04%
    ),
    rgba(255, 255, 255, 0.6);
  border: 1px solid #ffffff;
  box-shadow: 0px 8px 24px rgba(140, 171, 217, 0.16);
  backdrop-filter: blur(20px);
  border-radius: 8px;
  margin: 179px 0 0 52px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
body.classic-dark .c2cloan-banner-nummber-bg {
  box-shadow: none;
  border: 0.5px solid;
  border-image-source: linear-gradient(126.22deg, #0a1719 0.3%, rgba(255, 255, 255, 0) 57.04%);
  background: linear-gradient(
    96.65deg,
    rgba(86, 255, 123, 0.084) 1.12%,
    rgba(165, 133, 255, 0.0896) 67.48%,
    rgba(107, 149, 255, 0.14) 77.18%,
    rgba(0, 194, 255, 0.098) 98.38%
  );
}
.c2cloan-banner-nummber {
  width: auto;
  padding: 36px 0 0 32px;
  box-sizing: border-box;
}
.c2cloan-banner-nummber-bg i {
  display: inline-block;
  width: 102px;
  height: 102px;
  background: url('/images/c2cloan_image/bannericon.png') no-repeat;
  background-size: cover;
  margin: 20px 12px 0 36px;
}
.c2cloan-banner-nummber-num {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  color: var(--Green);
  margin: 0;
}
.c2cloan-banner-nummber-txt {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: var(--textColor3);
  margin-top: 12px;
}
.c2cloan-nav-bg {
  width: 100%;
  height: 48px;
  margin-bottom: 32px;
  /* border-top: 1px solid #FFFFFF; */
  /* background: #292f40;
  backdrop-filter: blur(4px); */
}
/* body.classic-dark .c2cloan-nav-bg {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
} */
.c2cloan-nav-main {
  width: 1440px;
  height: 48px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c2cloan-nav-main-left {
  display: flex;
  flex-direction: row;
}
.c2cloan-nav-main-left li {
  display: flex;
  flex-direction: row;
  margin-right: 24px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  position: relative;
  color: var(--color-text-3);
  cursor: pointer;
}
.c2cloan-nav-main-left li:hover {
  color: var(--color-text-1);
}
.c2cloan-nav-main-rig-item:hover {
  color: var(--color-text-1) !important ;
}
.c2cloan-nav-main-left li.active {
  color: var(--color-text-1);
}
.c2cloan-nav-main-left li.active:before {
  content: '';
  position: absolute;
  display: block;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-text-1);
}
.c2cloan-nav-main-rig {
  display: flex;
  flex-direction: row;
}
.c2cloan-nav-main-rig li {
  display: flex;
  flex-direction: row;
  margin-left: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
/* .c2cloan-nav-main-rig li.active:before{
	content: '';
	position: absolute;
	display: block;
	bottom: -20px;
	left: 0;
	right: 0;
	height: 4px;
	background: #17E6A1;
} */
.c2cloan-nav-main-rig li .c2cloan-nav-main-rig-item {
  height: 24px;
  display: flex;
  align-items: center;
  color: var(--color-text-1);
}
.c2cloan-nav-main-rig-icon {
  margin-right: 4px;
  display: block;
  width: 16px;
  height: 16px;
}
/* .c2cloanIcon_orderIcon path,
.c2cloanIcon_orderIcon rect {
  fill: var(--textColor3);
}
.c2cloanIcon_faq_stroke {
  stroke: var(--textColor3);
}
.c2cloanIcon_faq rect,
.c2cloanIcon_faq_path {
  fill: var(--textColor3);
}
.c2cloan-nav-main-rig li.active {
  color: var(--textColor1) !important;
} */
/* .c2cloan-nav-main-rig li.active .c2cloanIcon_orderIcon path,
.c2cloan-nav-main-rig li.active .c2cloanIcon_orderIcon rect,
.c2cloan-nav-main-rig li.active .c2cloanIcon_faq rect,
.c2cloan-nav-main-rig li.active .c2cloanIcon_faq_path {
  fill: #8d93a6;
}
.c2cloan-nav-main-rig li.active .c2cloanIcon_faq_stroke {
  stroke: #8d93a6;
}
.c2cloan-nav-main-rig li:hover {
  color: var(--c2354E6) !important;
} */
/* .c2cloan-nav-main-rig li:hover .c2cloanIcon_orderIcon path,
.c2cloan-nav-main-rig li:hover .c2cloanIcon_orderIcon rect,
.c2cloan-nav-main-rig li:hover .c2cloanIcon_faq rect,
.c2cloan-nav-main-rig li:hover .c2cloanIcon_faq_path {
  fill: var(--c2354E6) !important;
}
.c2cloan-nav-main-rig li:hover .c2cloanIcon_faq_stroke {
  stroke: var(--c2354E6) !important;
} */
.c2cloan-list-bg {
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 140px;
}
body.classic-dark .c2cloan-list-bg {
  background: #151926;
}

/* å€Ÿå‡ºåˆ—è¡¨/å€Ÿå…¥åˆ—è¡¨ */
.c2cloanBorrowlist-main,
.c2cloanLendlist-main {
  width: 1440px;
  margin: 0 auto;
}
.c2cloanBorrowlist-nav,
.c2cloanLendlist-nav {
  width: 100%;
  height: 40px;
  margin: 0 auto 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.c2cloanBorrowlist-nav-left,
.c2cloanLendlist-nav-left {
  display: flex;
  flex-direction: row;
}
.c2cloan-banner-main-left-buttons {
  margin-top: 32px;
  display: flex;
}
.c2cloan-banner-main-left-buttons .c2cloanLendlist-Borrowbtn {
  margin-left: 16px;
}
.c2cloan-banner-main-left-buttons .banner-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 40px;
  cursor: pointer;
  background: rgba(33, 116, 255, 1);
  border-radius: 20px;
  text-align: center;
  color: rgba(250, 250, 250, 1);
	font-size: var(--font-body-m);
	font-weight: 500;
}
/* .c2cloanBorrowlist-Borrowbtn {
  cursor: pointer;
  width: 148px;
  height: 40px;
  background: var(--Green);
  border-radius: 20px;
  text-align: center;
  color: var(--color-text-6);
	font-size: var(--font-body-m);
	font-weight: 500;
}
.c2cloanLendlist-Borrowbtn {
  cursor: pointer;
  width: 148px;
  height: 40px;
  background: var(--Red);
  border-radius: 20px;
  text-align: center;
  color: var(--color-text-6);
	font-size: var(--font-body-m);
	font-weight: 500;
} */
.c2cloanBorrowlist-con,
.c2cloanLendlist-con {
  width: 1440px;
  margin: 0 auto;
}
.c2cloanBorrowlist-tit,
.c2cloanLendlist-tit {
  width: 100%;
  height: 37px;
  line-height: 37px;
  color: var(--color-text-3);
  background: var(--color-card-1);
  font-size: var(--font-body-m);
	font-weight: 400;
  margin: 32px auto 16px;
  display: flex;
  align-content: center;
  flex-direction: row;
}
.c2cloanBorrowlist-tit1,
.c2cloanBorrowlist-item1 {
  width: 360px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 16px;
  box-sizing: border-box;
}
.c2cloanBorrowlist-tit2,
.c2cloanBorrowlist-tit3,
.c2cloanBorrowlist-tit4,
.c2cloanBorrowlist-tit5,
.c2cloanBorrowlist-item2,
.c2cloanBorrowlist-item3,
.c2cloanBorrowlist-item4,
.c2cloanBorrowlist-item5 {
  width: 230px;
}
.c2cloanBorrowlist-tit6,
.c2cloanBorrowlist-item6 {
  width: 159px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 16px;
  box-sizing: border-box;
}
.c2cloanLendlist-tit1,
.c2cloanLendlist-item1 {
  width: 360px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 16px;
  box-sizing: border-box;
}
.c2cloanLendlist-tit2,
.c2cloanLendlist-tit3,
.c2cloanLendlist-tit4,
.c2cloanLendlist-tit5,
.c2cloanLendlist-item2,
.c2cloanLendlist-item3,
.c2cloanLendlist-item4,
.c2cloanLendlist-item5 {
  width: 230px;
}
.c2cloanLendlist-tit6,
.c2cloanLendlist-item6 {
  width: 159px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 16px;
  box-sizing: border-box;
}
.c2cloanBorrowlist-con table,
.c2cloanBorrowlist-con tbody {
  width: 100%;
}
.c2cloanLendlist-con table,
.c2cloanLendlist-con tbody {
  width: 100%;
}
.c2cloanBorrowlist-item-main,
.c2cloanLendlist-item-main {
  width: 100%;
  height: 96px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c2cloanBorrowlist-item-main:hover,
.c2cloanLendlist-item-main:hover {
  background: var(--color-cmpt-7);
}
.c2cloanBorrowlist-item-main td,
.c2cloanLendlist-item-main td {
  height: 96px;
}
.c2cloanBorrowlist-item2,
.c2cloanBorrowlist-item4,
.c2cloanLendlist-item2,
.c2cloanLendlist-item4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
}
.c2cloanBorrowlist-item3,
.c2cloanLendlist-item3 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c2cloanBorrowlist-item5,
.c2cloanLendlist-item5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
}
.c2cloanBorrowlist-item4 .c2cloanBorrowlist-item-top {
  color: var(--Green) !important;
}
.c2cloanLendlist-item4 .c2cloanLendlist-item-top {
  color: var(--Red) !important;
}
.c2cloanBorrowlist-item-top,
.c2cloanLendlist-item-top {
  width: 100%;
  font-style: normal;
  font-weight: 600;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: var(--textColor1);
  text-align: left;
  margin-bottom: 8px;
}
.c2cloanBorrowlist-item-bot,
.c2cloanLendlist-item-bot {
  width: 100%;
  height: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: var(--textColor3);
  text-align: left;
  margin: 0;
}
.c2cloanBorrowlist-item-cen,
.c2cloanLendlist-item-cen {
  width: 100%;
  font-style: normal;
  font-weight: 600;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: var(--textColor1);
  text-align: left;
  margin: 0px;
}
.c2cloanBorrowlist-item-inline-cen,
.c2cloanLendlist-item-inline-cen {
  display: inline-block;
  font-style: normal;
  font-weight: 600;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  color: var(--textColor1);
  text-align: left;
  margin: 0px;
}
.c2cloanBorrowlist-item5-icon,
.c2cloanLendlist-item5-icon {
  display: inline-block;
  width: 52px;
  height: 20px;
  background: var(--cEEF1FA);
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 0 12px;
  color: var(--textColor2);
  font-weight: 600;
  text-align: center;
}
.c2cloanBorrowlist-listbtn {
  width: 64px;
  height: 32px;
  background: var(--Green);
  border-radius: 20px;
  line-height: 32px;
  text-align: center;
  color: var(--color-text-6);
  font-size: var(--font-body-m);
	font-weight: 500;
  cursor: pointer;
}
.c2cloanBorrowlist-listbtn-detail {
  width: 64px;
  height: 32px;
  background: #ffffff;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: var(--Green);
  cursor: pointer;
  border: 1px solid var(--Green);
}
.c2cloanlist-listbtn-saleout {
  width: 64px;
  height: 32px;
  background: #e6e9f2;
  border-radius: 20px;
  font-size: var(--font-body-m);
	font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #474f66;
  cursor: pointer;
}
.c2cloanLendlist-listbtn {
  width: 64px;
  height: 32px;
  background: var(--Red);
  border-radius: 20px;
  line-height: 32px;
  text-align: center;
  color: var(--color-text-6);
  font-size: var(--font-body-m);
	font-weight: 500;
  cursor: pointer;
}
.c2cloanLendlist-listbtn-detail {
  width: 64px;
  height: 32px;
  background: #ffffff;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: var(--Red);
  border: 1px solid var(--Red);
  cursor: pointer;
}
.c2cloanBorrowlist-item1-avatar,
.c2cloanLendlist-item1-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-size: 100%;
  position: relative;
}
.c2cloanBorrowlist-item1-noavatar,
.c2cloanLendlist-item1-noavatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  display: block;
  background-color: #83a0a3;
  color: #ffffff;
  font-size: 14px;
}
.c2cloanBorrowlist-item1-nummain,
.c2cloanLendlist-item1-nummain {
  width: 253px;
  height: 40px;
  margin-left: 12px;
}
.c2cloanBorrowlist-item1-online-icon,
.c2cloanLendlist-item1-online-icon {
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  right: 0;
  bottom: -5px;
  background: #11ad7a;
}
.c2cloanBorrowlist-item1-num-top,
.c2cloanLendlist-item1-num-top {
  width: 100%;
  height: 20px;
  margin: 0 0 8px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c2cloanBorrowlist-item1-num-top span,
.c2cloanLendlist-item1-num-top span {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  max-width: 195px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
  color: var(--textColor1);
}
.c2cloanBorrowlist-item1-num-top i,
.c2cloanLendlist-item1-num-top i {
  width: 16px;
  height: 16px;
  margin: 0 0 0 4px;
}
.c2cloanBorrowlist-item1-num-bot,
.c2cloanLendlist-item1-num-bot {
  width: 100%;
  height: 12px;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: var(--textColor3);
}
/* faqè¯´æ˜ */
.c2cloanfaq-main {
  width: 100%;
}
.c2cloanfaq-nav-bg {
  width: 100%;
  height: 64px;
  background: var(--faqnav);
  box-shadow: 0px 4px 8px rgba(70, 100, 140, 0.08);
  position: fixed;
  top: 64px;
  left: 0;
  z-index: 1;
}
.c2cloanfaq-nav-main {
  width: 1440px;
  height: 64px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.c2cloanfaq-nav-main p {
  margin: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: var(--textColor1);
}
.c2cloanfaq-nav-rig {
  cursor: pointer;
}
.c2cloanfaq-nav-main p path {
  stroke: var(--textColor1);
}
.c2cloanfaq-txt-main {
  width: 1440px;
  margin: 0 auto;
  padding: 88px 0 140px 0;
}
.c2cloanfaq-h {
  width: 100%;
  margin: 48px 0 24px 0;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: var(--textColor1);
}
.c2cloanfaq-txt {
  display: block;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--textColor2);
}
.c2cloanfaq-txt a {
  color: var(--c2354E6);
  margin-left: 4px;
}
.c2cloanfaq-btxt {
  display: block;
  width: 100%;
  font-style: normal;
  font-size: 16px;
  line-height: 150%;
  color: var(--textColor2);
  margin: 24px 0 0 0;
}
.c2cloanfaq-btxt span {
  color: var(--c2354E6);
}
.c2cloanfaq-ztxt {
  display: block;
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: var(--textColor2);
  margin: 48px 0 0 0;
}
/* æˆ‘çš„å€Ÿè´· */
.c2cloanMylist-main {
  width: 1440px;
  margin: 0 auto;
}
.c2cloanMylist-nav {
  width: 100%;
  height: 40px;
  margin: 0 auto 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.c2cloanMylist-nav-left,
.c2cloanMylist-nav-rig {
  width: 50%;
  height: 40px;
}
.c2cloanMylist-nav-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.c2cloanMylist-nav-left li {
  font-size: var( --font-subtitle);
	font-weight: 700;
  color: var(--color-text-3);
  margin: 0 32px 0 0;
  cursor: pointer;
  position: relative;
}
.c2cloanMylist-nav-left li.active {
  color: var(--color-text-1);
}
.c2cloanMylist-nav-left li:hover {
  color: var(--color-text-1);
}
.c2cloanMylist-nav-left li.active:before {
  content: '';
  background: var(--color-text-1);
  width: 100%;
  height: 2px;
  /* transform: translateX(-50%);
  left: 50%; */
  bottom: -16px;
  position: absolute;
}
.c2cloanMylist-nav-rig {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.c2cloanMylist-payset-btn {
  width: max-content;
  padding: 0 20px;
  height: 40px;
  background: var(--color-neutral-1);
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
  color: var(--color-text-1);
  margin: 0 24px 0 0;
  cursor: pointer;
  font-size: var(--font-body-m);
	font-weight: 500;
}
.c2cloanMylist-rement-btn {
  width: max-content;
  padding: 0 20px;
  height: 40px;
  background: var(--color-brand-1);
  border-radius: 20px;
  font-size: var(--font-body-m);
	font-weight: 500;
  line-height: 40px;
  color: var(--color-text-6);
  text-align: center;
  cursor: pointer;
}
.c2cloanMylist-list-main {
  width: 100%;
}
.c2cloanMylist-borrowList-main,
.c2cloanMylist-lengList-main {
  width: 100%;
  margin: 0 auto;
}
.c2cloanMylist-borrowList-tit {
  width: 100%;
  height: 37px;
  line-height: 37px;
  color: var(--color-text-3);
  background: var(--color-card-1);
  font-size: var(--font-body-m);
	font-weight: 400;
  margin: 32px auto 8px;
  display: flex;
  align-content: center;
  flex-direction: row;
}
/* .c2cloanMylist-borrowList-tit1,.c2cloanMylist-borrowList-tit2,.c2cloanMylist-borrowList-tit3,.c2cloanMylist-borrowList-tit4,.c2cloanMylist-borrowList-tit5,.c2cloanMylist-borrowList-tit6,.c2cloanMylist-borrowList-tit7{
    width: 159px;
    height: 16px;
    margin: 0 24px 0 0;
    text-align: left;
}
.c2cloanMylist-borrowList-tit8{
    width: 159px;
    height: 16px;
    margin: 0;
} */
.c2cloanMylist-borrowList-tit1 {
  width: 99px;
  height: 16px;
  margin: 0 26px 0 0;
  text-align: left;
  padding-left: 16px;
  box-sizing: border-box;
}
.c2cloanMylist-borrowList-tit2 {
  width: 96px;
  height: 16px;
  margin: 0 26px 0 0;
  text-align: left;
}
.c2cloanMylist-borrowList-tit3 {
  width: 96px;
  height: 16px;
  margin: 0 148px 0 0;
  text-align: left;
}
.c2cloanMylist-borrowList-tit4 {
  width: 95px;
  height: 16px;
  margin: 0 88px 0 0;
  text-align: left;
}
.c2cloanMylist-borrowList-tit5 {
  width: 156px;
  height: 16px;
  margin: 0 27px 0 0;
  text-align: left;
}
.c2cloanMylist-borrowList-tit6 {
  width: 152px;
  height: 16px;
  margin: 0 31px 0 0;
  text-align: left;
}
.c2cloanMylist-borrowList-tit7 {
  width: 159px;
  height: 16px;
  margin: 0 40px 0 0;
  text-align: left;
}
.c2cloanMylist-borrowList-tit8 {
  width: 204px;
  height: 16px;
  margin: 0;
}
.c2cloanMylist-borrowList-main table,
.c2cloanMylist-borrowList-main tbody {
  width: 1440px;
  margin: 0 auto;
}
.c2cloanMylist-borrowList-item-main {
  width: 100%;
  height: 96px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c2cloanMylist-borrowList-item-main:hover{
  background: var(--color-cmpt-7);
}
/* .c2cloanMylist-borrowList-item1,.c2cloanMylist-borrowList-item2,.c2cloanMylist-borrowList-item3,.c2cloanMylist-borrowList-item4,.c2cloanMylist-borrowList-item5,.c2cloanMylist-borrowList-item6,.c2cloanMylist-borrowList-item7{
    width: 159px;
    height: 96px;
    margin: 0 24px 0 0;
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--textColor1);
    display: flex;
    align-items: center;
}
.c2cloanMylist-borrowList-item8{
    width: 159px;
    height: 96px;
    margin: 0;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
} */
/* .c2cloanMylist-borrowList-item8-btn{
    color: var(--c2354E6);
    cursor: pointer;
}
.c2cloanMylist-borrowList-item8-nobtn{
    color: var(--textColor4);
} */
.c2cloanMylist-borrowList-item1 {
  width: 99px;
  height: 96px;
  margin: 0 26px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
  padding-left: 16px;
  box-sizing: border-box;
}
.c2cloanMylist-borrowList-item2 {
  width: 96px;
  height: 96px;
  margin: 0 26px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
}
.c2cloanMylist-borrowList-item3 {
  width: 96px;
  height: 96px;
  margin: 0 148px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.c2cloanMylist-borrowList-item4 {
  width: 95px;
  height: 96px;
  margin: 0 88px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
}
.c2cloanMylist-borrowList-item5 {
  width: 156px;
  height: 96px;
  margin: 0 27px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.c2cloanMylist-borrowList-item6 {
  width: 152px;
  height: 96px;
  margin: 0 31px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
}
.c2cloanMylist-borrowList-item7 {
  width: 159px;
  height: 96px;
  margin: 0 40px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
}
.c2cloanMylist-borrowList-item8 {
  width: 204px;
  height: 96px;
  margin: 0 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 16px;
  box-sizing: border-box;
}
.c2cloanMylist-borrowList-item8-btn {
  /* width: 80px; */
  height: 16px;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c2cloanMylist-borrowList-item8-actbtn {
  color: var(--c2354E6);
  cursor: pointer;
}
.c2cloanMylist-borrowList-item8-nobtn {
  color: var(--textColor4);
  cursor: no-drop;
}
.c2cloanMylist-lengList-tit {
  width: 100%;
  height: 37px;
  line-height: 37px;
  color: var(--color-text-3);
  background: var(--color-card-1);
  font-size: var(--font-body-m);
	font-weight: 400;
  margin: 32px auto 8px;
  display: flex;
  align-content: center;
  flex-direction: row;
}
/* .c2cloanMylist-lengList-tit1,.c2cloanMylist-lengList-tit2,.c2cloanMylist-lengList-tit4,.c2cloanMylist-lengList-tit5,.c2cloanMylist-lengList-tit6,.c2cloanMylist-lengList-tit9{
    width: 98px;
    height: 16px;
    margin: 0 24px 0 0;
    text-align: left;
}
.c2cloanMylist-lengList-tit3{
    width: 159px;
    height: 16px;
    margin: 0 24px 0 0;
    text-align: left;
}
.c2cloanMylist-lengList-tit7{
    width: 120px;
    height: 16px;
    margin: 0 24px 0 0;
    text-align: left;
}
.c2cloanMylist-lengList-tit8{
    width: 64px;
    height: 16px;
    margin: 0 24px 0 0;
    text-align: left;
}
.c2cloanMylist-lengList-tit10{
    width: 293px;
    height: 16px;
    margin: 0;
    text-align: left;
} */
.c2cloanMylist-lengList-tit1 {
  width: 98px;
  height: 16px;
  margin: 0 85px 0 0;
  text-align: left;
  padding-left: 16px;
  box-sizing: border-box;
}
.c2cloanMylist-lengList-tit2 {
  width: 98px;
  height: 16px;
  margin: 0 146px 0 0;
  text-align: left;
}
.c2cloanMylist-lengList-tit3 {
  width: 159px;
  height: 16px;
  margin: 0 85px 0 0;
  text-align: left;
}
.c2cloanMylist-lengList-tit4 {
  width: 98px;
  height: 16px;
  margin: 0 85px 0 0;
  text-align: left;
}
.c2cloanMylist-lengList-tit5 {
  width: 98px;
  height: 16px;
  margin: 0 120px 0 0;
  text-align: left;
}
.c2cloanMylist-lengList-tit6 {
  width: 368px;
  height: 16px;
  margin: 0 0 0 0;
  text-align: left;
}
.c2cloanMylist-lengList-main table,
.c2cloanMylist-lengList-main tbody {
  width: 1440px;
  margin: 0 auto;
}
.c2cloanMylist-lengList-item-main {
  width: 100%;
  height: 96px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.c2cloanMylist-lengList-item-main:hover{
  background: var(--color-cmpt-7);
}
/* .c2cloanMylist-lengList-item1,.c2cloanMylist-lengList-item2,.c2cloanMylist-lengList-item4,.c2cloanMylist-lengList-item5,.c2cloanMylist-lengList-item6,.c2cloanMylist-lengList-item9{
    width: 98px;
    height: 96px;
    margin: 0 24px 0 0;
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--textColor1);
    display: flex;
    align-items: center;
}
.c2cloanMylist-lengList-item3{
    width: 159px;
    height: 96px;
    margin: 0 24px 0 0;
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--textColor1);
    display: flex;
    align-items: center;
}
.c2cloanMylist-lengList-item7{
    width: 120px;
    height: 96px;
    margin: 0 24px 0 0;
    display: flex;
    align-items: center;
}
.c2cloanMylist-lengList-item8{
    width: 64px;
    height: 96px;
    margin: 0 24px 0 0;
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--textColor1);
    display: flex;
    align-items: center;
}
.c2cloanMylist-lengList-item10{
    width: 293px;
    height: 96px;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}
.c2cloanMylist-lengList-item7-speedcon{
    width: 100%;
    height: 8px;
    background-color: var(--cF5F6FA);
    border-radius: 4px;
    overflow: hidden;
}
.c2cloanMylist-lengList-item7-speedlin{
    height: 8px;
    background-color: #11AD7A;
    border-radius: 4px;
}
.c2cloanMylist-lengList-btn{
    width: 64px;
    height: 32px;
    border-radius: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    margin-left: 16px;
}
.c2cloanMylist-lengList-actbtn{
    color: var(--c2354E6);
    cursor: pointer;
}
.c2cloanMylist-lengList-nobtn{
    color: var(--textColor4);
} */
.c2cloanMylist-lengList-item1 {
  width: 98px;
  height: 96px;
  margin: 0 85px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
  padding-left: 16px;
  box-sizing: border-box;
}
.c2cloanMylist-lengList-item2 {
  width: 98px;
  height: 96px;
  margin: 0 146px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
}
.c2cloanMylist-lengList-item3 {
  width: 159px;
  height: 96px;
  margin: 0 85px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
}
.c2cloanMylist-lengList-item4 {
  width: 98px;
  height: 96px;
  margin: 0 85px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
}
.c2cloanMylist-lengList-item5 {
  width: 98px;
  height: 96px;
  margin: 0 120px 0 0;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--textColor1);
  display: flex;
  align-items: center;
}
.c2cloanMylist-lengList-item6 {
  width: 368px;
  height: 96px;
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 16px;
  box-sizing: border-box;
}
.c2cloanMylist-lengList-btn {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}
.c2cloanMylist-lengList-actbtn {
  color: var(--c2354E6);
  cursor: pointer;
}
.c2cloanMylist-lengList-nobtn {
  color: var(--textColor4);
  cursor: no-drop;
}
.LoginModalBody {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: var(--textColor3);
  margin: 0 0 40px 0;
}
.LoginModalFoot {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.AdModal-row {
  width: 100%;
  margin: 25px auto 0;
}
.AdModal-row-lable {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: var(--textColor3);
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.AdModal-row-lable-down {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: var(--textColor3);
  margin-top: 12px;
}
.AdModal-row-lable-down-num {
  color: var(--textColor2);
  margin: 0 0;
}
.AdModal-row-lable-down a {
  color: var(--c2354E6);
}
.AdModal-rightSection {
  display: flex;
  align-items: center;
}
.AdModal-rightSection-txt {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  color: var(--textColor2);
}
.AdModal-rightSection-line {
  width: 1px;
  height: 12px;
  background: var(--textColor4);
  margin: 0 8px;
  display: inline-block;
}
.AdModal-rightSection-icon-con {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  height: 40px;
}
.AdModal-rightSection-icon-up {
  height: 18px;
  display: flex;
  flex-direction: column-reverse;
}
.AdModal-rightSection-icon-down {
  height: 18px;
  display: flex;
  flex-direction: column;
}
.AdModal-rightSection-icon-up:hover path,
.AdModal-rightSection-icon-down :hover path {
  fill: var(--c2354E6) !important;
}
.AdModal-err-txt {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #cc3d3d;
}
.AdModal-row-two {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.AdModal-row-two-item {
  width: 48%;
}
.AdModal-rightSection-txt-two {
  margin-right: 10px;
}
.AdModal-pay-main {
  width: 100%;
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.AdModal-pay-main-item {
  margin-right: 16px;
}
.AdModal-btn-main {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.AdModal-interest-main {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background: var(--cF8F9FB);
  margin: 16px auto 32px;
}

.AdModal-interest-main-item {
  width: 100%;
  height: 12px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.AdModal-interest-main-item-left {
  color: var(--textColor4);
}
.AdModal-interest-main-item-rig {
  color: var(--textColor2);
}
.AdModal-interest-main-line {
  display: block;
  width: 100%;
  height: 1px;
  background: #e6e9f2;
  margin-bottom: 16px;
}
body.classic-dark .AdModal-interest-main-line {
  background: #0f1526;
}

.c2cloanMylist-lengList-item2-renew {
  position: relative;
}
.c2cloanMylist-lengList-item2-renewicon {
  font-weight: 600;
  font-size: 16px;
  color: #2354e6;
  position: absolute;
  width: max-content;
  top: -13px;
}

.Update-interest-main {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background: var(--cF8F9FB);
  margin: 0 auto;
}
.Update-row {
  width: 100%;
  margin: 15px auto 25px;
}
.Modal-inpot-tip-row {
  padding: 12px;
  box-sizing: border-box;
  width: 100%;
  background: rgba(204, 61, 61, 0.08);
  border-radius: 4px;
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Modal-inpot-tip-row-icon {
  width: 14px;
  height: 14px;
}
.Modal-inpot-tip-row-txt {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #cc3d3d;
  padding-left: 8px;
}

.modalRow {
  padding: 8px 0;
}
.modal_body .modalRow.blockRow {
  width: 100%;

  display: block;
}
#p2p_edit_modal-body .modalRow.blockRow {
  min-width: 552px;
}
.modalRow.blockRow .input_icon {
  left: 16px;
  top: 1px;
  bottom: 1px;
  justify-content: flex-start;
}
.modalRow.blockRow .select_icon {
  left: 1px;
  top: 1px;
  bottom: 1px;
  justify-content: flex-start;
}
.modalRow.blockRow .input_input {
  text-align: right;
  height: 40px;
}
.modalRow.blockRow .inline_input {
  text-align: right;
}
.modalRow.blockRow .select_root input {
  font-weight: var(--fontWeightBold);
  font-size: 14px;
}
.modalRow.blockRow input.select_input {
  height: 40px;
}
.mantine-checkbox-root .mantine-checkbox-label {
  padding-left: 4px;
}

/*modal*/
.modalRow.blockRow .input_icon {
  width: 220px;
}
.modalRow.blockRow .input_input {
  padding-left: 220px !important;
}
.modal_body .modalRow.flexRow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/* å¤åˆ¶æŒ‰é’® */
.copybtn {
  border: 0.5px solid #b8bdcc;
  color: #b8bdcc;
  border-radius: 18px;
  height: 12px;
  padding: 2px 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 8px;
  font-weight: 400;
}
.copybtn:hover {
  border: 0.5px solid #2354e6;
  color: #2354e6;
}
.copybtn-success {
  border: 0.5px solid #11ad7a;
  color: #11ad7a;
  border-radius: 18px;
  height: 12px;
  padding: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
}

.paybackModal-order-main {
  width: 100%;
  padding-right: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  margin: 0 auto;
}
.paybackModal-order-main-item {
  width: 100%;
  height: 12px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.paybackModal-order-main-item-left {
  color: var(--textColor3);
}
.paybackModal-order-main-item-rig {
  color: var(--textColor2);
}

.mydetailModal-order-main {
  width: 100%;
  padding-right: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  margin: 0 auto;
}
.mydetailModal-order-main-item {
  width: 100%;
  height: 12px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mydetailModal-order-main-item-left {
  color: var(--textColor4);
}
.mydetailModal-order-main-item-rig {
  color: var(--textColor2);
  display: flex;
}

.bankpay-color-block {
  width: 2px;
  height: 12px;
  background: #ff860d;
}

.alipay-color-block {
  width: 2px;
  height: 12px;
  background: #2354e6;
}

.wechat-color-block {
  width: 2px;
  height: 12px;
  background: #11ad7a;
}

.mydetailModal-order-main-item-rig-el {
  display: flex;
  margin-left: 24px;
}

.mydetailModal-order-main-item-rig-el-text {
  margin-left: 6px;
}

.buymore-list-title-wrap {
  display: flex;
  width: 100%;
}
.buymore-list-title-item {
  color: #8d93a6;
  text-align: center;
  line-height: 35px;
}
.buymore-list-item-wrap {
  display: flex;
  width: 100%;
  line-height: 23px;
}
.buymore-list-item {
  text-align: center;
  width: 100%;
  line-height: 20px;
}
/* ç‚¹å‡»å¼±åŒ–æ&nbsp;·å¼ */
.c2cloan_noclick_btn {
  color: var(--textColor1);
  cursor: not-allowed;
}

/* åª’ä½“æŸ¥è¯¢1280å®½åº¦ */
@media screen and (max-width: 1440px) {
  body,
  html {
    width: 100%;
    min-width: 1280px;
  }
  .c2cloanAppView {
    width: 100%;
    min-width: 1280px;
  }
  .c2cloan-banner-main {
    width: 1280px;
  }
  .c2cloan-nav-bg {
    width: 100%;
    min-width: 1280px;
  }
  .c2cloan-nav-main {
    width: 1280px;
  }
  .c2cloanBorrowlist-main {
    width: 1280px;
  }
  .c2cloanBorrowlist-con {
    width: 1280px;
  }
  .c2cloanBorrowlist-tit2,
  .c2cloanBorrowlist-tit3,
  .c2cloanBorrowlist-tit4,
  .c2cloanBorrowlist-tit5,
  .c2cloanBorrowlist-item2,
  .c2cloanBorrowlist-item3,
  .c2cloanBorrowlist-item4,
  .c2cloanBorrowlist-item5 {
    width: 214px;
  }
  .c2cloanBorrowlist-tit6,
  .c2cloanBorrowlist-item6 {
    width: 119px;
  }
  .c2cloanLendlist-main {
    width: 1280px;
  }
  .c2cloanLendlist-con {
    width: 1280px;
  }
  .c2cloanLendlist-tit2,
  .c2cloanLendlist-tit3,
  .c2cloanLendlist-tit4,
  .c2cloanLendlist-tit5,
  .c2cloanLendlist-item2,
  .c2cloanLendlist-item3,
  .c2cloanLendlist-item4,
  .c2cloanLendlist-item5 {
    width: 214px;
  }
  .c2cloanLendlist-tit6,
  .c2cloanLendlist-item6 {
    width: 119px;
  }
  .c2cloanfaq-nav-main {
    width: 1280px;
  }
  .c2cloanfaq-txt-main {
    width: 1280px;
  }
  .c2cloanMylist-main {
    width: 1280px;
  }
  .c2cloanMylist-borrowList-main table,
  .c2cloanMylist-borrowList-main tbody {
    width: 1280px;
  }
  /* .c2cloanMylist-borrowList-item1,.c2cloanMylist-borrowList-item2,.c2cloanMylist-borrowList-item3,.c2cloanMylist-borrowList-item4,.c2cloanMylist-borrowList-item5,.c2cloanMylist-borrowList-item6,.c2cloanMylist-borrowList-item7{
        width: 139px;
    }
    .c2cloanMylist-borrowList-item8{
        width: 139px;
    } */
  /* .c2cloanMylist-borrowList-tit1{
        width: 83.74px;
    }
    .c2cloanMylist-borrowList-tit2{
        width: 81.19px;
    }
    .c2cloanMylist-borrowList-tit3{
        width: 81.19px;
    }
    .c2cloanMylist-borrowList-tit4{
        width: 80.35px;
    }
    .c2cloanMylist-borrowList-tit5{
        width: 131.94px;
    }
    .c2cloanMylist-borrowList-tit6{
        width: 128.56px;
    }
    .c2cloanMylist-borrowList-tit7{
        width: 134.48px;
    }
    .c2cloanMylist-borrowList-tit8{
        width: 172.55px;
    } */

  .c2cloanMylist-borrowList-item1 {
    width: 83.47px;
  }
  .c2cloanMylist-borrowList-item2 {
    width: 81.19px;
  }
  .c2cloanMylist-borrowList-item3 {
    width: 81.19px;
  }
  .c2cloanMylist-borrowList-item4 {
    width: 80.35px;
  }
  .c2cloanMylist-borrowList-item5 {
    width: 131.94px;
  }
  .c2cloanMylist-borrowList-item6 {
    width: 128.56px;
  }
  .c2cloanMylist-borrowList-item7 {
    width: 134.48px;
  }
  .c2cloanMylist-borrowList-item8 {
    width: 172.55px;
  }
  .c2cloanMylist-borrowList-item8-btn {
    margin-right: 15px;
  }
  .c2cloanMylist-lengList-main table,
  .c2cloanMylist-lengList-main tbody {
    width: 1280px;
  }
  .c2cloanMylist-lengList-tit1 {
    width: 74.73px;
  }
  .c2cloanMylist-lengList-tit2 {
    width: 74.73px;
  }
  .c2cloanMylist-lengList-tit3 {
    width: 120.76px;
  }
  .c2cloanMylist-lengList-tit4 {
    width: 94.73px;
  }
  .c2cloanMylist-lengList-tit5 {
    width: 84.73px;
  }
  .c2cloanMylist-lengList-tit6 {
    width: 308px;
  }
  .c2cloanMylist-lengList-item1 {
    width: 74.73px;
  }
  .c2cloanMylist-lengList-item2 {
    width: 74.73px;
  }
  .c2cloanMylist-lengList-item3 {
    width: 120.76px;
  }
  .c2cloanMylist-lengList-item4 {
    width: 94.73px;
  }
  .c2cloanMylist-lengList-item5 {
    width: 84.73px;
  }
  .c2cloanMylist-lengList-item6 {
    width: 308px;
  }
  /* .c2cloanMylist-lengList-item1,.c2cloanMylist-lengList-item2,.c2cloanMylist-lengList-item4,.c2cloanMylist-lengList-item5,.c2cloanMylist-lengList-item6,.c2cloanMylist-lengList-item9{
        width: 85px;
    }
    .c2cloanMylist-lengList-item3{
        width: 138px;
    }
    .c2cloanMylist-lengList-item7{
        width: 104px;
    }
    .c2cloanMylist-lengList-item8{
        width: 55px;
    }
    .c2cloanMylist-lengList-item10{
        width: 254px;
    } */
}
#mainHeader {
  z-index: 200;
}
@media screen and (max-width: 767.9px) {
  .footer-container {
    display: none !important;
  }
  .phone-footer-container {
    display: block !important;
  }
}
.c2cLoanLoading{
	height: 50vw;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
}
.spinner {display:none;margin: 0 auto;width:50px;text-align: center;}
.spinner &gt; div {width: 10px;height: 10px;background-color:var(--brandColor);border-radius: 100%;display: inline-block;-webkit-animation: bouncedelay 1.4s infinite ease-in-out;animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0.0)} 40% {-webkit-transform: scale(1.0)}}
@keyframes bouncedelay {0%, 80%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);} 40% {transform: scale(1.0);-webkit-transform: scale(1.0);}}
</pre></body></html>