[v-cloak] {
    display: none;
}

.bigbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
}

.recadbox {
    position: fixed;
    /* top: 50%;
    left: 25%; */
    z-index: 9999;
    top: 29%;
    left: 3%;
    /* -webkit-animation-name: recadbox;
    animation-name: recadbox; */

}


/* @-webkit-keyframes recadbox

{
0% {
    top: 29%;
    left: 3%;
}

100% {
    right: 0;
    bottom: 0%;
}
} */




.recadilog {
    /* width: 200px;
    height: 200px; */
    width: 370px;
    height: 370px;
    background: url(//image01.homedo.com/Files/Images/cms/www/20210409/5394020127470416761_pic1.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.recadilog h3 {
    position: absolute;
    top: 15%;
    /* left: 32%; */
    color: #fddabb;
    width: 105%;
    text-align: center;
    font-size: 18px;
}

.recadilog h2 {
    width: 105%;
    position: absolute;
    top: 42%;
    /* left: 32%; */
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 1px;
    /* color: #fddabb; */
    background-image: -webkit-linear-gradient(bottom,#fbeede,#fdd9b9,#ffc494);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.recadilog p {
    top: 53%;
    position: absolute;
    /* left: 26%; */
    font-size: 1.2rem;
    color: #fddabb;
    width: 105%;
    text-align: center;

}

.closebtn {
    width: 44px;
    position: absolute;
    /* bottom: -45px; */
    left: 45%;
    z-index: 999999118;
    margin-top: 380px;
}

.second {
    position: absolute;
    top: -42px;
    left: 48%;
    font-size: 3rem;
    font-weight: 600;
    color: #fff4df;
}

.biginfo {
    position: absolute;
    top: 25%;
    /* left: 40%; */
    width: 105%;
    text-align: center;
}

.moneybox {
    display: flex;
}
.moneynum{
    margin-top: 0.5rem;
}
.moneynum .moneys {
    font-size: 50px;
    font-weight: 600;
    background-image: -webkit-linear-gradient(bottom,#fbeede,#fdd9b9,#ffc494);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.yuan {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(bottom,#fbeede,#fdd9b9,#ffc494);
    /* background-color: #fffaca; */
    text-align: center;
    font-size: 1rem;
    margin-left: -2px;
    color: #ff5949;
    margin-top: 33px;
}

.rightfloat {
    position: fixed;
    right: 0px;
    bottom: 25%;  /* 小弹框位置*/
    z-index: 9999;
    /* animation: rightfloat 1s;
    -webkit-animation: rightfloat 1s; */
}
.rightfloatDarw{
    position: fixed;
    right: 0px;
    bottom: 25%;  /* 小弹框位置*/
    z-index: 9999; 
}
.float-img{
    width: 100px;
    height: 100px; 
    position: relative;
}

.floatimg {
    width: 100px;
    height: 100px;
    background: url(//image01.homedo.com/Files/Images/cms/www/20210415/5168659427706408476_pic1.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.rightclose {
    width: 22px;
    position: absolute;
    right: 0;
    top: -10px;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
}

.clickbtn {
    position: absolute;
    width: 100%;
    height: 57px;
    top: 66%;
    /* left: 24%; */
    text-align: center;
    line-height: 57px;
    color: #c41e1b;
    font-size: 22px;
    font-weight: 600;
}

.floatimg p {
    /* position: absolute;
    top: 70%;
    left: 13%;
    color: #b4692b; */
    font-size: 1rem;
    position: absolute;
    top: 22%;
    width: 80%;
    height: 60%;
    left: 13%;
    color: #b4692b;
    line-height: 105px;
    padding-left: 5px;
}

.account {
    position: absolute;
    bottom: 12%;
    left: 35%;
    color: #7f2303;
    text-decoration: underline;
}



@-webkit-keyframes recadbox {
    0% {
        opacity: 1;
        -webkit-transform: translateX(3%);
        transform: translateX(3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(400px, 400PX);
        transform: translate(400px, 400PX);

    }
}

@keyframes recadbox {
    0% {
        opacity: 1;
        -webkit-transform: translateX(3%);
        -ms-transform: translateX(3%);
        transform: translateX(3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(400px, 400PX);
        -ms-transform: translate(400px, 400PX);
        transform: translate(400px, 400PX);
    }
}

@-webkit-keyframes rightfloat {
    0% {
        opacity: 1;
        -webkit-transform: translateX(300px);
        transform: translateX(300px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);

    }
}

@keyframes rightfloat {
    0% {
        opacity: 1;
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
}