.home {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px
}
.home .information {
  width:100%;
  border-radius:20px;
  border:2px solid #ffc425;
  background-color:var(--white);
  display:flex;
  gap:10px
}
.home .information .avatar {
  padding:10px 0 0 16px;
  display:flex;
  justify-content:center
}
.home .information .avatar .image {
  height:56px;
  width:56px;
  background:url(../../assets/img/home/city_staff.png) no-repeat
}
.home .information .container {
  padding:16px 0;
  display:flex;
  justify-content:center;
  flex-direction:column;
  gap:10px
}
.home .information .container .title {
  font-size:25px
}
.home .information .container .text {
}
.home .news {
  height:auto;
  width:100%;
  border-radius:20px;
  border:2px solid var(--grey-contour);
  background-color:var(--white);
  display:flex;
  flex-direction:column
}
.home .news .head {
  display:flex;
  align-items:center;
  padding:8px 16px;
  gap:10px
}
.home .news .head .title {
  font-size:25px;
  color: #000;
}
.home .news .head .image {
  height:56px;
  width:56px;
  background:url(../../assets/img/home/city_staff.png) no-repeat
}
.home .news .body {
  display:flex;
  align-items:flex-start;
  padding:0 16px;
  gap:15px;
  margin-bottom:12px
}
.home .news .body .bar {
  width:1px;
  height:145px;
  border-right:1px solid var(--grey)
}
.home .news .body .container {
  width:calc(50% - 0.5px);
  height:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px
}
.home .news .body .container:hover {
  opacity:.7;
  cursor:pointer
}
.home .news .body .container .bubble {
  position:relative;
  width:100%;
  height:101px;
  border-radius:15px;
  background:#0a7ee1;
  overflow:hidden
}
.home .news .body .container .bubble .image {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.home .news .body .container .bubble .time {
  position:relative;
  margin-top:8px;
  margin-left:auto;
  margin-right:10px;
  width:65px;
  height:36px;
  border-radius:21px;
  font-size:19px;
  background:#fff;
  gap:3px;
  display:flex;
  align-items:center;
  justify-content:center
}
.home .news .body .container .bubble .time .icon {
  height:24px;
  width:24px;
  background:url(../../assets/img/home/icon_time.png) no-repeat;
  color: #000;
}
.home .news .body .container .box {
  display:flex;
  width:100%
}
.home .news .body .container .box .title {
  font-size:19px
}
.home .news .economy {
  display:flex;
  align-items:center;
  padding:10px
}
.home .news .economy .bubble {
  width:100%;
  height:44px;
  border-radius:10px;
  background:#ffc425
}
.home .forum {
  height:86px;
  width:100%;
  border-radius:20px;
  border:2px solid var(--grey-contour);
  background-color:var(--white);
  display:flex
}
.home .forum:hover {
  cursor:pointer;
  box-shadow:0 7px 9px 3px rgba(0,0,0,.05);
  transition:.1s
}
.home .forum .avatar {
  margin-left:15px;
  margin-right:15px;
  display:flex;
  align-items:center;
  justify-content:center
}
.home .forum .avatar .image {
  height:46px;
  width:46px;
  position:relative;
  overflow:hidden;
  border-radius:50%;
  background:var(--grey);
  border:3px solid #d9d9d9;
  padding:3px
}
.home .forum .data {
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.home .forum .data .title {
  width:100%;
  font-size:19px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:var(--forum-title)
}
.home .forum .data .activity {
  margin-top:4px;
  color:#9e9e9e;
  font-size:13px
}
.home .forum .view {
  margin-left:10px;
  margin-right:15px;
  display:flex;
  align-items:center;
  gap:15px
}
.home .forum .view .bar {
  width:1px;
  height:34px;
  background:var(--grey)
}
.home .forum .view .icon {
  display:flex;
  align-items:center;
  gap:5px
}
.home .forum .view .icon .chat {
  height:14px;
  width:14px;
  background:url(../../assets/img/home/icon_chat.png) no-repeat;
  background-size:contain
}
.home .forum .view .icon .eyes {
  height:24px;
  width:24px;
  background:url(../../assets/img/home/icon_eyes.png) no-repeat;
  background-size:contain
}
.home .forum .view .icon .text {
  color:#b2b2b2;
  font-size:17px
}
.home .more {
  height:40px;
  width:100%;
  font-size:20px;
  color:var(--white-forced);
  background-color:#4d9bfb;
  border-radius:12px;
  border:2px solid #4086cc;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:15px
}
.home .more:hover {
  opacity:.7
}
.mobile .profileFloater {
  display:none
}
.mobile .profileCenter {
  margin-left:0;
  width:100%!important
}