/***********************
模块名：Toast
elynnchen
************************/
.tui-center-wp{font-size: 0;word-wrap: normal;white-space: nowrap; text-align: center; display: block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:200;}
.tui-center-wp:before{content: "";display: inline-block;width:0;height:100%;vertical-align: middle;}

.tui-center-wp .tui-toast{position: relative;left:auto;top:auto;}


.tui-toast{
  display: inline-block;vertical-align: middle;
  background:#fff;border:1px solid #b2b2b2;box-shadow: 0 3px 7px -3px rgba(0, 0, 0, .2), 0 4px 8px -4px rgba(0, 0, 0, .2);
  font-size: 12px;min-width:150px;border-radius: 4px;
  transition: all .2s ease-out;
  z-index: 200; text-align: left;padding-bottom:10px;
}
.tui-toast .tit{font-size: 12px;color: #333;font-weight: bold;word-break:break-all;word-wrap:break-word;white-space: normal;}
.tui-toast .desc{font-size: 12px;color: #858585;word-break:break-all;word-wrap:break-word;white-space: normal;}

.tui-toast .btn-close {display: block;position: absolute;right: 0;top: 0;font-size: 24px;line-height: 24px;width: 24px;height: 24px;color: #858585;cursor: pointer;font-weight: 100;text-align: center;}
.tui-toast .btn-close:hover {color: #333;}
.toast-bd{position: relative;margin:20px ;margin-bottom:10px;}
.toast-bd .confirm-ico{position: absolute;top: 2px;left: 0;}
.toast-bd .confirm-ico+.tit{padding:0 0 0 20px;}
.toast-bd .confirm-ico+.tit+p{padding-left: 20px;}
.tui-toast.show{
  z-index: 1;
  opacity: 1;
}
.toast-ft{position: relative;padding:0 10px;}
.toast-ft .operate{width:100%;text-align: right; bottom:-10px;}
.toast-ft .btn{width:70px;line-height: 18px;font-weight: bold;height: 20px;min-width: 70px;}
.tui-toast.hide{
  display: block !important;
  opacity: 0;
  z-index: -1;
}

.tui-toast--b,.tui-toast--s{ min-width: 100px; }
.tui-toast--l{width: 240px;}
.tui-toast--xl{width: 400px;}