.cryptoloan-btn {float: right;text-align: center;font-size: 14px;color: var(--color-brand-1);cursor: pointer;line-height: 14px;}

/* 弹窗样式 */
.mt8{margin-top: 8px;}
#noty_customCenterSlim_layout_container li.futures-mortgage-borrow {background: var(--color-card-2)!important;height: 100%;padding: 24px 40px!important;border-radius: 16px;height: fit-content;}
.futures-title-tip {color: var(--color-text-4);display: inline-flex;align-items: center;margin-left: 8px;margin-right: 16px;font-size: 12px;}
#futures_cryptoloan thead tr{height:48px;background: var(--color-card-1)!important;}
.futures-mortgage-borrow .noty_title .protip {border-bottom: none;}
.common-tags {display: inline-block;text-align: center;color: #fff;border: none;}
.protip-content {font-size: 12px;line-height: 150%;color: #FFFFFF;font-weight:500;}
.futures-mortgage-borrow #noty_body .line {display: flex;padding-top:24px;flex-direction: column;}
.classic-dark .futures-mortgage-borrow #noty_body .line {background-color: unset;}
.classic-dark .futures-mortgage-borrow .futures-input-container, .classic-dark .futures-mortgage-borrow .futures-input-container input {border-color: unset; background: unset;} 
.classic-dark .futures-mortgage-borrow #noty_body input::placeholder{color: var(--color-text-2)}
.futures-mortgage-borrow #noty_body .line.tip {padding-top: 8px;}
.protip-skin-default--size-normal {padding: 12px!important;}
.noty_title_tip {font-size: 12px;line-height: 12px;color: var(--color-text-1);background-color: var(--color-neutral-2);border-radius: 4px;padding: 6px 8px;}
.futures-mortgage-borrow #noty_body .line-info {background-color: #FAFAFA; margin-bottom: 10px;}
.futures-mortgage-borrow #noty_body .auto_renew_info {padding-bottom: 0px;padding-top:0px;}
.futures-mortgage-borrow #noty_body .info {padding-left: 16px;padding-top: 10px;padding-bottom: 10px}
.futures-mortgage-borrow #noty_body .info span {float: right;padding-right: 16px;}
.futures-mortgage-borrow #noty_body .label {display: inline-block;font-size: 14px;line-height: 14px; font-weight:400;color: var(--color-text-2);}
.futures-input-unit {position: absolute;right: 12px;top: 21px;color: var(--color-text-1);}
.futures-input-container {position: relative;width: 100%;}
.small-trade-label {color: var(--color-brand-1);}
.inputRate {margin-top: 8px;}
.inputRate option {color: var(--color-text-1);font-size: 14px;line-height: 14px;}
.futures-modal-close-icon {position: absolute;right: 24px;top: 24px;}
.futures-modal-close-icon path{color: var(--color-text-4);}
.futures-modal-close-icon:hover {cursor: pointer;}

.futures-mortgage-borrow #noty_body .label.allwidth-borrow {width: 100%;}
.futures-mortgage-borrow #noty_body .line-info .info .label {font-size: 12px;width: 180px;font-weight:400;}
#noty_body input::placeholder {color: var(--color-text-4);}
#noty_body input,#noty_body select {font-size: 14px;height: 40px;border: 1px solid var(--color-divider-1)!important;flex: 1;background-color: var(--color-card-2)!important;padding: 12px 11px;appearance: none;outline: none;box-sizing: border-box;}
#noty_body input:focus, #noty_body select:focus, #noty_body input:hover, #noty_body select:hover {border: 1px solid var(--color-brand-1)!important;}
#noty_body .mortgage-asset,#noty_body .loan-asset {position: relative;}
#noty_body .amountTip,.amountTipContent {font-size: 12px;line-height: 150%;}
.cryptoloan-gradient-bar{background:linear-gradient(270deg,#16d9d9 0,#17e6a1 100%);position:relative;height:24px;line-height:24px; padding-left: 12px;border-radius: 4px;}
.cryptoloan-gradient-bar-numer{position:absolute;padding-left:5px;transition:all .5s;color:#fff;font-size:12px;border-bottom:none!important}
.cryptoloan-gradient-bar-line{height:100%;border-left:2px solid #fff;position:absolute;transition:all .5s}
.cryptoloan-gradient-bar-left-ico{width:15px;position:absolute;left:5px;top:6px}
.cryptoloan-gradient-bar-right-ico{width:15px;position:absolute;right:5px;top:5px}
.cryptoloan-lever-bar-container{position:relative;width: 100%;padding-top: 16px;height: 50px;box-sizing: border-box;}
.cryptoloan-leverbar-line{border-bottom:2px solid var(--color-neutral-2);position:absolute;top:22px;left:15px;right:23px}
.cryptoloan-leverbar-marker-container{position:relative;top:0;color:var(--color-text-3)}
.cryptoloan-leverbar-marker-before{content:'';width:14px;height:14px;background:var(--color-neutral-2);border-radius:50%;display:block;color:var(--color-text-3);position:relative;box-sizing: border-box;border: 2px solid var(--color-card-2);}
.cryptoloan-leverbar-marker{text-align:center;font-size:12px;cursor:pointer;width: 30px;text-align: left;}
.cryptoloan-leverbar-marker.active{color:var(--color-brand-1)}
.cryptoloan-leverbar-marker.active .cryptoloan-leverbar-marker-before{background:var(--color-brand-1);border: 2px solid var(--color-card-2); }
.progress-active{width: 0%;border-bottom: 2px solid var(--color-brand-1);position: absolute;}
.futures-mortgage-borrow .noty_title {width: 100%;font-size: 24px;line-height: 24px; font-weight:600;justify-content: flex-start;}
.futures-mortgage-borrow .noty_title img {margin-right: 25px}
.futures-mortgage-borrow #noty_body .line.tips {padding-bottom: 10px;padding-top: 0px;}
.futures-mortgage-borrow .noty_footer {font-size: 12px;line-height: 150%;color: var(--color-funct-3);padding: 12px;border-radius: 8px;background-color: var(--color-cmpt-4);margin-top: 24px;display: flex;}
.mortgage_asset_balance-arrow {position: absolute;right: 12px;top: 21px;}
.futures-mortgage-borrow .noty_buttons {
  margin-top: 16px;
  display: flex;
  align-items: center;
  padding-top: 24px;
}
.futures-mortgage-borrow .noty_buttons .btn {width: 50%;height: 40px;display: flex;align-items: center;justify-content: center; font-size: 16px!important;
  line-height: 16px;
  font-weight: 600;border-radius: 4px;}
.blow_text {color: var(--color-text-3);padding-top: 8px;display: inline-block;}
.dp-link {color: var(--color-brand-1);font-size: 12px;line-height: 150%;font-weight: 500;margin-left: 24px;}
.balance-available-num {font-size: 12px;line-height: 150%;color: var(--color-text-1);}
.futures-mortgage-borrow #button-0 {
  border-radius: 20px;
  border: 2px solid var(--color-brand-1)!important;
  color: var(--color-brand-1)!important;
  background-color: transparent!important;
  margin: 0 !important;
}
.futures-mortgage-borrow #button-1 {
  border-radius: 20px;
  margin-left: 16px!important;
  background-color: var(--color-brand-1) !important;
  font-size: 16px!important;
  line-height: 16px;
  font-weight: 600;
  color: #FFFFFF;
}

.futures-cryptoloan tr th:first-child,.futures-cryptoloan tr td:first-child{width: 16%;padding-left:10px;}
.futures-cryptoloan tr th:nth-child(2),.futures-cryptoloan tr td:nth-child(2){width: 16%}
.futures-cryptoloan tr th:nth-child(3),.futures-cryptoloan tr td:nth-child(3){width: 16%}
.futures-cryptoloan tr th:nth-child(4),.futures-cryptoloan tr td:nth-child(4){width: 16%}
.futures-cryptoloan tr th:nth-child(5),.futures-cryptoloan tr td:nth-child(5){width: 16%}
.futures-cryptoloan tr th:nth-child(6),.futures-cryptoloan tr td:nth-child(6){width: 10%;text-align: right;padding-right: 10px;}
.futures-cryptoloan tbody tr{height: 50px !important;}
.futures_cryptoloan_loan{margin-right: 8px}
.futures_cryptoloan_loan,.futures_cryptoloan_repay{color: #e64e62}
.mortgage-edit-ico{position:relative;top:.5008px;margin-left:4px;width:12px;height:12px;margin-right:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfeBQEVHDfQm6YjAAAB20lEQVRIx83UPWsUURTG8V9mJy+Nmk7UIiiCEpNC4us3EAurxS+guBokhSCiAUUUUbCLSBBjJ6ZYAilU8AUstJFoqaYymhgVEYmVIW8WczfJ6s5et/M0c5mZ/3POfc65t0nDUcwePYYtOJUWG4LLlUW3m7biegqapVG2yZy5sN5o0B7wLZU66Ih2S3XxxBcXvA31znhpr4JRfamSy9qj+b8bNA66rPdUv3mb9ZluKk7bEMW/Ohm23+2ODr3K2rSaIbUBc24Yl+Tu/o1nAR+yCwM+e+EX5WDevBHPo3V0GbIbjJmodKTifmFVi/6IYFynWwF/4IRPK+5GYhm/bX/AS6ayL8W4QA38uCk026c1WkHAt1fhk0j06leICCxnHwr4fcdMoqDXVeuy0UujeCX7w2XrDriizWJdE2vgJZOhUx3WrPyZNIyrPjVJLs6hgD8O1tWMPBN3OGvUMJ4o+UjeoNU2sdl5h21xyTt3vc/H8wRSm3DUaxezF3l4nsCiMUx4FMPzBGadkZjPrrB6eP4gzVYW9fGaAjGkOqLH+f8XqHiwsGqEY7H4t0Cih+yCiMaCbdUCP63V6lq17j9U/SFrdWrAaS3Z/dZA/HAvS1nofCWxU0tD+JRzRiyV8RvkR3o1caMsjAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wNi0yOFQyMTo1Njo0MSswODowMF7xkdgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTQtMDUtMDFUMjE6Mjg6NTUrMDg6MDBvSIVpAAAAQ3RFWHRzb2Z0d2FyZQAvdXNyL2xvY2FsL2ltYWdlbWFnaWNrL3NoYXJlL2RvYy9JbWFnZU1hZ2ljay03Ly9pbmRleC5odG1svbV5CgAAABh0RVh0VGh1bWI6OkRvY3VtZW50OjpQYWdlcwAxp/+7LwAAABh0RVh0VGh1bWI6OkltYWdlOjpIZWlnaHQAMzYxXUjoTgAAABd0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAzNjJXsOmpAAAAGXRFWHRUaHVtYjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADEzOTg5NTA5MzXfQS0bAAAAEXRFWHRUaHVtYjo6U2l6ZQA0OTEzQgHDNc4AAABidEVYdFRodW1iOjpVUkkAZmlsZTovLy9ob21lL3d3d3Jvb3QvbmV3c2l0ZS93d3cuZWFzeWljb24ubmV0L2Nkbi1pbWcuZWFzeWljb24uY24vc3JjLzExNTg0LzExNTg0OTIucG5n+I+4pAAAAABJRU5ErkJggg==);background-size:contain;display:inline-block;}
.margin-icon__mark {display: inline-block;width: 16px;height: 16px;margin-right: 8px;}
.repay-rate {height: 32px;width: 63px;border:1px solid #CCCCCC;color: #A6A6A6;line-height: 35px;text-align: center;cursor: pointer;border-radius:5px;}
.repay-active {border:1px solid #e64e62;color: #e64e62;}
#reduce-amount{background:#d5d5d5;}
.forzen-amount{margin-left: 20px}
.flex-between{display: flex;justify-content: space-between;}
.futures-repaied-percent{justify-content: flex-end;}