#copy-input{
    position: absolute;
    top: 50%;
    /* z-index: -1; */
    /* visibility:hidden; */
    width: .1rem;
    opacity: 0;
}
.mock{
    overflow-y: auto;
    height: 100vh;
    width: 100vw;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(20,20,43,0.87);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    // display: none;
    /* display: none; */
    .dialog{
        position: relative;
        &-header{
            height: 1.15rem;
            width: 2.7rem;
            background: url(../images/dialog_header.svg) no-repeat center;
            background-size: contain;
            position: absolute;
            left: -.03rem;
            top: -.62rem;
        }
        &-main{
            width: 2.7rem;
            padding: .4rem .1rem;
            background: linear-gradient(218deg,#ff9e67 0%, #fb3f3a 100%);
            border-radius: 0.24rem 0.24rem 0rem 0rem;
            margin: 0 auto;
            .title{
                font-size: .32rem;
                font-weight: 900;
                line-height: .4rem;
                color: #FFFCE0;
                text-align: center;
            }
            .content{
                margin-top: .08rem;
                font-size: .16rem;
                font-weight: 700;
                line-height: .28rem;
                color: #FFFFFF;
                text-align: center;
                &>span{
                    color: #F7FC08;
                }
            }
        }
        &-footer{
            height: 1.6rem;
            width: 3.02rem;
            background: url(../images/dialog_footer.png) no-repeat center;
            background-size: contain;
            position: relative;
            margin-top: -.18rem;
            display: flex;
            justify-content: center;
            align-items: center;
            .button{
                margin-top: .44rem;
                padding: .04rem .34rem;
                background: linear-gradient(180deg,#fbea61, #fbd961 100%);
                border-radius: 0.8rem;
                box-shadow: 0rem 0.14rem 0.18rem 0rem rgba(0,0,0,0.16), 0rem 0.12rem 0.08rem 0rem rgba(255,255,255,0.30) inset; 
                font-size: .18rem;
                font-weight: bold;
                line-height: .3rem;
                color: #B13A16;
                display: flex;
                align-items: center;
                white-space: nowrap;
                .icon{
                    height: .24rem;
                    width: .24rem;
                    background: url(../images/icon_download.svg) no-repeat center;
                    background-size: contain;
                    margin-right: .02rem;
                }
            }
        }
        &-close{
            height: .36rem;
            width: .36rem;
            background: url(../images/dialog_close.png) no-repeat center;
            background-size: contain;
            margin: .32rem auto 0;
        }
    }
}
.wrapper{
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    position: relative;
    .top-bar{
        height: .6rem;
        background: url(../images/top_banner_en.png) no-repeat center;
        background-size: contain;
        display: none;
        &.pt{
            background-image: url(../images/top_banner_pt.png);
        }
    }
    .container{
        min-height: 100%;
        background: url(../images/container_bg.png) no-repeat center;
        background-size: cover;
        padding: .14rem .16rem .5rem;
        .header{
            .user{
                display: flex;
                align-items: center;
                font-size: .12rem;
                font-weight: 700;
                color: white;
                .avatar{
                    height:.28rem;
                    width: .28rem;
                    margin-right: .04rem;
                    img{
                        height: 100%;
                        width: 100%;
                        display: block;
                        border-radius: 50%;
                    }
                }
            }
            .dialog{
                padding: .1rem;
                background: rgba(11,49,183,0.50);
                border: 0.01rem solid rgba(255,255,255,0.54);
                border-radius: .08rem;
                box-shadow: 0rem 0.04rem 0.15rem 0rem rgba(0,0,0,0.14); 
                margin-top: .08rem;
                &>div{
                    font-size: .12rem;
                    font-family: DM Sans, DM Sans-Regular;
                    font-weight: 400;
                    color: #ffffff;
                    line-height: 0.24rem;
                    &>span{
                        color: #FBBE40;
                    }
                }
            }
        }
        .main{
            margin-top: .14rem;
            height: 1.92rem;
            background: url(../images/main_bg.png) no-repeat center;
            background-size: contain;
            &-top{
                height: 50%;
                font-size: 0.5rem;
                font-family: DM Sans, DM Sans-Bold;
                font-weight: 700;
                color: #f75e4c;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            &-bottom{
                height: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                
                .button{
                    padding: .12rem .48rem;
                    background: linear-gradient(90deg,#f86900, #fda203 100%);
                    border-radius: .7rem;
                    box-shadow: 0 .1rem .26rem -.07rem rgba(249,115,1,0.50);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    .hand{
                        height:.8rem;
                        width: .8rem;
                        background: url(../images/hand.png) no-repeat center;
                        background-size: contain;
                        position: absolute;
                        top: .08rem;
                        right:-.2rem;
                        animation: hand 1s infinite ;
                    }
                    .icon{
                        display: inline-block;
                        height:.28rem;
                        width: .28rem;
                        background: url(../images/button_icon.png) no-repeat center;
                        background-size: contain;
                        margin-right: .02rem;
                    }
                    .text{
                        color: white;
                        font-size: .18rem;
                        font-weight: 700;
                        line-height: .3rem;
                        white-space: nowrap;
                    }
                }
            }
        }
        .footer{
            margin-top: .28rem;
            height: 3.28rem;
            background: url(../images/footer_bg.png) no-repeat center;
            background-size: contain;
            position: relative;
            .content{
                overflow-y: hidden;
                width: 3rem;
                height:1.4rem;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom:.36rem;
                padding: 0 .12rem 0 ;
                .swipe-group{
                    position: relative;
                }
                .withdraw-list{
                    height: 100%;
                    .item{
                        text-align: center;
                        color:#8E4116;
                        font-size: .12rem;
                        font-weight: 400;
                        line-height: .2rem;
                        margin-bottom: .08rem;
                        &>span{
                            color:#F99F02;
                            font-weight: 500;
                        }
                    }
                }
            }
        }
    }
}
@keyframes hand {
    0%{
        transform: none
    }
    50%{
        transform: scale3d(.8,.8,.8);
    }
    100%{
        transform: none
    }
}