.my_cryptoloan_wrap{min-width:1280px;}
.mortgage-nav{height:50px;}
.mortgage-nav ul{display:inline-block;height: 100%;font-size: 16px}
.mortgage-nav li{margin-left:40px;float: left;height: 100%;color:rgba(255, 255, 255, 0.6);display: flex;align-items: center;justify-content: center;font-weight: 500}
.mortgage-nav .active{border-bottom: 2px solid var(--brandColor);color:#fff}
.dark-body .mortgage-nav .active{border-bottom: 2px solid var(--brandColor);}
.classic-dark .mortgage-nav .active{border-bottom: 2px solid var(--brandColor);}
.mortgage-nav li:first-child{margin-left:0}
.mortgage-nav li a{display:block;color:rgba(255,255,255,0.6);}
.mortgage-nav li a:hover{color:#fff}
.mortgage_leftbar {background:#fff;width: 300px;height: 683px;border-radius: 4px;padding:16px 0 34px;margin-right: 8px;min-width: 265px}
.mortgage_leftbar #marketSearch{ margin: 0 16px 6px;border-radius:4px !important;width: 88% !important;background-position-x: 16px;padding:5px 16px 5px 40px;background-image: url("/images/finance/coin_search.svg");background-color: #F7F7F7;border: none}
.mortgage_leftbar .icon-16,.deposit-sec .icon-16{margin-left: 2px;}
.mortgage_leftbar th .fav-icon {margin-top: 4px;}
#marketlistTabCon tbody{height: 570px;overflow: hidden;overflow-y: scroll;padding-left: 16px}
#marketlistTabCon tbody:hover{padding-right: unset !important;}
#marketlistTabCon table tbody tr{height: 48px;display: flex;align-items: center;padding: 0}
#marketlistTabCon table td {line-height: 30px;text-align: center;font-size: 12px;font-weight: 500;}
#marketlistTabCon table tr td:first-child{text-align: left;white-space: nowrap;line-height: 16px;}
#marketlistTabCon th:nth-child(2){text-align: right;white-space: nowrap;}
#marketlistTabCon thead{padding-right:8px;}
.bizhong_en{padding: 0 4px;font-size: 12px;color:#333333 !important;font-weight:500;line-height: 18px}
#marketlistTabCon table th:last-child {width: 8%}
#marketlistTabCon table td:last-child {width: 8%}
#mortgage_last_trade_title {padding: 30px 0 20px 0;font-size:1.2em;}
#mortgage_last_trade_refresh_img,#mortgage_borrow_list_refresh_img {float:right;cursor: pointer;margin-left: 16px}

#mortgage_last_trade_record {display: none;height:100%;padding: 0 16px}
#mortgage_last_trade_record table {width:100%;}
#mortgage_last_trade_record table th {color:#666;font-weight: normal;}
#mortgage_last_trade_record tr {height: 35px; line-height:35px;text-align: center;display: block; width: 100%; }
#mortgage_last_trade_record thead {
  /* width: calc(100% - 28px); */
  width: 100%;
  display: table;
}
#mortgage_last_trade_record thead tr th, #mortgage_last_trade_record tbody tr td {display: block; float: left; width: 25%;}
#mortgage_last_trade_record thead tr th:first-child {text-align:left;}
#mortgage_last_trade_record tbody tr td:first-child {text-align:left;}
/* #mortgage_last_trade_record thead tr th:last-child {text-align:right;} */
/* #mortgage_last_trade_record tbody tr td:last-child {text-align:right;width: calc(25% - 16px)} */
#mortgage_last_trade_record tbody {height: 610px;display:block;overflow: hidden;overflow-y:scroll;width:100%}
#mortgage_last_trade_record tbody::-webkit-scrollbar {display:none;}

.full-screen-slider{width:100%;height:312px;position:relative;background: url(/images/bg_head_CryptoLoan_1280.png) no-repeat;background-size: cover;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.cryptoloan-banner-title{font-size:60px;font-weight: 100;color: #FFFFFF}
.cryptoloan-banner span{font-size:20px;line-height:20px;color: #FFFFFF;margin-top:45px;font-weight: 100;max-width: 1066px;text-align:center}
@media screen and (min-width: 1281px) {
.full-screen-slider{background: url(/images/bg_head_aCryptoLoan_1920.png) no-repeat;background-size: cover;}
}
.mortgage-title{display: flex;align-items: center;font-size: 20px;font-weight: bold;height: 28px;margin-bottom: 16px;}
.account-content{padding: 16px;background-color: #fff;border-radius: 4px;margin-bottom: 8px}
.borrow-list-container{display: flex;background: #fff;flex-direction: column;height: 100%;border-radius: 4px;padding: 0 16px;}
.mortgage_main_content {width: 75%;height:734px;position: relative;}
.borrow_list_header {font-size: 16px;margin-bottom: 16px;justify-content: space-between}
.borrow_list_footer {font-size: 16px;margin: 16px 0 6px;justify-content: space-between}
.trade-main {margin-left: 0;justify-content: space-between;align-items: start;padding-bottom: 10px;;padding-right: 0 !important;}
.borrow_list_title {font-size:16px;font-weight: 500;font-family: din}
.borrow_list_footer_title {font-size:16px;font-weight: 500;font-family: din}
.mortgage-body {justify-content: space-between;}
.info_header {color: #999;margin-bottom: 8px;font-size: 13px;}
.classic-dark .info_header ,.dark-body .info_header {color: #91979e}
.info_text {font-size: 14px;font-weight: 500;color: #333;}
.trade_button {width: 90px;height:28px;border: 1px solid var(--brandColor);background: var(--brandColor);line-height: 28px;text-align: center;font-size: 14px;color: #FFFFFF;cursor: pointer;}
.withdrawal_button {min-width: 90px;height:28px;margin-left:5px;border: 1px solid var(--brandColor);background: #FFFFFF;line-height: 28px;text-align: center;font-size: 14px;color: var(--brandColor);cursor: pointer;}
.financial_button {min-width: 64px;height:24px;border: 1px solid var(--brandColor);background: #FFFFFF;line-height: 24px;text-align: center;font-size: 12px;color: var(--brandColor);cursor: pointer;padding:0 8px}

#mortgageBorrowList thead, #mortgage_orders_table thead{height: 0 !important;}
#mortgageBorrowList_wrapper .dataTables_scrollHeadInner, #mortgageBorrowList_wrapper .dataTables_scrollHeadInner table {width: 100% !important;font-size: 12px;}
.dataTables_scroll {
  overflow: hidden;
}
.borrow_list_show .dataTables_scrollBody{height: 514px;overflow-y: scroll;padding-right: 16px;}
.borrow_list_show .dataTables_scrollBody::-webkit-scrollbar {
  display: none;
}
.borrow_list_show {height: 100%;width: 100%;box-sizing: border-box;display: flex;flex-direction: column}
.borrow_list_show table {font-size: 14px;}
.borrow_list_show table tr {height: 52px}
.borrow_list_show table tr td{border-bottom: 1px solid #f0f0f0;font-size: 12px;}
.borrow_list_show table tbody tr {}
.mortgage-create{background: none;border:none;color: white;background: var(--brandColor);height: 28px;line-height: 29px;padding:0 10px;border-radius:4px;display: inline-block;font-size: 12px;cursor: pointer;}
.borrow_list_show table th,.sectioncont table th {color:#999;font-weight: normal;}
.borrow_list_show table td,.borrow_list_show table th {text-align: left;cursor: default;}
.borrow_list_show table td:first-child,.borrow_list_show table th:first-child {width: 29%}
.borrow_list_show table td:nth-child(2),.borrow_list_show table th:nth-child(2) {width: 29%;}
.borrow_list_show table td:nth-child(3),.borrow_list_show table th:nth-child(3) {width: 29%;}
.borrow_list_show table th:last-child {width:13%;text-align: right;}
.borrow_list_show table td:last-child{text-align: right}

.margin-icon__mark {display: inline-block;min-width: 14px;height: 14px;line-height: 14px;font-size: 12px;text-align: center;border-radius: 50%;margin-right: 5px;font-style: normal;color: var(--warningColor);border: 1px solid var(--warningColor);font-weight: bold;}

.common-tags {display: inline-block;min-width: 14px;height: 12px;line-height: 14px;font-size: 12px;text-align: center;border-radius: 50%;margin-left: 5px;font-style: normal;color: #fff;background: #C4D4DB;}

#noty_customCenter_layout_container table, noty_customCenterSlim_layout_container table {border: 1px solid #e4ebf0}
#noty_customCenterSlim_layout_container div.noty_bar {height: 92%;overflow-y: auto;}
#noty_body {margin-top: 61px;margin-bottom: 10px}
.mortgage-borrow #noty_body .line {display: flex;padding-bottom: 10px;padding-top:10px;align-items: center}
.mortgage-borrow #noty_body .line-info {background-color: #f7f7f7; margin-bottom: 10px;border-radius: 3px;padding:8px 24px;}
.mortgage-borrow #noty_body .auto_renew_info {padding-bottom: 0;padding-top:0;}
.mortgage-borrow #noty_body .info {padding: 8px 0}
.mortgage-borrow #noty_body .info label{font-weight: 400 !important;}
.mortgage-borrow #noty_body .info span {float: right;font-family: din;}
.mortgage-borrow #noty_body .label,.repay #noty_body .label {display: inline-block;font-size: 14px;width: 80px;color: #333;font-weight: 500}
#noty_body select {font-size: 14px;height: 40px;border: 1px solid #e6e6e6;flex: 1;padding-left: 16px}
#noty_body input{font-size: 14px;flex: 1;padding-left: 16px;height: 40px;}
#noty_body .line {position: relative;box-sizing: border-box;}
#noty_body .line .borrow-currency{position: absolute;right: 16px;font-size: 14px;color:#333}
#noty_body .mortgage-asset {position: relative;}
#noty_body .mortgage-asset .last-span {position: absolute;right: 10px;}
#noty_body .amountTip,.amountTipContent {color: #666;font-size: 12px;margin-top: -10px;padding-bottom: 10px; white-space: nowrap;}
.gradient-bar{background:linear-gradient(to right,#25786A,var(--brandColor));position:relative;height:30px;line-height:30px;overflow-x: hidden;}
.gradient-bar-numer{position:absolute;padding-left:5px;transition:all .5s;color:#fff;font-size:.8rem;border-bottom:none!important;}
.gradient-bar-line{height:100%;border-left:2px solid #fff;position:absolute;transition:all .5s}
.gradient-bar-left-ico{width:15px;position:absolute;left:5px;top:8px}
.gradient-bar-right-ico{width:15px;position:absolute;right:5px;top:5px}
.flex-between{display:flex;justify-content:space-between}
.lever-bar-container{position:relative;height:40px;width: 100%}
.leverbar-line{border-bottom:4px solid #ccc;position:absolute;top:18px;left:15px;right:17px}
.dark-body .leverbar-marker-before{background-color: #4F555C}
.dark-body .leverbar-line{border-color: #4F555C}
.classic-dark .leverbar-marker-before{background-color: #4F555C}
.classic-dark .leverbar-line{border-color: #4F555C}
.leverbar-marker-container{position:relative;top:15px;color:#8f95a8}
.leverbar-marker-before{content:'';width:10px;height:10px;background:#ccc;border-radius:10px;display:block;color:#8f95a8;position:relative}
.leverbar-marker{text-align:center;font-size:12px;cursor:pointer;font-weight:300}
.leverbar-marker.active{color:#0CCC92}
.leverbar-marker.active .leverbar-marker-before{background:#0CCC92}
.progress-active{width: 0%;border-bottom: 4px solid #0CCC92;position: absolute;}

#noty_customCenterSlim_layout_container .mortgage-borrow,#noty_customCenterSlim_layout_container .repay {background: #fff;border-radius: 8px}
.mortgage-borrow .noty_title,.repay .noty_title {position: absolute;top: 0;left: 0;height: 60px;width: 100%;font-size: 20px;background: #f7f7f7;line-height: 60px;justify-content: space-between}
.mortgage-borrow .noty_title span,.repay .noty_title span {margin-left: 24px}
.mortgage-borrow .noty_title img,.repay .noty_title img {margin-right: 24px}
.mortgage-borrow #noty_body .line.tip {padding: 0 0 10px}
.mortgage-borrow .noty_footer {font-size: 12px;color: var(--warningColor);width:92%;padding-top: 8px;padding-bottom: 8px;}
.mortgage-borrow .noty_buttons {display: flex;justify-content: flex-end;}
.mortgage-borrow #button-0,.mortgage-borrow #button-1 {max-width: 220px;font-weight: 500}
.cn-body .mortgage-borrow #button-0 {width: 96px;height: 40px;}
.cn-body .mortgage-borrow #button-1 {width: 150px;height: 40px;}
.mortgage-borrow #button-0,.repay #button-0 {background: #fff;color: #333;border:1px solid #e6e6e6;padding:9px 32px;margin-right: 16px;border-radius: 4px;}
.mortgage-borrow #button-1 {background: var(--brandColor)!important;padding:9px 32px;border-radius: 4px;}

@media screen and (min-width: 1920px) {
}
@media screen and (max-width: 1500px) {
.mortgage_leftbar {font-size: 12px;}
}

.mortgage-orders-tab {margin-top:16px;position: relative;font-size: 14px;margin-bottom: 8px;display: flex;}
.mortgage-orders-tab li {border-radius: 4px;align-items:center;font-weight: 500;color: #666;font-weight: 500;position: relative;margin-right: 32px;cursor: pointer;}
.mortgage-orders-tab li.active {color:#333}
.mortgage-orders-tab li.active::after{
  content: '';
  width: 24px;
  height: 3px;
  background: var(--brandColor);
  border-radius: 2px;
  position: absolute;
  left: calc(50% - 12px);
  bottom: -8px;
}
.mortgage_table thead {border-bottom: 1px solid #F0F0F0;}
.mortgage-table-container .dataTables_scrollHeadInner {width: 100% !important;}
.mortgage-table-container .mortgage_table{width: 100% !important;font-size: 14px;}
.mortgage-table-container.borrow-records th:first-child {width: 7% !important;text-align: left;padding: 16px 0 16px 16px}
.mortgage-table-container.borrow-records th:nth-child(2) {width: 8% !important;text-align: left}
.mortgage-table-container.borrow-records th:nth-child(3) {width: 10% !important;text-align: left}
.mortgage-table-container.borrow-records th:nth-child(4) {width: 7% !important;text-align: left}
.mortgage-table-container.borrow-records th:nth-child(5) {width: 10% !important;text-align: left;}
.mortgage-table-container.borrow-records th:nth-child(6) {width: 11% !important;text-align: left}
.mortgage-table-container.borrow-records th:nth-child(7) {width: 11% !important;text-align: left}
.mortgage-table-container.borrow-records th:nth-child(8) {width: 14% !important;text-align: left}
.mortgage-table-container.borrow-records th:nth-child(9) {width: 8% !important;text-align: left}
.mortgage-table-container.borrow-records th:last-child {width: 14% !important;text-align: right;padding-right: 16px;}
/* .mortgage-table-container.borrow-records th,.trecords th{border: none !important;} */
.mortgage-table-container {}
.trecords th, .trecords td{text-align: left;}
.trecords th:first-child, .trecords td:first-child{padding: 16px 0 16px 16px;}
.trecords th:last-child, .trecords td:last-child{padding-right: 10px;text-align: right;}
#mortgage_orders_table-margin-hiotory_wrapper th:nth-child(2){width: 150px !important;}
#mortgage_orders_table-margin-hiotory_wrapper td:nth-child(2){width: 150px !important;}

.mortgage-table-content{margin-top:8px;}
.mortgage-table-title{background:transparent;}
.mortgage-table-title {height:26px;line-height: 26px;}
.mortgage-table-time{font-size: 14px;}
.mortgage-table-id{font-size: 14px;color: #999;margin-left: 10px;}
.mortgage-table-all{display: flex;padding-top: 16px;height: 40px;padding-bottom: 16px;}
.mortgage-table-all>span {text-align: left;align-items: center;justify-content:start;display: flex;}
.mortgage-table-all>span:last-child{justify-content: end;}
.asset-tab{width: 7%;}
.amount-tab{width: 8%;}
.rate-tab{width: 10%;}
.period-tab{width: 7%;}
.expire-time-tab{width: 10%;}
.interest-tab{width: 11%;}
.amount-left-tab{width: 11%;}
.mortgage-rate-tab{width: 14%;}
.status-tab{width: 8%;}
.action-tab{width: 14%;}
.action-tab span{color:var(--brandColor);font-size: 12px;cursor: pointer;}
.action-tab li{text-align: right;}
.mortgage_orders_tbody .icon-16{margin-right: 3px;}
.mortgage-table-container .dataTables_empty {text-align: center!important;line-height: 22px;color: #aaa;padding-top: 10px;}
#adl_ranking_ul{margin-left: 3px;width: 20px;text-align: left;display: flex;height: 16px;}
#adl_ranking_ul li {height: 12px;width: 3px;display: inline-block;margin-right: 3px;}
.rank_default{background: #ccc;}
.rank_safe{background: #25796A;}
.rank_warn{background: #EAA110;}
.rank_danger{background: var(--brandColor);}

.zero-active {display: none}
.zero-active+.vr-btn {background-color: #bbb;padding: 5px;border-radius: 50px;display: inline-block;position: relative;margin-top:5px;margin-left:4px;-webkit-transition: all .1s ease-in;transition: all .1s ease-in;width: 20px;height: 5px;cursor: pointer}
.zero-active:disabled+.vr-btn {cursor: no-drop}
.zero-active+.vr-btn:after {content: ' ';position: absolute;top: 0;-webkit-transition: box-shadow .1s ease-in;transition: box-shadow .1s ease-in;left: 0;width: 100%;height: 100%;border-radius: 100px}
.zero-active+.vr-btn:before {content: ' ';position: absolute;background: #fff;top: 1px;left: 1px;z-index: 998;width: 13px;-webkit-transition: all .1s ease-in;transition: all .1s ease-in;height: 13px;border-radius: 100px}
.zero-active:active+.vr-btn:before {width: 15px}
.zero-active:checked:active+.vr-btn:before {width: 15px;left: 16px}
.zero-active:checked+.vr-btn:before {content: ' ';position: absolute;left: 16px;border-radius: 100px}
.zero-active:checked+.vr-btn:after {content: ' ';font-size: 1.5em;position: absolute;background: #0CCC92}


#noty_customCenter_layout_container .mortgage-borrow {background: #fff;padding: 30px;}
.borrow_record_table {margin-top: 55px;width: 100%}
.borrow_record_table thead tr th,.borrow_record_table tbody tr td {height: 40px; text-align: center;}
.index-modal{margin: 30px 0;text-align: center;}
.index-modal a {display: inline-block;width: 150px;}

.mortgage-screen-slider{width:100%;margin:40px 0;background: url(/images/bg-mortgage.png) no-repeat;background-size: cover;display:flex;flex-direction:column;background-position: center right;}
.mortgage-card-content{margin-left: 66px;margin-top: 50px;margin-bottom: 50px;line-height: 30px}
.mortgage-rate-title{font-size: 12px;color: #FFFFFF;font-weight: 400;}
.mortgage-rate-info{font-size: 24px;color: #FFFFFF;font-weight: 500;}
.mortgage-period-info{font-size: 12px;color: #DEDEDE;;font-weight: 400;}
.mortgage-lent-info {font-size: 12px;color: #DEDEDE;;font-weight: 400;}
.mortgage-progress-info{width: 550px}
.mortgage-val{text-align: right;font-size: 12px;color: #ffffff;font-weight: 400;line-height: 15px}
.p-bar{height: 6px;margin-top: 5px;background: #ddd;border-radius: 4px;}
.p-bar-in{height: 100%;max-width: 100%;overflow: hidden;position: relative;border-radius: 4px;background: linear-gradient(90deg, #019CAA 0%, #02B28B 100%);}
.mortgage-asset-info{justify-content:space-between;font-size: 12px;color: #ffffff;font-weight: 400;}
#mortgageBorrow{min-width: 124px;height: 40px;border-radius: 4px;color: #FFFF;border: none;font-size: 16px;font-weight: 500}
.mortgage-borrow-btn{background: linear-gradient(90deg, #019CAA 0%, #02B28B 100%);cursor: pointer;}
.mortgage-borrow-btn-default{background: #B3B3B5;cursor: not-allowed;}
.impawnrate{font-size: 12px;padding:0;margin-top: 16px;color:#333 !important;}
.mortgage_table thead{height:0;font-size: 12px;color:#999}

.onekeyadd{background: none;color: var(--brandColor);border: 1px solid var(--brandColor);height: 32px;line-height: 32px;padding: 0 16px;font-size: 14px;border-radius: 4px;cursor: pointer;}
.can-toggle {
position: relative;
cursor: pointer;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
box-sizing: border-box;
}
.can-toggle input[type=checkbox] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
}
.can-toggle input[type=checkbox][disabled] ~ label {
pointer-events: none;
}
.can-toggle input[type=checkbox][disabled] ~ label .can-toggle__switch {
opacity: 0.4;
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:before {
content: attr(data-unchecked);
left: 0;
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
content: attr(data-checked);
}
.can-toggle label {
user-select: none;
position: relative;
display: flex;
align-items: center;
}
.can-toggle label .can-toggle__switch {
position: relative;
cursor: pointer;
}
.can-toggle label .can-toggle__switch:before {
content: attr(data-checked);
position: absolute;
top: 0;
text-transform: uppercase;
text-align: center;
}
.can-toggle label .can-toggle__switch:after {
content: attr(data-unchecked);
position: absolute;
z-index: 5;
text-transform: uppercase;
text-align: center;
background: white;
transform: translate3d(0, 0, 0);
}
.can-toggle input[type=checkbox][disabled] ~ label {
color: rgba(119, 119, 119, 0.5);
}
.can-toggle label .can-toggle__switch {
transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
background: #f0f0f0;
}
.can-toggle label .can-toggle__switch:before {
color:#333;
}
.can-toggle label .can-toggle__switch:after {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
color: #333;
}
.can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after {
transform: translate3d(65px, 0, 0);
}
.can-toggle label {
font-size: 14px;
}
.can-toggle label .can-toggle__switch {
height: 32px;
flex: 0 0 134px;
border-radius: 16px;
}
.can-toggle label .can-toggle__switch:before {
left: 67px;
font-size: 12px;
line-height: 32px;
width: 67px;
padding: 0 12px;
}
.can-toggle label .can-toggle__switch:after {
top:2px;
left: 2px;
border-radius: 16px;
width: 65px;
line-height: 28px;
font-size: 12px;
}

#noty_center_layout_container{top:50%!important;left:50%!important;transform:translate(-50%,-50%)}
.onekeypopup-content{padding-bottom: 20px;}

.input-container{
padding:0 8px;
display: flex;
justify-content: flex-end;
border: 1px solid #eee;
margin-top: 10px;
align-items: center;
height: 36px;
border-radius: 3px;
}
.input-container input{
border: none !important;
outline: none !important;
flex: 1 auto;
padding-left: 0 !important;
}
.my-repay-available{margin-top: 10px; font-size: 12px;color: #999;}
.val-field{font-weight:bold;color:#333}
#margin-type-select .selector-view{border:none !important;padding:9px 10px;}
.mortgage-asset.input-container{padding-top: 0 !important;padding-bottom: 0 !important;border-radius: 3px;height:40px}
.label.new-label{width: auto !important;margin-top: 20px;font-weight: bold;}
.max-remove-margin{display: none;}
.error-msg-title{margin-top: 20px;font-size: 12px;}
.msg-error-id{margin-top: 10px;}
.msg-error-item p{font-size: 12px;background-color: #fafafa;padding:10px}
.error-msg-container{max-height: 400px;overflow-y: scroll;}
.mortgage-orders-tab-container{display: flex; justify-content: space-between;}
.en-body .mortgage-orders-tab-container{flex-direction: column;align-items: flex-start;}
.en-body .can-toggle label .can-toggle__switch:before{width: 146px;left: 130px;}
.en-body .can-toggle label .can-toggle__switch::after{width: 146px;}
.en-body .can-toggle label .can-toggle__switch{flex: 0 0 280px}
.en-body .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after{transform: translate3d(130px, 0, 0);}
.en-body .mortgage-orders-tab-container>div{margin:10px 0}
#barnodata{display:none;color:#fff;width: 20px;height: 20px;position: absolute;left: 10px;}
.my_cryptoloan_header{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width: 100%;min-width:1280px;background-size: 100% 100%;background: url('/images/finance/my_cryptoloan_header.png') #2354e6 no-repeat center center;height:200px;}
.my_cryptoloan_header_container{margin-bottom:33px;color:#fff;width:1200px}
.my_cryptoloan_header_title{font-size: 36px;padding-bottom: 16px;line-height: initial;font-weight: 600}
.my_cryptoloan_header_content{font-size: 16px;line-height: initial;font-weight: 400}
.my_cryptoloan_header_bottom{width:100%;height:54px;background: rgba(0,0,0,0.08);display: flex;justify-content: center;align-items: center}
.my_cryptoloan_header_button_container{width:1200px;display: flex;justify-content: space-between}
.my_cryptoloan_header_button{display: flex;align-items: center; column-gap: 16px}
.my_cryptoloan_header_button a{color:#fff;}
.my_cryptoloan_header_button a:hover{color:#fff;}
.my_cryptoloan_top {
  padding: 12px;
  background-color: var(--color-cmpt-4);
}
.no-support-tip {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1.5;
}
.no-support-tip-main {
  display: flex;
}
.no-support-tip svg {
  margin-top: 2px;
  width: 14px;
  height: 14px;
  fill: currentColor;
  color: var(--color-funct-3);
  flex-shrink: 0;
}
.no-support-tip p {
  color: var(--color-text-1);
  margin: 0 8px;
}
.no-support-tip > a {
  color: var(--color-brand-1);
  font-weight: 500;
  flex-shrink: 0;
  cursor: pointer;
}
.my_cryptoloan_container{padding:16px 0 40px;display: flex;flex-direction: column;background: #f7f7f7;align-items: center;min-width: 1280px}
.mortgage_leftbar_top_container{display: flex;padding:0 16px 24px;color:#666;font-size: 14px;}
.mortgage_leftbar_top_container .active{color:#333;position: relative}
.mortgage_leftbar_top_container .active:after{content:'';width:24px;height:3px;background: var(--brandColor);position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);border-radius: 1.5px}
.dark-body .mortgage_leftbar_top_container .active{color:#E6E6E6;}
.classic-dark .mortgage_leftbar_top_container .active{color:#E6E6E6;}
.borrow_list_container{background: #fff;margin-top: 6px;padding:16px;border-radius: 4px}
#mortgage_asset_balance{border: none !important;background: transparent;cursor: pointer}
#hidezero:checked + .vr-btn:after{background:#0CCC92 }
.dp-link{color:var(--brandColor)}
.cryptoloan_rate_red{color:var(--warningColor)}
.even{background: unset}
#marketlistTabCon td .color999{color:#999}
#marketlistTabCon tbody .coin-selected,.even:hover, .odd:hover, div #marketlistTabCon tbody tr:hover{background: #f7f7f7 !important;}
#mortgage_leftbar_coin_container .left-mortgage-table th {border:none !important;}
#marketlistTabCon th{color:#999 !important;}
.dark-body .mortgage_leftbar #marketSearch{background-color: #23282E !important;}
.classic-dark .mortgage_leftbar #marketSearch{background-color: #23282E !important;}
.dark-body #marketlistTabCon tbody tr:nth-child(even){background-color: transparent}
.classic-dark #marketlistTabCon tbody tr:nth-child(even){background-color: transparent}
.dark-body .even, .odd {background-color: transparent !important;}
.classic-dark .even, .odd {background-color: transparent !important;}
.mortgage-borrow .noty_title{background-color: #fff;border-bottom: 1px solid #f0f0f0;}
.dark-body .noty_container_type_confirm,.classic-dark .noty_container_type_confirm{border:none !important;}
.dark-body .can-toggle label .can-toggle__switch:after,.classic-dark .can-toggle label .can-toggle__switch:after{background: #161A1E !important;color:#e6e6e6 !important;}
.dark-body .can-toggle label .can-toggle__switch,.classic-dark .can-toggle label .can-toggle__switch{background: #31373D !important;color:#e6e6e6 !important;}
.dark-body .can-toggle label .can-toggle__switch:before,.classic-dark .can-toggle label .can-toggle__switch:before{color: #e6e6e6 !important;}
.dark-body #marketlistTabCon tbody .coin-selected, .dark-body .even:hover, .dark-body .odd:hover, .dark-body div #marketlistTabCon tbody tr:hover{background-color: #23282E !important;}
.classic-dark #marketlistTabCon tbody .coin-selected, .classic-dark .even:hover,.classic-dark .odd:hover, .classic-dark div #marketlistTabCon tbody tr:hover{background-color: #23282E !important;}
.dark-body .odd:hover .mortgage-table-all,.dark-body .odd:hover .mortgage-table-title,.classic-dark .odd:hover .mortgage-table-all, .classic-dark .odd:hover .mortgage-table-title,.dark-body .odd:hover td,.classic-dark .odd:hover td{background-color:#23282E !important;}
.dark-body .even:hover .mortgage-table-all,.dark-body .even:hover .mortgage-table-title,.classic-dark .even:hover .mortgage-table-all, .classic-dark .even:hover .mortgage-table-title,.dark-body .even:hover td,.classic-dark .even:hover td{background-color:#23282E !important;}
.trecords td{border-bottom: 1px solid #F0F0F0}
.dark-body .trecords td,.classic-dark .trecords td{border-color: #31373D}


.dark-body ::-webkit-scrollbar-thumb,.classic-dark ::-webkit-scrollbar-thumb{background: #4F555C}
.dark-body.cn-cody .mortgage_leftbar #marketlistTabCon .red,.dark-body.en-body .mortgage_leftbar #marketlistTabCon .green{color:#F0435A !important;}
.dark-body.cn-cody .mortgage_leftbar #marketlistTabCon .green,.dark-body.en-body .mortgage_leftbar #marketlistTabCon .red{color:#0bba80 !important;}
.classic-dark.cn-cody .mortgage_leftbar #marketlistTabCon .red,.classic-dark.en-body .mortgage_leftbar #marketlistTabCon .green{color:#F0435A !important;}
.classic-dark.cn-cody .mortgage_leftbar #marketlistTabCon .green,.classic-dark.en-body .mortgage_leftbar #marketlistTabCon .red{color:#0bba80 !important;}

.dark-body #noty_customCenterSlim_layout_container .mortgage-borrow{background-color: #161A1E !important;}
.dark-body #noty_customCenterSlim_layout_container #noty_body .line{background-color: transparent !important;}
.dark-body #noty_customCenterSlim_layout_container #noty_body input{background-color: transparent !important;}
.classic-dark #noty_customCenterSlim_layout_container .mortgage-borrow{background-color: #161A1E !important;}
.classic-dark #noty_customCenterSlim_layout_container #noty_body .line{background-color: transparent !important;}
.classic-dark #noty_customCenterSlim_layout_container #noty_body input{background-color: transparent !important;}
.dark-body #noty_body *,.classic-dark #noty_body *{color:#e6e6e6 !important;}
.dark-body .noty_buttons #button-1,.classic-dark .noty_buttons #button-1{color:#e6e6e6 !important;}
.dark-body .layout{color: #e6e6e6}
.classic-dark .layout{color: #e6e6e6}

#mortgage_last_trade_record tr{height:48px;line-height: 48px}
#mortgage_last_trade_record tbody tr td{border-bottom: 1px solid #f0f0f0}
#mortgage_last_trade_record tbody tr:nth-child(even){background: unset !important;}
.red-rate {color:var(--brandColor)}
#increaseAmount,#repay-amount{border:none;height: auto !important;}
.noty_buttons{margin-top: 20px;}
.custom-option i {
  transform: scale(0.8);
}
th .fav-icon {
  margin-top: 10px !important;
  transform: scale(0.8);
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sortable:after,.sorting_asc:after,.sorting_desc:after{ content: '';width: 10px; height: 18px;background: #eee; display: inline-block;position:absolute}
.sortable:after { background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%23B0AFB1' d='M5.466 9.003L9.5 2.016l4.035 6.987M13.535 10.01L9.5 16.998 5.466 10.01'/%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center;}
.classic-dark .sortable:after { background-color: #282828;}
.marketlist th:first-child:after,.marketlist th:first-child b{float: left;font-weight: normal;white-space: nowrap;overflow: hidden;}
.sorting_asc:after,.sortable.asc:after { background-color: #fff ;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%23FF9358' d='M5.466 9.003L9.5 2.016l4.035 6.987'/%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center;}
.sorting_desc:after,.sortable.desc:after { background-color: #fff ;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%23FF9358' d='M13.535 10.01L9.5 16.998 5.466 10.01'/%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center;}
.classic-dark .sorting_asc:after, .classic-dark .sortable.asc:after,.classic-dark .sorting_asc:after,.classic-dark .sortable.asc:after{background-color:#161a1e;}
.sorting_disabled:after{ display: none}
#leftBar .sortable:after, #leftBar .sorting_desc:after, #leftBar .sorting_asc:after {
    background-color: transparent !important;
}

.borrow_list_show table td.dataTables_empty {
  text-align: center;
  vertical-align: middle;
}