.pay-list ul{
	margin-top: 16px;
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 12px
}

.pay-list li{
	position: relative;
	height: 80px;
	border: 1px solid transparent;
	background: var(--bg-gray-10);
	text-align: center;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column nowrap;
	cursor: pointer
}

.pay-list li.hover{
	border: 1px solid var(--color-theme)
}

.pay-list li.hover:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	border: 10px solid transparent;
	border-right: 10px solid #2599f8;
	border-bottom: 10px solid #2599f8;
	border-radius: 0 0 6px 0
}

.pay-list li.hover:after {
	content: "";
	position: absolute;
	right: 3px;
	bottom: 3px;
	width: 3px;
	height: 7px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	z-index: 2;
	border-radius: 2px
}

.pay-list li .img{
	width: 64px;
	height: 32px
}

.pay-list li .name{
	font-family: PingFang SC;
	line-height: 1;
	max-width: 120px;
	overflow: hidden;
	font-size: 14px;
	color: #788b9d
}

.pay-list li .hots{
	font-size: 28px;
	position: absolute;
	right: -6px;
	top: -6px;
	color: var(--color-theme)
}

.pay-list li .gift{
	font-size: 12px;
	height: 20px;
	min-width: 50px;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
	background: red;
	border-radius: 10px;
	font-family: PingFang SC;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px
}

.pay-input{
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 48px;
	width: 344px;
	height: 48px;
	border-radius: 6px;
	color: var(--color-black);
	background-color: var(--bg-gray-10);
	border: 1px solid transparent
}

.pay-input::-moz-placeholder {
	color: #a5a9ad;
	font-size: 14px
}

.pay-input::placeholder {
	color: #a5a9ad;
	font-size: 14px
}

.pay-gray-tips,.pay-red-tips{
	min-height: 16px;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #788b9d;
	margin-bottom: 12px
}

.pay-red-tips{
	color: #e95b5b;
	margin-top: 12px
}

.user-pay-money{
	width: 100%;
	margin: 12px 0 8px;
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 10px
}

.user-pay-money li{
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #30383f;
	background: var(--bg-gray-10);
	position: relative;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	padding: 10px 0
}

.usdt-step{
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(152,161,182,.04);
	background-color: #fff;
	padding: 16px 24px;
	flex: none
}

.usdt-step strong{
	font-weight: 400;
	font-size: 14px;
	color: #179cff;
	margin-bottom: 10px;
	display: block
}

.usdt-step ul{
	width: 580px;
	height: 32px;
	background: url(data:image/png;base64,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) no-repeat 0;background-size: cover;
	background-size: contain;
	display: flex;
	align-items: center
}

.usdt-step ul li{
	color: #179cff;
	font-size: 12px;
	width: 140px;
	text-align: center
}

.usdt-type-list{
	display: flex;
	align-items: center;
	margin-top: 12px;
	overflow: auto;
    white-space: nowrap;
    word-break: break-all;
}

.usdt-type-list li{
	width: 166px;
	height: 40px;
	border-radius: 6px;
	background: var(--bg-gray-10);
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	margin-right: 16px
}

.three-load{
	width: 320px;
	height: 61px;
	padding: 8px;
	display: flex;
	align-items: center;
	font-size: 12px;
	position: relative;
	background: url(data:image/png;base64,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) no-repeat 50%;background-size: cover
}

.three-load img{
	width: 30px;
	margin-right: 6px
}

.three-load .sec{
	flex: 1
}

.three-load .sec span{
	font-weight: 500;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #303442
}

.three-load .sec p{
	height: 21px;
	margin-top: 4px;
	font-weight: 500;
	font-size: 12px;
	line-height: 21px;
	padding: 0 8px;
	background: rgba(23,156,255,.15);
	color: #179cff;
	border-radius: 19px;
	display: inline-block
}

.three-load .load{
	cursor: pointer;
	width: 64px;
	height: 24px;
	background: #179cff;
	border-radius: 4px;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #fff
}

.user-box-title{
	justify-content: space-between
}

.user-box-title .sec{
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer
}

.user-box-title .sec img{
	width: 20px;
	margin-right: 2px
}

.btn-wid400{
	margin-top: 20px
}

