.sub-modal{display:block;width:100%;max-width:300px;position:fixed;top:0;right:0;left:0;margin:0 auto;background:#fff5ea;padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:0 0 8px 8px;z-index:1000;-webkit-animation-name:animatetop;-webkit-animation-duration:.6s;animation-name:animatetop;animation-duration:.6s}.sub-modal button{margin:0 7px;padding:10px 0;width:70px;text-align:center;font-size:14px;background:#DE6D17;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background 0.5s ease}.sub-modal button:hover{background:#73AD9C}.sub-modal p{margin:0 0 15px 0;font-size:16px;line-height:20px;color:#333}@-webkit-keyframes animatetop{from{top:-300px}to{top:0}}