.bf-alert{padding:35px;width:370px;min-height:168px;margin:0 auto;background-color:#fff;z-index:1100;position:absolute;top:-200px;left:calc(50% - 185px);box-shadow:0 6px 12px #00000052;border-radius:8px;opacity:0}.bf-alert>.body{position:relative}.bf-alert>.body>.icon{width:30px;height:30px;position:absolute;right:0;top:5px}.bf-alert>.body>.title{margin-bottom:12px;color:#282828;font-size:28px;font-weight:600}.bf-alert>.body>.content>.text{margin-bottom:0;color:#646464;font-size:16px}@media(max-width:420px){.bf-alert{width:300px;min-height:145px;left:calc(50% - 150px);padding:25px}.bf-alert>.body>.title{font-size:25px}.bf-alert>.body>.content>.text{font-size:14px}.bf-alert>.body>.icon{width:25px;height:25px}}