.popup{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.popup-main{
	width: 700px;
	min-height: 570px;
	border-radius: 16px;
	background: #fff;
	padding-bottom: 24px
}

.popup-title{
	border-bottom: 1px solid #f2f2f6;
	text-align: center;
	position: relative;
	font-size: 24px
}

.popup-title .title{
	height: 60px;
	line-height: 60px
}

.popup-title .close{
	position: absolute;
	right: 15px;
	top: 50%;
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAflBMVEVMaXHMzMzMzMzR0dHOzs7T09PMzMzV1dXNzc3V1dXMzMzMzMzOzs7X19fMzMzMzMzNzc3MzMzNzc3Nzc3S0tLPz8/MzMzR0dHNzc3MzMzNzc3MzMzQ0NDNzc3MzMzNzc3Nzc3Nzc3Nzc3Nzc3MzMzT09PMzMzNzc3Nzc3MzMzwG0fJAAAAKXRSTlMA188WGhfZGNYSzhQVExnU2tPR0BEQ2Bzb0szNG8vcs8bF1ae6Haa2ygyll/cAAAAJcEhZcwAACxMAAAsTAQCanBgAAADhSURBVHicfczbdoIwFIThMUEgQPCARmlrPfU07/+CXYZaxGRn3836v7VxPGuIp89HnHgRhb7whHnJhSD0guUcstBDH0QT9ubevVgFoln9d8TEpCMUTx0oSvb1OOueZTF9WcweRN1z9tRxE+s/Ua8jHaMQOrywgJU6bqKzthM7vEh1oHCkS3TYjlQm2Z1LCKvo2jYXhVXMW6DNWUWFGTqQxYW5dyBb8nWT6IgJo5hn4wyEqSYdeNvz5UEEfRDbRJ+IaAd2ex68MBWXkQ7s3r3YSN2Lny0+xO7FN64HsQOf6usXPlYVn9XtFRAAAAAASUVORK5CYII=) no-repeat 50%;background-size: 80%;
	transform: translateY(-50%);
	cursor: pointer
}

.popup-zw{
	padding: 24px
}

.popup-zw .small{
	font-size: 12px
}

.popup-zw .list{
	margin-top: 10px;
	color: #2a2b2c
}

.popup-zw .list span{
	color: #e95b5b
}

.popup-zw .list .link{
	padding: 2px 8px;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #6aaaf5;
	color: #6aaaf5;
	margin-bottom: 12px;
	margin-top: 8px;
	color: #179cff;
	cursor: pointer
}

.popup-zw .list-tips{
	font-size: 12px;
	margin-bottom: 12px;
	margin-top: 8px;
	color: #7981a4
}

.small-title{
	width: 480px
}

.small-title .popup-title{
	padding: 15px 15px 10px;
	background: #179cff;
	font-size: 18px;
	color: #fff;
	border-radius: 15px 15px 0 0
}

.small-title .popup-title .title{
	line-height: 1!important;
	height: auto
}

.popImg-main{
	text-align: left;
	padding: 24px 0;
	width: 60%;
	margin: 0 auto
}

.popImg-main ul{
	margin-top: 8px
}

.popImg-main ul li{
	position: relative;
	width: 100%;
	height: 40px;
	color: #414655;
	cursor: pointer;
	border-radius: 8px;
	margin-bottom: 16px;
	color: #303442;
	border: 1px solid #f2f2f6;
	display: flex;
	align-items: center;
	justify-content: center
}

.popImg-main .small-yy{
	color: #2a2b2c
}

.popImg-main .text-red{
	padding: 10px 0
}

.popImg-link{
	display: flex;
	width: 100%;
	margin-top: 32px
}

.popImg-link button{
	flex: 1
}

.step{
	height: 92px;
	flex-flow: row nowrap;
	padding: 24px 66px;
	border-radius: 12px;
	background: #fff;
	margin: 16px 0 0;
	box-shadow: 0 4px 16px rgba(152,161,182,.04)
}

.step-ul,.step{
	width: 100%;
	display: flex;
	justify-content: space-between
}

.step-ul{
	align-items: center;
	padding: 0 20px;
	margin-bottom: 14px
}

.step-ul li{
	width: 20px;
	height: 20px;
	position: relative;
	border-radius: 100%;
	background: #c9cddb;
	color: #afb3c8
}

.step-ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 40px;
	width: 115px;
	height: 1px;
	border-bottom: 1px dashed #c9cddb
}

.step-ul li:last-child:before {
	display: none
}

.step-ul li.hover,.step-ul li.ing{
	background: #179cff;
	color: #179cff
}

.step-ul li.hover:before {
	border-bottom: 1px dashed #179cff
}

.step-ul li.hover:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(-50%,-60%) rotate(45deg)
}

.step-ul li.ing:after {
	content: "";
	height: 1px;
	width: 10px;
	border-bottom: 1px dashed #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.step-ul .text{
	position: absolute;
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
	top: 26px
}

