.buy_crypto_page{
  background-color: var(--color-bg-1) !important;
}

body.classic-dark.is_phone {
	background: #141414;
	min-height: 100vh;
}

@media screen and (max-width: 991.9px){
	:root{
		--layout-itemMargin: 0;
	}
}

.pt8{padding-top: 8px}
.pb8{padding-bottom: 8px}
.pl8{padding-left: 8px}
.pr8{padding-right: 8px}
.pt12{padding-top: 12px}
.pb12{padding-bottom: 12px}
.pt16{padding-top: 16px}
.pb16{padding-bottom: 16px}
.pl16{padding-left: 16px}
.pr16{padding-right: 16px}
.pt24{padding-top: 24px}
.pb24{padding-bottom: 24px}
.ml8{margin-left: 8px}
.mr8{margin-right: 8px}
.ml12{margin-left: 12px}
.mr12{margin-right: 12px}
.mt12{margin-top: 12px}
.mb12{margin-bottom: 12px}
.ml24{margin-left: 24px}
.mr24{margin-right: 24px}
.mt32{margin-top: 32px}
.mb32{margin-bottom: 32px}
.transAll{
	transition: all 0.3s ease;
}
.seo-a, .seo-a:hover{
  background-color: transparent;
  color: inherit;
  cursor: inherit;
}
.buy_crypto_page .flex {
  justify-content: initial;
  align-items: initial;
  -webkit-box-pack: inherit;
  -webkit-box-align: initial;
}

.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.flex-items-center{display: flex;align-items: center;}
.align_item_start{ align-items: flex-start;}
.flex-items-end{align-items: flex-end;}
.flex-content-between{justify-content: space-between;}
.flex-content-arround{justify-content: space-around;}
.flex-content-start{justify-content: flex-start;}
.d-flex{display: flex;}
.flex-1{flex: 1;}
.flex-row{flex-direction: row;}
.flex-row-reverse{flex-flow: row-reverse;}
.flex-column-reverse{flex-direction: column-reverse;}
.flex-col{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}

a.link_a{
	color: var(--color-text-5);
	text-decoration: none;
}
a.link_a:hover{color: var(--color-brand-2);}

/* loading */
#lottie-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #F8F9FB;
}
body.classic-dark #lottie-wrapper {background: var(--color-bg-1)}
body.classic-dark #lottie{background: #2E2E2E;}
#lottie {
  background-color:#ffffff;
  width: 84px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 40px rgba(23, 56, 153, 0.12);
  border-radius: 8px;
}

#lottie-loading {
  width: 36px;
  height: 36px;
  transform: translate3d(0,0,0);
}

#lottie-loading {
  width: 36px;
  height: 36px;
  transform: translate3d(0,0,0);
}
/* loading end */


