.z_mask_box {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 99;
}

.z_dialog_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 99;
    border-radius: .2381rem;
    padding: .9524rem;
}

.z_normal {
    width: 30rem;
}

.z_big {
    width: 50rem;
}

.z_dialog_position {
    position: relative;
}

.z_dialog_box .z_dialog_title {
    font-size: .8571rem;
    font-weight: bold;
    margin-bottom: .4762rem;
}

.z_dialog_box .z_dialog_content {
    font-size: .7619rem;
    margin-bottom: .9524rem;
    max-height: 60vh;
    overflow-y: auto;
}
/* 针对 WebKit 浏览器隐藏滚动条 */
/* .z_dialog_box .z_dialog_content::-webkit-scrollbar {
    display: none;
  } */
.z_dialog_box .close {
    width: .5714rem;
    height: .5714rem;
    position: absolute;
    right: 0px;
    top: .1905rem;
    cursor: pointer;
}

.z_dialog_header {
    border-bottom: .0476rem solid #e7e7e7;
    padding-bottom: .5714rem;
}

.z_ipt {
    height: 1.7143rem;
    border: 1px solid #ccc;
    margin-right: 1.1429rem;
    padding-left: .5714rem;
}

.z_dialog_item {
    display: flex;
    align-items: center;
}

.z_code {
    display: flex;
}

.z_code img {
    width: 4.7619rem;
    height: 1.7143rem;
    margin-right: .5714rem;
}

.z_code_btn {
    padding: .1905rem .2857rem;
    font-size: .7619rem;
    border: .0476rem solid #ccc;
    cursor: pointer;

}

.z_dialog_content {
    margin-top: 1.7143rem;
}

.z_dialog_footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.1429rem;
    border-top: .0476rem solid #e7e7e7;
    padding-top: .5714rem;
}

.z_dialog_btn {
    padding: .2857rem .5714rem;
    /* border-radius: .2381rem; */
    margin-left: .4762rem;
    cursor: pointer;
    font-size: .7619rem;
}
.z_dialog_btn >img{
    display: none;
}

.z_dialog_btn_confirm {
    background: #0152D9;
    color: #fff;
    border: .0476rem solid #0152D9;
}

.z_dialog_btn_confirm_disabled {
    background: #C3DAFF;
    cursor: not-allowed;
    pointer-events: none;
}

.z_dialog_btn_cancel {
    background-color: #777;
    color: #fff;
    border: .0476rem solid #777;
}

.z_dialog_btn_normal {
    background: #FFFFFF;
    border: .0476rem solid #E8E9EE;
}
.z_btn_loading{
    display: flex;
    align-items: center;
    cursor: not-allowed;
}
.z_btn_loading >img{
    display: block;
    width: 1rem;
    animation: rotate 2s linear infinite;
    margin-right: .1905rem;
}