body{margin:0 auto;height:auto;font-size:13px}
*{-webkit-tap-highlight-color:transparent}
a{text-decoration:none;color:#333}
a:visited{text-decoration:none}
a:link{text-decoration:none}
.container{width:1200px;margin:0 auto}
.wapcontainer{margin:0 auto;padding:0 10px}
.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:5px}
.notification{position:fixed;top:20px;right:20px;padding:15px 25px;border-radius:5px;color:white;z-index:999999;animation:fadeIn 0.3s,fadeOut 0.3s 2.7s}
.notification.success{background-color:#4CAF50}
.notification.error{background-color:#f44336}
@keyframes spin{to{transform:rotate(360deg)}
}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-10px)}
}@keyframes shake{0%{transform:translate(0,0)}
10%{transform:translate(-5px,0)}
20%{transform:translate(5px,0)}
30%{transform:translate(-5px,0)}
40%{transform:translate(5px,0)}
50%{transform:translate(-5px,0)}
60%{transform:translate(5px,0)}
70%{transform:translate(-5px,0)}
80%{transform:translate(5px,0)}
90%{transform:translate(-5px,0)}
100%{transform:translate(0,0)}
}.shake-animation{animation:shake 0.5s ease-in-out}