.order-info{
	background: #fff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	padding: 24px 0;
	box-shadow: 0 4px 16px rgba(152,161,182,.04)
}

.order-info-left{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 290px
}

.order-info-left img{
	width: 120px
}

.order-info-left p{
	color: #179cff;
	text-align: center
}

.order-info-left p span{
	color: #7981a4;
	font-size: 12px;
	display: block;
	margin-top: 6px
}

.order-info-right{
	border-left: 1px solid #e2e4eb;
	flex: 1;
	padding: 0 70px
}

.order-info-right .tips{
	width: 100%;
	font-size: 12px
}

.order-info-right ul{
	margin-top: 16px
}

.order-info-right ul li{
	display: flex;
	align-items: center;
	font-size: 12px;
	margin: 8px 0;
	line-height: 17px
}

.order-info-right ul li .name{
	color: #7981a4
}

.order-info-right ul li .main{
	flex: 1;
	text-align: right;
	color: #2a2b2c;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 10px
}

.order-info-right ul li .copy{
	width: 12px;
	height: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEVMaXF5gaN5gaRwgJ95gaN4gKV3gJ93gKN4gKV5gaV4gqN5gaR3gKN5gaR5gaR5gKJ5f6J5gKZ6gaWAgJ96gqV5gaV6g6V4gKN4gKJ5gKJ5gaQqqMEYAAAAGnRSTlMA778Q398ggGDfn19A78+gcFBvEH/Pb5BgUHCrOqYAAAAJcEhZcwAAFiUAABYlAUlSJPAAAACTSURBVHicxZLZDgIhDEXLIpvouC/3/z/UtAyBkeCr54n0JLe0QPQTpxV67vtSNxbfnEW8+Kh2FQDQIt4ppdwFHwEQmeA3OKIrCzfk34giQMvQF1mEAtQzVC4c70UAWC9d0E0cNrOGJux/BCbiMRPgGSYiTYR13Mf0YgG8D4ZYaNfqWZbIRF50rMifKEs9Dc9Ren4AOFMYM+QaqDwAAAAASUVORK5CYII=) no-repeat;background-size: cover;
	display: inline-block;
	margin-left: 6px;
	cursor: pointer
}

.order-info-right ul .one .img{
	width: 24px
}

.order-info-right ul .one .img img{
	width: 100%
}

.order-info-right ul .one .bankName{
	color: #2a2b2c;
	font-size: 14px;
	margin-left: 8px
}

.order-tips{
	background: #fff;
	border-radius: 6px;
	padding: 24px;
	box-shadow: 0 4px 16px rgba(152,161,182,.04)
}

.order-tips p{
	color: #303442!important;
	font-family: PingFang SC!important;
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: 8px;
	line-height: 1.5
}

.order-tips p span{
	color: red
}

.order-link{
	display: flex
}

.order-link button{
	flex: 1
}

.order-tip-text{
	font-size: 12px;
	color: #8590a6;
	line-height: 17px;
	display: flex
}

.order-tip-text img{
	width: 20px;
	margin-right: 4px
}

.popup{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.popup-main{
	width: 700px;
	min-height: 570px;
	border-radius: 16px;
	background: #fff;
	padding-bottom: 24px
}

.popup-title{
	border-bottom: 1px solid #f2f2f6;
	text-align: center;
	position: relative;
	font-size: 24px
}

.popup-title .title{
	height: 60px;
	line-height: 60px
}

.popup-title .close{
	position: absolute;
	right: 15px;
	top: 50%;
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAflBMVEVMaXHMzMzMzMzR0dHOzs7T09PMzMzV1dXNzc3V1dXMzMzMzMzOzs7X19fMzMzMzMzNzc3MzMzNzc3Nzc3S0tLPz8/MzMzR0dHNzc3MzMzNzc3MzMzQ0NDNzc3MzMzNzc3Nzc3Nzc3Nzc3Nzc3MzMzT09PMzMzNzc3Nzc3MzMzwG0fJAAAAKXRSTlMA188WGhfZGNYSzhQVExnU2tPR0BEQ2Bzb0szNG8vcs8bF1ae6Haa2ygyll/cAAAAJcEhZcwAACxMAAAsTAQCanBgAAADhSURBVHicfczbdoIwFIThMUEgQPCARmlrPfU07/+CXYZaxGRn3836v7VxPGuIp89HnHgRhb7whHnJhSD0guUcstBDH0QT9ubevVgFoln9d8TEpCMUTx0oSvb1OOueZTF9WcweRN1z9tRxE+s/Ua8jHaMQOrywgJU6bqKzthM7vEh1oHCkS3TYjlQm2Z1LCKvo2jYXhVXMW6DNWUWFGTqQxYW5dyBb8nWT6IgJo5hn4wyEqSYdeNvz5UEEfRDbRJ+IaAd2ex68MBWXkQ7s3r3YSN2Lny0+xO7FN64HsQOf6usXPlYVn9XtFRAAAAAASUVORK5CYII=) no-repeat 50%;background-size: 80%;
	transform: translateY(-50%);
	cursor: pointer
}

