@charset "utf-8";

#quickBnr{position:fixed;right:0;bottom:80px;z-index:101;width:220px;border-radius:24px 0 0 24px;font-size:15px;line-height:1.6;color:#888;letter-spacing:-.5px;text-align:center;background-color:#fff;box-shadow:6px 6px 12px rgba(0,0,0,.05);font-family:'LotteMartHappy'}
#quickBnr img{position:absolute;left:30px;top:-18px;z-index:1;transform:scale(0, 0)}
#quickBnr img.on{animation:jelly 0.5s;animation-fill-mode:forwards}
@keyframes jelly{0%{transform:scale(0, 0)}25%{transform:scale(0.9, 1.1)}50%{transform:scale(1.1, 0.9)}75%{transform:scale(0.95, 1.05)}100%{transform:scale(1, 1)}}
#quickBnr p{display:none}
#quickBnr .tit{margin-bottom:15px;padding-left:50px;font-size:17px;color:#222}
#quickBnr .link{margin-top:20px}
#quickBnr .link a{display:inline-block;height:47px;padding:0 30px;border-radius:30px;font-size:14px;line-height:47px;color:#fff;letter-spacing:0;background-image:linear-gradient(to right, #b5a4d7 0%, #3699d7  51%, #b5a4d7 100%);background-size:200% auto;transition:all .25s ease-out}
#quickBnr .link a:hover{background-position:right center}

@media (max-width:1630px){
#quickBnr{display:flex;justify-content:center;align-items:center;right:auto;left:50%;bottom:20px;transform:translateX(-50%);max-width:700px;width:100%;height:75px;padding:0 15px 0 90px!important;border-radius:50px;box-shadow:0 0 12px rgba(0,0,0,.1);}
#quickBnr *{flex-shrink:0}
#quickBnr img{left:15px}
#quickBnr .tit{margin:0 15px 0 0;padding:0}
#quickBnr .link{margin:0 0 0 15px}
}
@media (max-width:768px){
#quickBnr{max-width:290px;height:60px;padding:0 24px 0 72px!important}	
#quickBnr .txt{display:none!important}
#quickBnr img{left:6px}
#quickBnr img.on{width:50px}
#quickBnr .link{margin:0}
#quickBnr .link a{height:40px;padding:0 15px;line-height:40px}
}