body {
        padding: 0;
        margin: 0;

    }
    .dialog-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999999998;
    }
    .dialog-container {
        position: fixed;
        width: 50%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #ffffff;
        border-radius: 20px;
        z-index: 9999999999;
        padding: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .c2 {
        background: rgb(90, 200, 216);
    }
    .c1 {
        background: rgb(37, 82, 172);
    }
    .dialog-content {
        color: #000000;
        font-size: 24px;
    }
    .dialog-button {
        padding: 10px;
        height: 24px;
        border-radius: 10px;
        width: 60%;
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 24px;
    }
    .button1 {
        background: #00ff06;
        color: #4e4e4e;
        padding: 10px;
        text-align: center;
        margin: 8px 0;
    }
    .right-btn {
        position: fixed;
        right: 0;
        top: 40%;
        width: 70px;
        height: 70px;
    }
    .right-btn img {
        width: 100%;
        height: 100%;
    }
    .avatar {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-right: 30px;
    }
    .ts {
        text-align: center;
        border-top: 1.2px solid #767373;
        margin-top: 40px
    }

    .ts p {
        font-family: HelveticaNeue;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        margin-top: -15px;
        color: #454545
    }

    .ts p span {
        background-color: #fff
    }
.alert-box p {
    margin: 0
}
.alert-sec-circle {
    stroke-dashoffset: 0;
    stroke-dasharray: 428;
    transition: stroke-dashoffset 1s linear
}
.alert-sec-text {
    position: absolute;
    top: 11px;
    left: 190px;
    width: 76px;
    color: #000;
    font-size: 58px
}
.alert-sec-unit {
    font-size: 34px
}
.alert-body {
    margin: 10px 0 10px
}
.alert-head {
    text-align: center;
    color: black;
    font-size: 28px
}
.alert-concent {
    margin: 5px 0 5px;
    color: black;
    font-size: 18px
}
.alert-concent p {
    line-height: 27px
}
.alert-btn {
    display: block;
    text-align: center;
    border-radius: 10px;
    background-color: #2552AC;
    height: 55px;
    line-height: 55px;
    width: 286px;
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    letter-spacing: 2px
}
.alert-btn-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events:none;
}
.alert-btn:hover {
    background-color: #597FCA
}
.alert-footer {
    margin: 0 auto;
    height: 42px;
    width: 120px
}
.alert-footer-icon {
    float: left
}
.alert-footer-text {
    border-left: 2px solid #EEE;
    padding: 3px 0 0 5px;
    height: 40px;
    color: #0B85CC;
    font-size: 12px;
    text-align: left
}
.alert-footer-text p {
    color: black;
    font-size: 22px;
    line-height: 18px
}
@media screen and (max-width: 700px) {
    .alert-box{
        width: 180px;
    }
    .alert-circle{
        top: -80px;
        left: 60px;
    }
    .alert-sec-text {
        left: 145px;
        width: auto;
        font-size: 38px;
    }
    .alert-head {
        font-size: 18px;
    }
    .alert-box p {
        font-size: 16px;
    }    
    .alert-btn {
        width: auto;
    }
}
.intbox{z-index:10000;width: 100%;height: 100%;background: rgba(0,0,0,0.1);position: fixed;top: 0;bottom: 0;display: none;align-items: center;justify-content: center;}
.intboxdiv{align-items: center;justify-content: center; background: linear-gradient(to bottom right, rgba(241, 244, 246, 1), rgba(255, 255, 255, 1));border-radius: 10px;padding: 20px;margin: 40px;flex-direction: column;display: flex;width: 80%;}

.span1{width: 100%;text-align: center;background: #5AC8D8;border-radius: 10px;margin: 10px 20px;padding: 10px 0px;color: white;font-size: 20px;}
.span2{width: 100%;text-align: center;background: #2552AC;border-radius: 10px;margin: 10px 20px;padding: 10px 0px;color: white;font-size: 20px;}
.spanq{color: black;font-size: 14pt;margin-top: 10px;width: 100%;text-align: left;margin-bottom: 20px;font-size: 24px;}
.aclo{background: url(/style/bass/images/close.png) center no-repeat; background-size: 100%; display: block; align-self: flex-end; width: 0.5em; height: 0.5em; margin-top: -20px; margin-right: -20px;}
.spanp{color: black;font-size: 14pt;margin-top: 10px;width: 100%;text-align: center;margin-bottom: 20px;;font-size: 24px;}