.popup-zw{
	padding: 24px
}

.popup-zw .small{
	font-size: 12px
}

.popup-zw .list{
	margin-top: 10px;
	color: #2a2b2c
}

.popup-zw .list span{
	color: #e95b5b
}

.popup-zw .list .link{
	padding: 2px 8px;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #6aaaf5;
	color: #6aaaf5;
	margin-bottom: 12px;
	margin-top: 8px;
	color: #179cff;
	cursor: pointer
}

.popup-zw .list-tips{
	font-size: 12px;
	margin-bottom: 12px;
	margin-top: 8px;
	color: #7981a4
}

.list-tips-tet{
	display: flex
}

.list-tips-tet .tips{
	flex: 1;
	margin-right: 10px
}

.popup-footer{
	text-align: center;
	width: 100%
}

.popup-zw-img{
	text-align: center
}

.popup-zw-img img{
	width: 280px
}

.small-title{
	width: 480px
}

.small-title .popup-title{
	padding: 15px 15px 10px;
	background: #179cff;
	font-size: 18px;
	color: #fff;
	border-radius: 15px 15px 0 0
}

.small-title .popup-title .title{
	line-height: 1!important;
	height: auto
}

.popImg-main{
	text-align: left;
	padding: 24px 0;
	width: 60%;
	margin: 0 auto
}

.popImg-main ul{
	margin-top: 8px
}

.popImg-main ul li{
	position: relative;
	width: 100%;
	height: 40px;
	color: #414655;
	cursor: pointer;
	border-radius: 8px;
	margin-bottom: 16px;
	color: #303442;
	border: 1px solid #f2f2f6;
	display: flex;
	align-items: center;
	justify-content: center
}

.popImg-main .small-yy{
	color: #2a2b2c
}

.popImg-main .text-red{
	padding: 10px 0
}

.popImg-link{
	display: flex;
	width: 100%;
	margin-top: 32px
}

.popImg-link button{
	flex: 1
}

.usdt-typ4{
	display: flex;
	margin-bottom: -16px
}

.usdt-typ4 li{
	width: 50%
}

.usdt-typ4 li .main{
	text-align: left!important
}

.pay-code{
	text-align: center;
	margin: 40px auto 0;
	width: 140px
}

.pay-code img{
	width: 140px;
	height: 140px
}

.sj-layout-info{
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 16px
}

.usdt-box{
	height: 100%
}

.usdt-info{
	background: #f9fbff;
	display: flex;
	align-items: center;
	padding: 0;
	margin-top: 16px
}

.usdt-info .left{
	width: 40%;
	height: 160px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #eee
}

.usdt-info .left .money{
	font-size: 24px
}

.usdt-info .left .money-zh{
	font-size: 18px;
	margin: 6px 0
}

.usdt-info .left .sec{
	font-size: 14px;
	color: #c0c9dc
}

.usdt-info .right{
	padding: 0 40px;
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.usdt-info .right .right-row{
	padding: 4px 0;
	display: flex;
	justify-content: space-between;
	width: 100%
}

.usdt-info .copy{
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEVMaXF5gaN5gaRwgJ95gaN4gKV3gJ93gKN4gKV5gaV4gqN5gaR3gKN5gaR5gaR5gKJ5f6J5gKZ6gaWAgJ96gqV5gaV6g6V4gKN4gKJ5gKJ5gaQqqMEYAAAAGnRSTlMA778Q398ggGDfn19A78+gcFBvEH/Pb5BgUHCrOqYAAAAJcEhZcwAAFiUAABYlAUlSJPAAAACTSURBVHicxZLZDgIhDEXLIpvouC/3/z/UtAyBkeCr54n0JLe0QPQTpxV67vtSNxbfnEW8+Kh2FQDQIt4ppdwFHwEQmeA3OKIrCzfk34giQMvQF1mEAtQzVC4c70UAWC9d0E0cNrOGJux/BCbiMRPgGSYiTYR13Mf0YgG8D4ZYaNfqWZbIRF50rMifKEs9Dc9Ren4AOFMYM+QaqDwAAAAASUVORK5CYII=) no-repeat 50%;background-size: cover;
	display: inline-block;
	cursor: pointer
}