.currencySelect .currencySelectInput{
  border-color: transparent;
}
.agree_show_row{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.burCryptoAgreeStr a{
  color: var(--color-text-5);
}
/*@media screen and (max-width: 414.9px){}*/
/*@media screen and (max-width: 374.9px){*/
@media screen and (max-width: 768px) {
  .selectView input.mantine-GateSearchSelect-input:hover,
  .selectView input.mantine-GateSearchSelect-input:focus{background-color: transparent;border-color: transparent;}
  .classic-dark .selectView input.mantine-GateSearchSelect-input{border-color: transparent;}
  .classic-dark .selectView input.mantine-GateSearchSelect-input:hover,
  .classic-dark .selectView input.mantine-GateSearchSelect-input:focus{background-color: transparent;border-color: transparent;}

  .amountViewPanel{padding: 0;}
  .amountViewBg{border: none;background:transparent;padding:0;}
  .selectView .mantine-GateSearchSelect-input{background: transparent;}
  .selectView .mantine-GateSearchSelect-input:hover{background: transparent !important;}
  .fiatValInput{padding-left: 12px}
}

/* ui修正 */
.mantine-GateAlert-root{font-family: inherit !important;}
footer.my-footer {border-top: none !important;}

/** transfer noty style */
.noty_modal.myaccount-transfer{position: fixed;width: 100%;height: 100%;margin: 0;background-color: #000;z-index: 99997;opacity: .5;display: none;border: none;left: 0;top: 0;}
#noty_center_layout_container li.myaccount-transfer{background-color: #fff;}
.noty_modal.myaccount-transfer ~ #noty_center_layout_container {
    width: 520px!important;min-width: 520px!important;
}
body.is_phone .noty_modal.myaccount-transfer ~ #noty_center_layout_container {
    width: 100%!important;min-width: 100%!important;
}
.transfer_noty_title,.share_noty_title{font-weight: bold;font-size: 18px;margin-bottom: 24px;}
.transfer_noty_body .line-middleware{min-width: 18px;width: 18px;height: 18px;margin: 0 16px;}
.transfer_noty_body img.line-middleware{cursor: pointer;}
.transfer_noty_body .line-text-content{flex: 1;color: #595959;display: block;margin-bottom: 8px;}
.transfer_noty_body input{border-radius: 4px;border: 1px solid #D9D9D9;height: 38px;padding: 12px;box-sizing: border-box;}
.transfer_noty_body #transfer-from-to input{width: 100%}
.transfer_noty_body .input_view{height: 38px;}
.transfer_noty_body input#amount{padding-right: 50px;}
.transfer_noty_body .transfer_num_unit{position: absolute;right: 12px;top: 12px;}
.transfer_noty_body > .line{margin-top: 24px;}
.transfer_noty_body .symbol_selected_input{width: 100%;}
.transfer_noty_body .transfer_symbol_select_icon{left: 12px;top: 11px;position: absolute;}
.transfer_noty_body .radio-beauty-container > label{cursor: pointer;display: inline-flex;margin-right: 32px;}
.myaccount-transfer .transfer_noty_body .radio-beauty-container .radio-beauty{width: 16px;height: 16px;box-sizing: border-box;display: inline-block;border: 1px solid #D9D9D9;vertical-align: middle;border-radius: 50%;}
.myaccount-transfer .transfer_noty_body .radio-beauty-container .radio-beauty:hover,
.myaccount-transfer .radio-beauty-container .market_radio_item_label.checked .radio-beauty{padding: 4px;background-color: var(--brandColor);border-color: var(--brandColor);background-clip: content-box;}
.myaccount-transfer .radio-beauty-container .radio-name {vertical-align: middle;font-weight: 500;margin-left: 8px;}
.transfer_noty_body .transfer_total-tip{margin: 8px 0;font-size: 12px;}
.transfer_noty_body .transfer_msg{margin: 8px 0 24px;font-size: 12px;}
.transfer_noty_body .transfer_total-tip .all{margin-left: 24px;cursor: pointer;}
#button-0.account_transfer_btn,#button-0.account_share_btn{width: 100%;height: 40px;background: var(--linearGradient1);border-radius: 4px;margin-bottom: 10px;}
.transfer_noty_body .symbol_selected_input .selector-list ul{max-height: 170px;}

.buy-crypto-skeleton::after {background: var(--color-neutral-3)}
/*#noty_center_layout_container li{height: auto;}*/
.buy_crypto-swiper-out{
	width: 100%;
	position: relative;
}
.buy_crypto-swiper-main{
	width: 100%;
	height: auto;
	margin: 0 auto 24px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.buy_crypto-swiper-slide-main{
	width: 100%;
	height: auto;
}
.buy_crypto-swiper-slide{
	display: block;
	width: 100%;
	height: auto;
}
.buy_crypto-swiper-slide img{
	display: block;
	width: 100%;
    height: auto;
	position: absolute;
    left: 0px;
    top: 0px;
	border: none !important;
	background: var(--actimg);
	background-size: cover;
}
/* .buy_crypto-swiper-slide-active{
	display: block;
} */
.buy_crypto-swiper-slide-icon{
	position: absolute;
	width: max-content;
	height: 4px;
	position: absolute;
	bottom: 8px;
	left: 50%;
	display: flex;
    flex-wrap: nowrap;
}
.buy_crypto-swiper-slide-icon i{
	display: block;
	width: 4px;
	height: 4px;
	background: var(--Neutral-3);
	cursor: pointer;
	margin: 0 2px;
}
.buy_crypto-swiper-slide-icon i:hover{
	background: var(--Brand-1);
}
.buy_crypto-swiper-slide-icon i.buy_crypto-swiper-active{
	background: var(--Brand-1);
}
.buy_crypto-swiper-left,.buy_crypto-swiper-rig{
	width: 32px;
	height: 32px;
	background: var(--color-neutral-5);
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0px 4px 16px 0px rgba(23, 56, 153, 0.06);
	position: absolute;
	top: 13px;
	display: none;
    align-items: center;
}
.buy_crypto-swiper-out:hover .buy_crypto-swiper-left,.buy_crypto-swiper-out:hover .buy_crypto-swiper-rig{
	display:flex;
}
.buy_crypto-swiper-left:hover path,.buy_crypto-swiper-rig:hover path{
	stroke:var(--color-brand-1) !important;
}
.buy_crypto-swiper-left i,.buy_crypto-swiper-rig i{
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 1px;
}
.buy_crypto-swiper-left svg,.buy_crypto-swiper-rig svg{
	display: block;
	width: 20px;
	height: 20px;
}