@charset "UTF-8";
.cm-toast-wrap{
	background: transparent;
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index: 9999;
}
.cm-toast {
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    border-radius: 6px;
    color: #ffffff;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    min-width:34%;
    max-width: 60%;
    display: none;
    padding:12px 20px;
}
@media screen and (min-width: 800px) {
	.cm-toast {
		min-width: 120px;
	}
	
}
.cm-toast .aui-iconfont {
    margin-top: 4px;
    display: block;
    font-size: 40px;
}
.cm-toast-content {
  font-size: 16px !important;
}
.cm-toast-loading {
    background-color: #ffffff;
    border-radius: 100%;
    margin: 15px 0;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    border: 2px solid #ffffff;
    border-bottom-color: transparent;
    height: 40px;
    width: 40px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 1s 0s linear infinite;
            animation: rotate 1s 0s linear infinite;
}

/*基础动画类*/
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
            	transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
            	transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
            	transform: rotate(360deg) scale(1);
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
            	transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
            	transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
            	transform: rotate(360deg) scale(1);
    }
}