.forecastitem{float:left}.forecastitem .forecast-alarm{width:380px;height:220px;margin:10px;border-radius:12px;background:#bc0000;display:flex}.forecastitem .forecast-alarm .user-logo{font-size:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;font-weight:lighter}.forecastitem .forecast-alarm .user-logo img{width:60px;height:60px;margin:10px 0}.forecastitem .forecast-alarm .user-logo div{margin:10px 0}.forecastitem .forecast-alarm .user-content{display:flex;flex-direction:column;margin:10px;font-size:28px;font-weight:lighter}.forecastitem .forecast-alarm .user-content .name{font-size:36px;color:#ef0;font-weight:400}.forecastitem .forecast-alarm .user-content .alarm-info:before{content:"@ "}.forecastitem .forecast-alarm .user-line{width:1px;height:160px;margin:30px 5px;background:#eee}.forecastitem .forecast-alarm2{width:180px;height:100px;margin:10px;border-radius:12px;background:#e2aa03}.forecastitem .forecast-alarm2 .user-logo{font-size:28px;display:flex;margin:5px;font-weight:lighter;align-items:center}.forecastitem .forecast-alarm2 .user-logo img{width:45px;height:45px;margin:5px}.forecastitem .forecast-alarm2 .user-logo div{margin:0 5px;white-space:nowrap}.forecastitem .forecast-alarm2 .user-content{font-size:25px;display:flex;font-weight:lighter;justify-content:space-between;align-items:center;background:#fce5a8;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.forecastitem .forecast-alarm2 .user-content div{margin:0 5px;white-space:nowrap;color:#333}.forecastitem .forecast-alarm3{background:#0085d0}.forecastitem .forecast-alarm3 .user-content{background:#8dd4ff}