.dialog-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.5)}.dialog-box .dialog{border:1px solid #D5D5D5;position:absolute;top:50%;left:50%;z-index:101;width:700px;border-radius:2px;background-color:#fff;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:768px){.dialog-box .dialog{width:calc(100% - 40px);max-width:700px}}.dialog-box .dialog>.title{height:50px;background-color:#EEE;padding:0 25px;line-height:50px}.dialog-box .dialog>.title h3{display:inline-block;font-size:18px;font-weight:400;text-align:left;font-family:tahoma,arial,'Hiragino Sans GB','\5FAE\8F6F\96C5\9ED1',sans-serif}.dialog-box .dialog>.title i{float:right;font-size:20px;color:#000;cursor:pointer}.dialog-box .dialog>.title i:hover{color:#FFA000}.dialog-box .dialog>.content{max-height:80vh;padding:30px 38px;overflow:auto}.dialog-box .dialog>.content .tips-box{margin-top:15px}.dialog-box .dialog .button-box{width:100%;margin-top:30px;text-align:center;font-size:0}.dialog-box .dialog .button-box input{width:120px;height:auto;border:1px solid;margin-right:20px;line-height:30px}.dialog-box .dialog .button-box input:last-child{margin-right:0}.dialog-box .dialog .button-box input.confirm{border-color:#ffa000;background-color:#ffa000;color:#fff}.dialog-box .dialog .button-box input.confirm:hover{background-color:#fff;color:#ffa000}.dialog-box .dialog .button-box input.cancel{border-color:#ffa000;background-color:#fff;color:#ffa000}.dialog-box .dialog .button-box input.cancel:hover{border-color:#ddd;background-color:#ddd;color:#666}.dialog-box.show-back{background-color:rgba(0,0,0,.5)}