.cp-box{position:fixed;bottom:24px;z-index:9998;width:260px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.18);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow:hidden;transition:transform .45s cubic-bezier(.2,.9,.2,1),opacity .3s;opacity:0}
.cp-box.cp-left{left:0;transform:translateX(-110%)}
.cp-box.cp-right{right:0;transform:translateX(110%)}
.cp-box.cp-in{transform:translateX(0);opacity:1}
.cp-label{background:#e85a1e;color:#fff !important;font-size:13px !important;font-weight:600;padding:0 10px !important;display:flex;align-items:center;justify-content:space-between;line-height:28px !important;height:28px !important;min-height:0 !important;box-sizing:border-box}
.cp-label span{padding:0 !important;margin:0 !important;line-height:28px !important}
.cp-close{background:none !important;border:0 !important;color:#fff !important;font-size:18px !important;line-height:28px !important;cursor:pointer;padding:0 2px !important;margin:0 !important;opacity:.9;height:28px !important;min-height:0 !important;box-shadow:none !important}
.cp-close:hover{opacity:1}
.cp-body a{display:block;color:inherit;text-decoration:none}
.cp-body img{width:100%;height:150px;object-fit:cover;display:block}
.cp-title{padding:10px 12px;font-size:14px;font-weight:600;color:#222;line-height:1.35}
.cp-body .cp-html{padding:10px}
@media (max-width:640px){
  .cp-box{width:200px;bottom:12px}
  .cp-body img{height:110px}
  .cp-title{font-size:13px;padding:8px 10px}
}