.single-ban{left:-300px;position:fixed;bottom:0;max-width:300px;width:100%;z-index:999999999;background-color:#fff;transition:left .3s,top .3s;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2);align-items:center;display:none}.open-ban-btn{cursor:pointer;height:100%;display:flex;align-items:center;max-width:40px;flex:0 0 40px;justify-content:center;border-left:1px solid #eee;background:#eee}.open-ban-btn i{font-size:45px}.open-ban-btn i:before{content:"\f104"}.btn.ban-btn{border-radius:5px;font-size:15px;padding:5px 15px;font-weight:600}.ban-inner{padding:15px;position:relative;align-items:center;color:#000}.ban-title{font-size:18px;margin-bottom:10px}.open-ban-btn .svg-icon{transform:rotate(90deg)}.clicked-banner .svg-icon{transform:rotate(-90deg)}@media screen and (min-width:768px){.ban-title{max-width:768px}}@media screen and (min-width:1024px){.desktop-scrolled-body.single-ban{left:0;display:flex}.ban-inner{flex:1;max-width:260px;flex:0 0 260px;justify-content:space-between}.clicked-banner.single-ban{left:-260px!important}.clicked-banner .svg-icon{content:"\f105"}.open-ban-btn{width:40px;position:absolute;right:0;top:0;bottom:0}}@media screen and (max-width:1023px){.open-ban-btn,.single-ban{max-width:100%;height:auto}.single-ban{left:0;right:0;bottom:inherit;flex-flow:column;top:-150px}.ban-inner{padding:5px 15px;display:flex;justify-content:center;flex-flow:column;height:150px}.scroll-to-bottom.single-ban{left:0;display:flex}.clicked-banner.single-ban{top:0}.open-ban-btn{flex:0 0 100%;width:100%}.open-ban-btn i:before{content:"\f107"}.clicked-banner i:before{content:"\f106"}.ban-title{text-align:center}.open-ban-btn .svg-icon{transform:rotate(0)}.clicked-banner .svg-icon{transform:rotate(180deg)}}@media only screen and (max-width:600px){.ban-title{text-align:center;font-size:15px}}