.jzart {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: .3rem;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.175);
    box-sizing: border-box;
    color: #333;
    display: block;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 150%;
    max-width: 100%;
    min-width: 10px;
    position: absolute
}

.jzart a,.jzart input {
    outline: none;
    resize: none
}

.jzart .jzart-header {
    border-bottom: 1px solid #dedede;
    height: 50px;
    line-height: 50px;
    min-width: 150px;
    padding: 0 15px;
    white-space: nowrap
}

.jzart .jzart-header .jzart-header-title {
    color: #212529;
    font-size: 18px;
    font-weight: 600;
    margin-right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jzart .jzart-header .jzart-header-cloase {
    border: none;
    color: #b4b4b4;
    cursor: pointer;
    float: right;
    font-size: 20px;
    line-height: 50px;
    text-decoration: none;
    vertical-align: middle
}

.jzart .jzart-header .jzart-header-cloase:hover {
    color: #333;
    text-decoration: none
}

.jzart .jzart-body {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 20px;
    word-break: break-all;
    word-wrap: break-word;
    box-sizing: border-box
}

.jzart .jzart-bodycare {
    color: #4d5256;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    padding: 15px 0;
    text-align: center
}

.jzart .jzart-iframe {
    border: none;
    box-sizing: border-box;
    height: 300px;
    width: 100%
}

.jzart .jzart-footer {
    box-sizing: border-box;
    min-width: 200px;
    padding: 20px;
    text-align: center
}

.jzart .art-btn {
    border-radius: .25rem;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 0 8px;
    padding: .6em .9em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
}

.jzart .art-ok {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.jzart .art-ok:active,.jzart .art-ok:hover {
    background-color: #0069d9;
    border-color: #0062cc;
    text-decoration: none
}

.jzart .art-cancel {
    background-color: #fff;
    border: 1px solid #c3b9b9;
    color: #333
}

.jzart .art-cancel:active,.jzart .art-cancel:hover {
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none
}

.jzart .tip-em {
    border: 15px dashed transparent;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0
}

.jzart .em-top {
    border-left-color: #17a2b8;
    border-left-style: solid;
    bottom: -13px;
    left: 15px
}

.jzart .em-right {
    left: -13px
}

.jzart .em-left,.jzart .em-right {
    border-top-color: #17a2b8;
    border-top-style: solid;
    top: 15px
}

.jzart .em-left {
    right: -13px
}

.jzart .em-bottom {
    border-left-color: #17a2b8;
    border-left-style: solid;
    left: 15px;
    top: -13px
}

.jzart-msg {
    background-color: #17a2b8;
    color: #fff;
    font-size: 1.5rem;
    text-align: center
}

.jzart-mask {
    background-color: #333;
    bottom: 0;
    filter: alpha(opacity=1);
    left: 0;
    opacity: .01;
    position: fixed;
    right: 0;
    top: 0
}

.jzart-fade {
    transition: opacity .15s linear
}

.jzart-fade:not(.jzart-show) {
    opacity: 0
}