/* 弹窗相关内容 */
.ko-dialog {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.ko-dialog .agreement {
    width: 7.16rem;
    height: 6.96rem;
    background: url("./img/dia1.png") center right no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: none;
}

.ko-dialog .agreement button {
    background: url("./img/btn.png") center right no-repeat;
    background-size: contain;
    width: 3.15rem;
    height: 0.64rem;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .62rem;
    margin: auto;
    cursor: pointer;
}

.ko-dialog .agreement button:hover {
    background: url("./img/btn-l.png") center right no-repeat;
    background-size: contain;
}

.ko-dialog .agreement .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: .64rem;
    height: .64rem;
    cursor: pointer;
}

.ko-dialog .default-con {
    width: 6rem;
    height: 2.96rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: none;

}

.default-con {
    background: url("./img/dia2.png") center right no-repeat;
    background-size: contain;
}

.ko-dialog .success {
    background: url("./img/success.png") center right no-repeat;
    background-size: contain;
    height: 3.05rem;
}

.success-code {
    position: absolute;
    bottom: 1.2rem;
    left: 0;
    text-align: center;
    color: white;
    right: 0;
    font-size: .26rem;
    margin: auto;
}

.ko-dialog .success-detail {
    background-image: url("./img/success-detail.png");
    height: 8.82rem;
    width: 11.94rem;
}

.ko-dialog .success .show-success-detail {
    width: 1.08rem;
    height: .35rem;
    position: absolute;
    right: 1.62rem;
    bottom: 1.57rem;
    cursor: pointer;
}

.error-code {
    background-image: url("./img/error--1.png");
}

.ko-dialog .default-con button {
    background: url("./img/btn1.png") center right no-repeat;
    background-size: contain;
    width: 3.15rem;
    height: 0.64rem;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .48rem;
    margin: auto;
    cursor: pointer;
}

.ko-dialog .default-con button:hover {
    background: url("./img/btn1-l.png") center right no-repeat;
    background-size: contain;
}