.dialog_box{
    width:0px;
    background:red;
    position: absolute;
    top:0px;
    right:0px;
}
.dbr_title{
    width:100%;
    background:#80c6f1;
    overflow: hidden;
}
.close_dialog_box{
    width:30px;
    line-height: 30px;
    text-align: center;
    font-size:15px;
    float:left;
}
.dbrt_text{
    width:calc(100% - 31px);
    height:30px;
    line-height: 30px;
    text-align: center;
    color:#FFFFFF;
    font-weight: 600;
    font-size:15px;
    float:left;
}
.dialog_box{
    width:500px;
    background:#FFFFFF;
    border:1px solid #cccccc;
    position: absolute;
    top:100px;
    left:calc((100% - 502px)/2);
    z-index: 2;
    display:none;
}
.dbox_head{
    width:100%;
    height:30px;
    overflow: hidden;
}
.dbox_head_title{
    width:calc(100% - 31px);
    height:30px;
    line-height: 30px;
    text-align: center;
    float:left;
}
.dbox_close_button{
    width:30px;
    height:30px;
    line-height: 30px;
    text-align: center;
    float:left;
    border-left:1px solid #cccccc;
}
.dbox_body{
    width:calc(100% - 20px);
    border-top:1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding:10px;
    text-align: center;
}
.dbox_foot{
    width:100%;
    height:40px;
    padding-top:10px;
}
.dbox_button{
    width:80px;
    text-align: center;
    line-height:20px;
    padding:5px 5px;
    border-radius: 5px;
    background:#80c6f1;
    float:right;
    margin-right:10px;
    color:#FFFFFF;
}