.ui-dialog {
  font-family: "Microsoft YaHei" !important;
  box-sizing: border-box;
  pointer-events: auto;
  display: none;
  /*  border: 1px solid #ccc; */
  background-color: #fff;
  font-family: arial, 'Hiragino Sans GB', sans-serif;
  position: absolute;
  /* left:40%;top:40%; */ }

.ui-dialog-close {
  position: absolute;
  right: 10px;
  cursor: pointer;
  color: #FFF;
  font-weight: bold;
  font-family: cursive; }

.ui-dialog-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: .3;
  display: none;
  filter: alpha(opacity=70); }

.ui-dialog-title {
  background-color: #288df0;
  color: #fff;
  padding: 5px 10px; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 1; } }
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 1; } }
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0; } }
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0; } }
@-moz-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
  display: none\0 !important; }

.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both; }

#confirmDialog {
  width: 350px;
  background-color: #fff; }

.ui-confirm-title, .ui-alert-title {
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: 25px;
  padding: 27px 0 20px 0; }

.confirm-title2 {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  text-align: center;
  line-height: 1.8; }

.ui-dialog-cancel {
  background-color: #999999; }

.ui-dialog-action {
  height: 45px;
  line-height: 45px;
  border-collapse: collapse;
  border-spacing: 0;
  pointer-events: auto;
  text-align: center;
  width: 100%;
  border-top: 1px solid #dcdcdc;
  padding: 0;
  margin: 0; }

.ui-dialog-action td {
  text-align: center;
  border: none; }

.ui-dialog-action button, .ui-dialog-action a {
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  color: #47b5ca;
  border: none;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0; }
.ui-dialog-action .ui-confirm-close, .ui-dialog-action .ui-confirm-no {
  color: #747474;
  border-left: 1px solid #dcdcdc; }

.ui-alert {
  border-radius: 5px;
  overflow: hidden; }

.ui-alert .ui-dialog-close {
  display: none; }

.ui-alert .ui-alert-submit {
  margin: 0 auto; }

.ui-alert-info {
  text-align: center;
  margin-top: 20px; }

.ui-alert-tip {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5); 
}
.ui-alert-tip .ui-alert-title {
    color: #fff;
    padding: 27px 25px; 
}

/*# sourceMappingURL=dialog.css.map */
/* comfirm确认框样式修改 */
.ui-alert .ui-dialog-close {
  display: inline-block;
  color: rgba(51,51,51,0.4);
  font-weight: 200;
  font-size: 30px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  font-family: "Microsoft YaHei";
  text-shadow: none;
}

.ui-dialog-mask + .ui-dialog {
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 20px 4px;
  border-radius: 0;
}
.ui-confirm-title{
  padding:37px 0 23px;
  line-height: 22px;
}
.ui-confirm-title span{
  display: inline-block;
  height: 22px;
  width: 22px;
  line-height: 22px;
  border-radius: 11px;
  background: #f6ac00;
  color: #fff;
  margin-right: 12px;
}

.ui-confirm-title + .ui-dialog-action{
  float: right;
  width:auto;
  height: 32px;
  line-height: 32px;
  border: 0;
}

.ui-confirm-title + .ui-dialog-action td{
  padding-left: 10px;
}

.ui-confirm-title + .ui-dialog-action button{
  padding: 0 15px;
  height: 100%;
  background: #cbcbcb;
  border-radius: 0;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  border: 0;
  text-shadow: none;
}

.ui-confirm-title + .ui-dialog-action button.ui-confirm-submit{
  background: #02bffc;
  color: #fff;
}
.ui-confirm-title + .ui-dialog-action button.ui-confirm-submit:hover{
  background: #02bffc;
  color: #fff;
}

/*message*/
.ui-dialog.ui-message{
  padding: 15px;
  font-size: 14px;
  border-radius: 0;
  top: 50px;
  background: #f0f9eb;
  border: 1px solid #e1f3d8;
  position: fixed !important;
}
.ui-dialog.ui-message.warn {
  background-color: #fdf6ec;
  border-color: #faecd8;
}
.ui-dialog.ui-message.error{
  background-color: #fef0f0;
  border-color: #fde2e2;
}
.ui-dialog.ui-message{
  animation: downShow ease-out 0.5s;
  -moz-animation: downShow ease-out 0.5s;	/* Firefox */
  -webkit-animation: downShow ease-out 0.5s;	/* Safari 和 Chrome */
  -o-animation: downShow ease-out 0.5s;	/* Opera */
}
.ui-dialog.ui-message.out{
  top: -50px;
  animation: downHide ease-out 0.5s;
  -moz-animation: downHide ease-out 0.5s;	/* Firefox */
  -webkit-animation: downHide ease-out 0.5s;	/* Safari 和 Chrome */
  -o-animation: downHide ease-out 0.5s;	/* Opera */
}

.ui-dialog.ui-message .ui-dialog-close{
  display: none;
}
.ui-dialog.ui-message .ui-dialog-close + div{
  text-align: center;
}
.ui-dialog.ui-message .ui-message-title{
   display: inline-block;
   line-height: 16px;
   padding: 0 0 0 26px;
   position: relative;
   color: #67c23a;
}
.ui-dialog.ui-message.warn .ui-message-title{
   color: #e6a23c;
}
.ui-dialog.ui-message.error .ui-message-title{
   color: #f56c6c;;
}

.ui-dialog.ui-message .ui-message-title::before{
  content: "\f058";
  font: normal normal normal 16px/1 FontAwesome;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
}
.ui-dialog.ui-message.warn .ui-message-title::before{
  content: "\f071";
}
.ui-dialog.ui-message.error .ui-message-title::before{
  content: "\f057";
}

/*alert动画效果*/
@keyframes downShow
{
  from {top: -50px;}
  to {top: 50px;}
}

@keyframes downHide
{
  from {top: 50px;}
  to {top: -50px;}
}

