.announcement-btn{position:fixed;right:20px;top:720px;background-color:#4e6ef2;color:#fff;padding:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transition:all .3s ease;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;width:40px;height:40px}.announcement-btn:hover{background-color:#4e6ef2;transform:translateX(-5px)}.announcement-btn i{font-size:20px;line-height:1;margin:0}.announcement-popup{position:fixed;right:20px;top:-350px;width:320px;background-color:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:1000;overflow:hidden;transition:top .3s ease,opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif}.announcement-popup.show{top:20px;opacity:1;visibility:visible}.announcement-header{background-color:#4e6ef2;color:#fff;padding:12px 15px;display:flex;justify-content:space-between;align-items:center}.announcement-header h3{margin:0;font-size:16px;font-weight:500}.announcement-header i{cursor:pointer;font-size:18px}.announcement-header i:hover{color:#f2f2f2}.announcement-content{padding:15px;max-height:400px;overflow-y:auto}.announcement-content h4{color:#4e6ef2;margin:10px 0;font-size:15px;font-weight:500;border-bottom:1px solid #eee;padding-bottom:5px}.announcement-content p{margin:8px 0;line-height:1.5;color:#606266;font-size:14px}@media (max-width:768px){.announcement-btn{top:70px;right:15px;width:36px;height:36px}.announcement-popup{width:280px;right:15px}.announcement-popup.show{top:15px}}