.footer{display:flex;flex-direction:column;padding-top:10px;background:linear-gradient(104deg,#ffccc8 15.14%,#ffd9c3 48.36%,#ffe4b2 93.66%)}.footer .countdown{display:flex;justify-content:center}.footer .countdown .label{font-size:24px;margin-right:7px}.footer .countdown .time{color:#fff;height:34px;line-height:34px;padding:0 10px;border-radius:6px;font-size:18px;background:linear-gradient(180deg,#f39f63,#ff513a)}.footer .countdown .unit{font-size:20px;align-self:flex-end;margin:0 2px}.footer .pay-button{width:90%;height:70px;margin:10px auto 0;background:linear-gradient(135deg,#ff513a,#ff7a63);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;border-radius:35px;box-shadow:0 8px 20px rgba(255,81,58,.3);transition:all .3s ease;position:relative;overflow:hidden}.footer .pay-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(255,81,58,.4)}.footer .pay-button:active{transform:translateY(0);box-shadow:0 4px 15px rgba(255,81,58,.3)}.footer .pay-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.footer .rule{color:#838383;font-size:12px;text-align:center;margin-top:6px}