:root 
{
    /*green*/
    --green-common-card-use-color:#027f5f;

    /*MAROON*/
    --maroon-common-card-use-color:#a9493a;

    /*BLUE*/
    --blue-common-card-use-color:#02aaf6;

    /*usd*/
    --usd-common-card-use-color:#24b3ee;

    /*rosegold*/
    --rosegold-common-card-use-color:#24b3ee;

    /*blackgreen*/
    --blackgreen-common-card-use-color:#027f5f;
}
/*bankcard*/
#bankcard
{
	font-size: var(--standard-font-size);
	overflow: hidden;
}
#bankcard .content{
    display: flex;
    flex-direction: column;
}
#bankcard .count_bind{
	padding: 10px;
}
#bankcard .title,
#bankcard .crypto_title
{
	position: absolute;
    font-weight: bold;
}
#bankcard .alipay_title{
    position: absolute;
    font-weight: 700;
    top: 10%;
}
#bankcard .content .icon {
    font-size: 25px;
    margin-right: 5px;
}
#bankcard .content .exist_bankcard,
#bankcard .content .exist_wallet,
#bankcard .content .exist_crypto,
#bankcard .content .exist_alipay{
    padding: 3vw;
    position: relative;
}
#bankcard .content .bankcard_container{
	height: 50vw;
}
#bankcard .content .add_bankcard,
#bankcard .content .add_crypto{
	width: 98%;
    height: 50vw;
    position: relative;
    border-radius: 15px;
    margin: 5px auto;
    color: #fff;
    font-size: var(--content-font-size);
    background: url(/image/web/bankcard/addcard.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .add_alipay{
    width: 91%;
    height: 50vw;
    position: relative;
    border-radius: 15px;
    margin: 5px auto;
    color: #fff;
    font-size: var(--content-font-size);
    background: url(/image/web/bankcard/addcard.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .add_bankcard .bankcard_left,
#bankcard .content .add_crypto .crypto_left,
#bankcard .content .add_alipay .alipay_left{
	color: #000;
    position: absolute;
    top: 26%;
    left: 5%;
}
#bankcard .content .bankcard_text,
#bankcard .content .crypto_text,
#bankcard .content .alipay_text{
	font-weight: bold;
    /* font-size: 20px; */
    font-size: clamp(2vw,5vw,16px);
    color: #fdcc69;
}
#bankcard .content .bankcard_list,
#bankcard .content .crypto_list {
    width: 98%;
    height: 60vw;
    position: relative;
    border-radius: 15px;
    margin: 5px auto;
    color: #fff;
    font-size: var(--content-font-size);
}
#bankcard .content .crypto-img{
	width: 15%;
    position: absolute;
    top: 25%;
    left: 5%;
}
#bankcard .content .crypto_right{
	position: absolute;
    top: 10%;
    left: 5%;
    font-weight: bold;
}
#bankcard .content .bankcard_list:nth-of-type(5n+1) {
    background: url(/image/web/bankcard/card1.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .bankcard_list:nth-of-type(5n+2) {
    background: url(/image/web/bankcard/card2.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .bankcard_list:nth-of-type(5n+3) {
    background: url(/image/web/bankcard/card3.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .bankcard_list:nth-of-type(5n+4) {
    background: url(/image/web/bankcard/card4.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .bankcard_list:nth-of-type(5n+5) {
    background: url(/image/web/bankcard/card5.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .bankcard_list.GOPAY {
    background: url(/image/web/bankcard/card_gopay.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .bankcard_list.KDPAY {
    background: url(/image/web/bankcard/card_kdpay.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .bankcard_list.OKPAY {
    background: url(/image/web/bankcard/card_okpay.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .bankcard_list .bankcard_bank,
#bankcard .content .bankcard_list .crypto_bank{
    padding: 5vw;
    margin-bottom: 15px;
    position: relative;
    top: .1rem;
    left: 15px;
    font-size: var(--standard-font-size);
}
#bankcard .content .crypto_list:nth-of-type(3n+1) {
    background: url(/image/web/bankcard/crypto_card1.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .crypto_list:nth-of-type(3n+2) {
    background: url(/image/web/bankcard/crypto_card2.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .crypto_list:nth-of-type(3n+3) {
    background: url(/image/web/bankcard/crypto_card3.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .alipay_list{
    background: url(/image/web/bankcard/alipay_card.png) 0 0 no-repeat;
    background-size: 90%;
}
#bankcard .content .bankcard_no,
#bankcard .content .crypto_bind,
#bankcard .content .alipay_bind
{
    padding: 3vw;
    position: relative;
    /* top: 2vw; */
    top: 4vw;
    left: 20px;
    font-size: var(--standard-font-size);
}
#bankcard .content .crypto_no{
	padding: 3vw;
    position: relative;
    top: 32vw;
    left: 2%;
    font-size: 3.5vw;
    word-break: break-all;
    width: 75%;
}
#bankcard .content .crypto-qrcode{
    position: absolute;
    top: 10%;
    right: 15%;
    border: 1vw solid #fff;
}
#bankcard .content .alipay-img{
    width: 25%;
    position: absolute;
    right: 22%;
    top: 10%;
}
#bankcard .content .alipay_account{
    padding: 3vw;
    position: relative;
    top: 28vw;
    left: 2%;
    font-size: var(--standard-font-size);
    word-break: break-all;
    width: 75%;
    color: #000;
}
#bankcard .content .icon-alipay{
    font-size: 10vw;
    color: var(--common-use-color);
}