#waimToast {
	width: 480px;
	color: white;
	padding: 10px;
	position: fixed;
	left: 20px;
	z-index: 99999;
}
#waimToast div {
	position: relative;
}
#waimToast a {
	color: white;
	text-decoration: none;
}
#waimToast img {max-width: 100%;}
#waimToast a.waimToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	left: -12px;
	bottom: 0;
}
#waimToast a.waimToastClose {
	position: absolute;
	/*bottom: 76px;
	bottom: 92px;*/
	bottom: 100px;
	left: -28px;
	width: 36px;
	height: 36px;
}
#waimToast a.waimToastClose img {
	width: 100%;
	height: 100%;
}
.waimToastHide {
	bottom: -150px;
	-webkit-opacity: 0;
	opacity: 0;
}
.waimToastShow {
	transition-property: -webkit-opacity bottom;
	transition-duration: 0.5s;
	-webkit-opacity: 0.95;
	opacity: 0.95;
	bottom: 10px;
}
.waimToastNone {
	transition-property: -webkit-opacity bottom;
	transition-duration: 1s;
	-webkit-opacity: 0;
	opacity: 0;
	bottom: -150px;
}


@media screen and (max-width: 768px){
#waimToast {
    width: 96%;
    color: white;
    padding: 10px 0px 10px 10px;
    position: fixed;
    /* left: 40%; */
    /* margin-left: -40%; */
    left: 0px;
    bottom: 0px;
    z-index: 99999;
}
#waimToast div {
	position: relative;
}
#waimToast a {
	color: white;
	text-decoration: none;
}
#waimToast a.waimToastBnr img {
	width: 100%;
	height: auto;
	position: absolute;
	left: -30px;
	bottom: 0;
}
#waimToast a.waimToastClose {
	position: absolute;
	/* bottom: 84px; */
    bottom: 97px;
	left: -28px;
	width: 36px;
	height: 36px;
}
.waimToastHide {
	bottom: -150px;
	-webkit-opacity: 0;
	opacity: 0;
}
.waimToastShow {
	transition-property: -webkit-opacity bottom;
	transition-duration: 0.5s;
	-webkit-opacity: 0.95;
	opacity: 0.95;
	bottom: 0px;
}
.waimToastNone {
	transition-property: -webkit-opacity bottom;
	transition-duration: 1s;
	-webkit-opacity: 0;
	opacity: 0;
	bottom: -150px;    
    /*display: none; */
    
}
    .waimToastNone img {display: none;}    
    
}