.dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.dialog-content {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10001;
    width: 85%;
    overflow: hidden;
    background-color: #FAFAFC;
    text-align: center;
    border-radius: 3px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.dialog-content-hd {
    padding: 20px 0 0;
}

.dialog-content-title {
    font-weight: 400;
    font-size: 17px;
}

.dialog-content-bd {
    padding: 15px 20px 0;
    font-size: 14px;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
    text-align: left;
}

.dialog-content-bd p {
    margin: 5px 0;
}

.dialog-content-ft {
    position: relative;
    line-height: 42px;
    margin-top: 20px;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.dialog-content-ft a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #d2181c;
    outline: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dialog-content-ft a:active {
    background-color: #EEEEEE;
}

.dialog-content-ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.dialog-content-ft a:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.dialog-content-ft a:first-child:after {
    border-left: none;
}

.dialog-content-ft .dialog-btn-cancel {
    color: #353535;
}

.dialog-content-ft .dialog-btn-ok {
    color: #d2181c;
}

.dialog-wrap-info .dialog-overlay {
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}

.dialog-content-info {
    width: auto;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
}

.dialog-content-info .dialog-content-bd {
    position: relative;
    padding: 0;
    width: 140px;
    height: 140px;
    color: #fff;
    text-align: center;
}

.dialog-content-info .dialog-content-bd #info-box {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
}

.dialog-content-info .dialog-content-bd .icon {
    height: 60px;
    width: 60px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.dialog-content-info .dialog-content-bd .icon-close {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACfUlEQVR4Xu2bMU7EMBBF/1yDrUBUcAMOAQ2ioeYe0CDuQEuFaBAH4AoUQLUFDVzDyFJAZnFiezwzcTZJs40znvcysRNnTZj5QTPnxyJgqYANA865SwCnAF4AXBPR+5QlOecOANwA2APwQESe7/f4dws45z4B7HQt3gCcTVVCB38P4LDj+SKiVUrAHYDzoNEkJUTgPdITER2nBPiSCa359pOS0AMfZYjOAiUBWhsfSnPvnQZLA7UggpPz4HMAJ+BYIri5Jh+EuIEtRdTkmBTgQWo60BZRm1uWgFYl1MJ7rmwBrUmQgC8W0IoEKXiWgLElSMKzBYwlQRq+SoC1BA34agFWErTgRQRoS9CEFxOgJUEbXlSAtAQLeHEBUhKs4FUE1EqwhFcTwJVgDa8qoFTCGPDqAnIljAVvIiAloVsvGG0Rtuh1uEuW9dNzldddsP0gqOkKtJmAgUoIhZrCm90CIWFXCY8Awqvum/hqOLH+CmVaAUEVzFNAzzgwj1tg1oPg0Dy/9dNgzkNOThvW3JtxkuogWAJW0jaDK7uJmgAOEOecbNKehioCakBqzuXIEBcgASARI1eGqADJxCVjDckQE6CRsEbMTRkiAjQT1Ywt8jKknWBqPaH25amqAizgf0pWqy+2AK2EhgYsjT5ZAjQSyZ22pPsuFiCdQC54ZFFFZB2xSEAL8NJjQraAluAlJWQJaBFeSkJSQMvwEhKWv8r2jcJTuPKbuXNyXv4uL2GRM5drnlNSCbE9Q7PfMvMabDIy/1YnWRmRSvggot2wj1gF+G1lFwCet2jb3C2AIwBXyW1zklegpVjOuRUR+S2Bf47kg1BLEBq5LAI0rE4p5jfYUHRf+5+CQQAAAABJRU5ErkJggg==");
}

.dialog-content-info .dialog-content-bd .icon-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEV0lEQVR4Xu2aTahWVRSG31dy0EBq0EBskCA1KIiCIqJBDaxJkJkRtzSjMFIJ1NDCNLr2a1RcMaR/oyylQRZpICIpSA2CwqAaWIMKwqAoatDPIN5Yl3Xju9e9vvO3vxvn+86anr3XXu+zf85aZx9ixI0jrh8dgG4FjDiBbguM+ALoDsFuC3RbYMQJjNQWkDQO4Gqf8w0kT4wMAEl7Adzas+A/JXnZSACQ9DKAVYndPvwAJO0AsC446hYM9QqQ9ASAzYH4bSTHhxaApC0AHgvEP0Nykz0bSgCS1gOYCMQ/T3Lt1LOhAyDpbgAvBeLfIHlH77OhAiDpNgBvBeLfIXnzzGdDA0DSEgDvBeIPAbiJ5J9DCUDSYgDvAzgzAeA4gGUkf0rBaf0KkHSliz8nIfAzF/9tVPK0GoCki138eQmBJ33Zf9mv3mstAEmLXPyFCYE/uPhPiordVgKQNN/FX54Q+BuApSSPFolvZSIkaZ6LvyYh8B8AN5I8WEZ86wBImuPirw8EjpF8u6z4NgIwcbcEAleRfLWK+GkA/GvJZH+rkqo6GnR7SbsB3BmMs47kzjoxTB6CieJhslSs43AQfSQ9B+DewPeDJJ+sO+4UgC8AXDTDyeMkt9Z1nKufpO0AHgj8NY6xHwAbczvJ6INCLo2hH0kPAXgkaLCD5IamQURboNfv0yTvbzpQ1f6S7gPwbNDvFZJW9ja2/xIhPwQfDjxOkLSAZsUk3QPghWCwfSSt7M1i0zLBAgg7SUYfF7MEY04krQCwJ3B4wLM8S3iy2GmpcAGEXSSj07hxQJKWAtgfOPrQxf/eeKAeB8laoADCiyRX5wzCZ/46AB8AOCPh24oaS3FP5R43LIYKIGQ7hFz8VS7+rIRAK2dN/De5xZu/vtVgAYTXSN7VNChJlwKw4mVBwtd3AJaQ/LzpOFH/wnK4AMIekivrBifpAhd/fsLHzy7+47r+y/QrBOBL1NLi6BW5l+TyMoP1tpF0rou/JNH3Lxd/uKrfqu1LASgBwaq05SRLvZ4kne3ibe+nzL7gvltVTJ32pQGUgGCvr9tJ/tEvEElzXbyd+ikzH2/WEVOnTyUADsEKpEeDwew1ZgJ+jYKRZKDsfZ+yNSSjDLCOvsI+lQE4BKsNngq8H3EIP858LskyPMv0UraRZJT7Fwqp26AWAIfQ7wLSLiNsJdhrbNIk2cxajp+ycZLb6opo0q82ABdlt6y7ggAse1tB8mtJNrNRMfW/VJtTMTcC4BDs1xP7BSVlJwBYAWN1fcqmXVU3mcm6fRsDcAiWDL1eMYhGSVTFscLmWQA4hDEA+0oGtp/kspJtB9osGwCH0K+cnRJi2d0NJP8eqLKSzrMCcAh2aRHdzHzk4n8pGd/Am2UH4BCuBTAzj7eKzmb++4GrqjDAQAA4hCv8u95CAMcAbCH5VYXYZqXpwADMSvQZBukAZIDYahfdCmj19GUIvlsBGSC22kW3Alo9fRmC/xeU11KWiuvbDgAAAABJRU5ErkJggg==");
}

.dialog-content-info .dialog-content-bd .info-text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    margin: 0;
    font-size: 16px;
}

.dialog-wrap-show .dialog-overlay {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.dialog-wrap-show .dialog-content {
    opacity: 1;
    filter: alpha(opacity=100);
}

@media screen and (min-width: 1024px) {
    .dialog-content {
        max-width: 35%;
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
        transition: all 0.6s;
    }
}