:root{
    --el-popup-modal-bg-color:var(--el-color-black);
    --el-popup-modal-opacity:.5
}
.v-modal-enter{
    animation:v-modal-in var(--el-transition-duration-fast) ease
}
.v-modal-leave{
    animation:v-modal-out var(--el-transition-duration-fast) ease forwards
}
@keyframes v-modal-in{
    0%{
        opacity:0
    }
}
@keyframes v-modal-out{
    to{
        opacity:0
    }
}
.v-modal{
    background:var(--el-popup-modal-bg-color);
    height:100%;
    left:0;
    opacity:var(--el-popup-modal-opacity);
    position:fixed;
    top:0;
    width:100%
}
.el-popup-parent--hidden{
    overflow:hidden
}
.el-dialog{
    --el-dialog-width:50%;
    --el-dialog-margin-top:15vh;
    --el-dialog-bg-color:var(--el-bg-color);
    --el-dialog-box-shadow:var(--el-box-shadow);
    --el-dialog-title-font-size:var(--el-font-size-large);
    --el-dialog-content-font-size:14px;
    --el-dialog-font-line-height:var(--el-font-line-height-primary);
    --el-dialog-padding-primary:16px;
    --el-dialog-border-radius:var(--el-border-radius-small);
    background:var(--el-dialog-bg-color);
    border-radius:var(--el-dialog-border-radius);
    box-shadow:var(--el-dialog-box-shadow);
    box-sizing:border-box;
    margin:var(--el-dialog-margin-top,15vh) auto 50px;
    overflow-wrap:break-word;
    padding:var(--el-dialog-padding-primary);
    position:relative;
    width:var(--el-dialog-width,50%)
}
.el-dialog:focus{
    outline:none!important
}
.el-dialog.is-align-center{
    margin:auto
}
.el-dialog.is-fullscreen{
    --el-dialog-width:100%;
    --el-dialog-margin-top:0;
    height:100%;
    margin-bottom:0;
    overflow:auto
}
.el-dialog__wrapper{
    bottom:0;
    left:0;
    margin:0;
    overflow:auto;
    position:fixed;
    right:0;
    top:0
}
.el-dialog.is-draggable .el-dialog__header{
    cursor:move;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.el-dialog__header{
    padding-bottom:var(--el-dialog-padding-primary)
}
.el-dialog__header.show-close{
    padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))
}
.el-dialog__headerbtn{
    background:transparent;
    border:none;
    cursor:pointer;
    font-size:var(--el-message-close-size,16px);
    height:48px;
    outline:none;
    padding:0;
    position:absolute;
    right:0;
    top:0;
    width:48px
}
.el-dialog__headerbtn .el-dialog__close{
    color:var(--el-color-info);
    font-size:inherit
}
.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{
    color:var(--el-color-primary)
}
.el-dialog__title{
    color:var(--el-text-color-primary);
    font-size:var(--el-dialog-title-font-size);
    line-height:var(--el-dialog-font-line-height)
}
.el-dialog__body{
    color:var(--el-text-color-regular);
    font-size:var(--el-dialog-content-font-size)
}
.el-dialog__footer{
    box-sizing:border-box;
    padding-top:var(--el-dialog-padding-primary);
    text-align:right
}
.el-dialog--center{
    text-align:center
}
.el-dialog--center .el-dialog__body{
    text-align:initial
}
.el-dialog--center .el-dialog__footer{
    text-align:inherit
}
.el-overlay-dialog{
    bottom:0;
    left:0;
    overflow:auto;
    position:fixed;
    right:0;
    top:0
}
.dialog-fade-enter-active{
    animation:modal-fade-in var(--el-transition-duration)
}
.dialog-fade-enter-active .el-overlay-dialog{
    animation:dialog-fade-in var(--el-transition-duration)
}
.dialog-fade-leave-active{
    animation:modal-fade-out var(--el-transition-duration)
}
.dialog-fade-leave-active .el-overlay-dialog{
    animation:dialog-fade-out var(--el-transition-duration)
}
@keyframes dialog-fade-in{
    0%{
        opacity:0;
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes dialog-fade-out{
    0%{
        opacity:1;
        transform:translateZ(0)
    }
    to{
        opacity:0;
        transform:translate3d(0,-20px,0)
    }
}
@keyframes modal-fade-in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes modal-fade-out{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.el-overlay{
    background-color:var(--el-overlay-color-lighter);
    bottom:0;
    height:100%;
    left:0;
    overflow:auto;
    position:fixed;
    right:0;
    top:0;
    z-index:2000
}
.el-overlay .el-overlay-root{
    height:0
}
.container[data-v-39d40d99]{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center
}
.home[data-v-39d40d99]{
    width:100%;
    max-width:800px;
    box-sizing:border-box;
    padding:0 10px
}
.home .header[data-v-39d40d99]{
    width:100%;
    padding:20px 0
}
.home .header .logo img[data-v-39d40d99]{
    width:50px;
    height:50px;
    border-radius:10px
}
.home .header .title[data-v-39d40d99]{
    display:flex;
    justify-content:center;
    align-items:center
}
.home .header .title img[data-v-39d40d99]{
    width:200px
}
.home .main[data-v-39d40d99]{
    width:100%;
    background-color:#fff3;
    background-filter:blur(20px);
    padding:10px;
    color:#666;
    box-sizing:border-box;
    border-radius:10px
}
.home .main[data-v-39d40d99] .el-form-item{
    width:80%;
    margin:15px auto
}
.home .main[data-v-39d40d99] .el-input__wrapper{
    border-radius:10px
}
.home .main[data-v-39d40d99] .el-button{
    display:block;
    width:100%;
    border-radius:10px;
    margin:10px auto
}
.home .main .cdkey_rule[data-v-39d40d99]{
    padding:15px 0;
    font-size:14px
}
.home .main .cdkey_rule .rule_txt[data-v-39d40d99]{
    font-size:13px;
    color:#979797
}
.home .formData[data-v-39d40d99]{
    display:flex;
    align-items:center
}
.home .formData .active img[data-v-39d40d99]{
    width:50px;
    height:50px;
    border-radius:10px
}
.home .formData .sub-title[data-v-39d40d99]{
    font-size:14px;
    color:#409eff;
    margin-bottom:10px
}
.home .formData .formData-list[data-v-39d40d99]{
    list-style:none;
    display:block;
    display:flex;
    justify-content:space-between
}
.home .formData .formData-list li[data-v-39d40d99]{
    flex:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.home .qrcode-container[data-v-39d40d99]{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:20px 10px;
    box-sizing:border-box;
    color:#666
}
.home .qrcode-container .qrcode[data-v-39d40d99]{
    width:140px;
    height:140px;
    position:relative
}
.home .qrcode-container .qrcode-img[data-v-39d40d99]{
    width:140px;
    height:140px;
    position:absolute
}
.home .qrcode-container .qrcode_mask[data-v-39d40d99]{
    width:140px;
    height:140px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#fcfcfccc;
    position:absolute;
    flex-wrap:wrap;
    box-sizing:border-box
}
.home .qrcode-container .mask_icon[data-v-39d40d99]{
    width:30px;
    height:30px
}
.home .qrcode-container .mask_loading[data-v-39d40d99]{
    width:140px;
    height:140px;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px #aaa solid
}
.home .qrcode-container .mask_err span[data-v-39d40d99]{
    color:#fa5151;
    font-size:14px
}
.home .qrcode-container .mask_success span[data-v-39d40d99]{
    color:#07c160;
    font-size:14px
}
.home .qrcode-container span[data-v-39d40d99]{
    color:#aaa;
    padding:10px 0;
    font-size:12px
}
.home .dialog-btn[data-v-39d40d99]{
    width:100%;
    padding:0 20px;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center
}
.home .success-container[data-v-39d40d99]{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.home .success-container .success-title[data-v-39d40d99]{
    font-size:18px;
    color:#fa5151;
    font-weight:700
}
.home .success-container img[data-v-39d40d99]{
    width:150px
}
.home .success-container .order_info[data-v-39d40d99]{
    margin-top:20px
}
.home .success-container .order_info .order_title[data-v-39d40d99]{
    font-weight:700
}
.home .success-container .order_info .order_title span[data-v-39d40d99]{
    color:#aaa
}
.home .success-container .success-subtitle[data-v-39d40d99]{
    color:#aaa;
    margin:20px 0
}