.usdt-tips{
	background: #f3faff;
	padding: 24px;
	font-size: 14px;
	color: #30383f;
	margin-top: 24px
}

.usdt-tips p{
	line-height: 30px
}

.usdt-tips strong{
	display: block;
	margin-bottom: 16px
}

.usdt-link{
	margin: 24px 0 10px
}

.usdt-link .link{
	width: 200px
}

.usdt-link-tips{
	display: flex;
	align-items: center
}

.usdt-link-tips img{
	width: 18px;
	margin-right: 4px
}

.ebpay-box{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px;
	text-align: center;
	color: #30383f;
	min-height: 700px;
	background: #fff;
	border-radius: 8px;
	margin-top: 16px
}

.ebpay-box h2{
	font-weight: 400
}

.ebpay-time{
	width: 129px;
	height: 129px;
	background: url(/img/time.6224c174.png) no-repeat 50%;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 24px 0;
	font-size: 26px
}

.ebpay-tips{
	display: flex;
	align-items: center;
	margin-top: 24px
}

.ebpay-tips img{
	width: 18px;
	margin-right: 4px
}

.text-blue{
	color: var(--color-theme);
	cursor: pointer
}

.direction{
	position: fixed;
	z-index: 100;
	background: rgba(0,0,0,.7);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.dir-select{
	margin-bottom: 16px
}

.dir-main{
	width: 830px;
	height: 630px;
	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background: #fff
}

.dir-title{
	display: flex;
	height: 60px;
	width: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	border-bottom: 1px solid #f2f2f6
}

.dir-title .text{
	font-size: 24px;
	font-weight: 400;
	color: #30383f
}

.dir-title .dir-close{
	position: absolute;
	width: 16px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAflBMVEVMaXHMzMzMzMzR0dHOzs7T09PMzMzV1dXNzc3V1dXMzMzMzMzOzs7X19fMzMzMzMzNzc3MzMzNzc3Nzc3S0tLPz8/MzMzR0dHNzc3MzMzNzc3MzMzQ0NDNzc3MzMzNzc3Nzc3Nzc3Nzc3Nzc3MzMzT09PMzMzNzc3Nzc3MzMzwG0fJAAAAKXRSTlMA188WGhfZGNYSzhQVExnU2tPR0BEQ2Bzb0szNG8vcs8bF1ae6Haa2ygyll/cAAAAJcEhZcwAACxMAAAsTAQCanBgAAADhSURBVHicfczbdoIwFIThMUEgQPCARmlrPfU07/+CXYZaxGRn3836v7VxPGuIp89HnHgRhb7whHnJhSD0guUcstBDH0QT9ubevVgFoln9d8TEpCMUTx0oSvb1OOueZTF9WcweRN1z9tRxE+s/Ua8jHaMQOrywgJU6bqKzthM7vEh1oHCkS3TYjlQm2Z1LCKvo2jYXhVXMW6DNWUWFGTqQxYW5dyBb8nWT6IgJo5hn4wyEqSYdeNvz5UEEfRDbRJ+IaAd2ex68MBWXkQ7s3r3YSN2Lny0+xO7FN64HsQOf6usXPlYVn9XtFRAAAAAASUVORK5CYII=) no-repeat 50%;background-size: contain;
	right: 24px;
	cursor: pointer
}

.dir-main-box{
	padding: 10px 30px 30px
}.el-select-dropdown__item {
	height: 44px
}

.select-icon{
	width: 22px
}

.dir-step{
	overflow-y: auto;
	width: 100%;
	height: 470px
}

.dir-step::-webkit-scrollbar {
	width: 6px;
	height: 0
}

.dir-step::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0,0,0,.1)
}

.dir-step::-webkit-scrollbar-track {
	border-radius: 10px;
	background: transparent
}

.dir-step .dir-row{
	margin-bottom: 10px;
	margin-right: 15px
}

.dir-step .dir-row-step{
	text-align: center;
	font-size: 18px;
	color: #30383f;
	font-weight: 700;
	padding: 10px 0
}

.dir-step .dir-row-img img,.dir-step .dir-row-img{
	width: 100%
}

.finance-box{
	flex-direction: column;
	display: block
}

.finance-title{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px
}

.bank-hei{
	height: 100%;
	margin-bottom: 0
}
.usdt-type-list .bank-type-list{
    width: 300px;
    height: 120px;
    border-radius: 6px;
    background: var(--bg-gray-10);
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    margin-right: 16px;
	display: block;
	padding: 15px 25px;
}