.profile-drawer-container {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000
}

.profile-drawer-container .drawer-mask {
    background: rgba(0, 0, 0, .85);
    height: 100%;
    position: absolute;
    width: 100%
}

.profile-drawer-container .close-icon {
    background: url(https://laoguo-caiji.oss-cn-beijing.aliyuncs.com/ceping/suan/close.png) no-repeat;
    background-size: contain;
    bottom: 11.11rem;
    height: .72rem;
    position: absolute;
    right: .52rem;
    width: .72rem
}

.profile-drawer-container .drawer-content {
    background: url(https://laoguo-caiji.oss-cn-beijing.aliyuncs.com/ceping/suan/drawerBg.png) no-repeat;
    background-size: 100%;
    bottom: 0;
    height: auto;
    left: 0;
    max-height: 80vh;
    overflow-y: hidden;
    position: absolute;
    width: 10rem
}

.profile-drawer-container .drawer-content .drawer-tips {
    color: #858585;
    font-family: PingFang SC;
    font-size: .31rem;
    font-style: normal;
    font-weight: 400;
    height: .38rem;
    line-height: .38rem;
    margin-top: .32rem;
    text-align: justify
}

.profile-drawer-container .drawer-content .profile-container {
    margin-top: 1.9rem
}

.ai-destiny-single {
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%
}

.ai-destiny-single::-webkit-scrollbar {
    background: transparent;
    display: none;
    width: 0
}

.ai-destiny-single .background-image {
    background: url('https://laoguo-caiji.oss-cn-beijing.aliyuncs.com/ceping/suan/index-bg.jpg') no-repeat;
    background-size: 100% 100%;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.ai-destiny-single .bottom-area {
    bottom: .64rem;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
    z-index: 2
}

.ai-destiny-single .bottom-area .bottom-btn {
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.53rem;
    transition: all .3s ease;
    width: 7.38rem
}

.ai-destiny-single .bottom-area .bottom-btn.breathing {
    animation: breathing-42f5075c 1.5s infinite
}

@-moz-keyframes breathing-42f5075c {
    0% {
        opacity: .9;
        transform: scale(.98)
    }

    50% {
        opacity: 1;
        transform: scale(1.12)
    }

    to {
        opacity: .9;
        transform: scale(.98)
    }
}

@-webkit-keyframes breathing-42f5075c {
    0% {
        opacity: .9;
        transform: scale(.98)
    }

    50% {
        opacity: 1;
        transform: scale(1.12)
    }

    to {
        opacity: .9;
        transform: scale(.98)
    }
}

@-o-keyframes breathing-42f5075c {
    0% {
        opacity: .9;
        transform: scale(.98)
    }

    50% {
        opacity: 1;
        transform: scale(1.12)
    }

    to {
        opacity: .9;
        transform: scale(.98)
    }
}

@keyframes breathing-42f5075c {
    0% {
        opacity: .9;
        transform: scale(.98)
    }

    50% {
        opacity: 1;
        transform: scale(1.12)
    }

    to {
        opacity: .9;
        transform: scale(.98)
    }
}

.ai-destiny-single .bottom-area .ai-instructions {
    color: hsla(0, 0%, 44%, .88);
    font-family: PingFang SC;
    font-size: .26rem;
    font-weight: 400;
    line-height: .37rem;
    margin-top: .2rem;
    text-align: center
}