#app {
  padding-top: 0.704rem;
}
#app .crumb,
#app main h1,
#app .title-card,
#app .list-card {
  padding: 0 0.28rem;
}
#app .area-box,
#app .gong-zhao-box,
#app .app-box,
#app .search-box,
#app .crumb,
#app main .card-box,
#app .title-card,
#app .list-card {
  border-radius: 0.08rem;
  background: #fff;
}
#app header .crumb {
  line-height: 0.608rem;
  font-size: 0.16rem;
  color: #202020;
}
#app header .crumb a,
#app header .crumb span {
  color: #292929;
}
#app main h1 {
  line-height: 0.72rem;
  font-size: 0.32rem;
  color: #030303;
}
#app main .fl-fr-box .fl-box {
  width: 10.6rem;
}
#app main .fl-fr-box .fl-box .title-card {
  padding-top: 0.048rem;
  height: 1.44rem;
}
#app main .fl-fr-box .fl-box .title-card .icon {
  width: 0.704rem;
  height: 0.704rem;
  border-radius: 50%;
  margin-right: 0.28rem;
}
#app main .fl-fr-box .fl-box .title-card .icon .iconziyuan {
  color: #fff;
  font-size: 0.4rem;
}
#app main .fl-fr-box .fl-box .title-card .title-content {
  width: 8.88rem;
}
#app main .fl-fr-box .fl-box .title-card .title-content .title {
  padding: 0;
  color: #020202;
  font-size: 0.192rem;
  line-height: 0.584rem;
}
#app main .fl-fr-box .fl-box .title-card .title-content .content {
  line-height: 0.272rem;
  font-size: 0.176rem;
  color: #404040;
}
#app main .fl-fr-box .fl-box .list-card {
  margin-top: 0.16rem;
  padding-bottom: 0.32rem;
}
#app main .fl-fr-box .fl-box .list-card .item {
  border-bottom: 0.008rem dashed #e2e2e2;
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
}
#app main .fl-fr-box .fl-box .list-card .item .tags-title {
  line-height: 0.48rem;
}
#app main .fl-fr-box .fl-box .list-card .item .tags-title .tags-button {
  border-radius: 0.016rem;
  background: #ff6000;
  height: 0.176rem;
  line-height: 0.176rem;
  color: #fff;
  margin-right: 0.08rem;
  padding: 0 0.08rem;
}
#app main .fl-fr-box .fl-box .list-card .item .tags-title .info-item-title {
  font-size: 0.2rem;
  max-width: 8.88rem;
}
#app main .fl-fr-box .fl-box .list-card .item .content {
  line-height: 0.32rem;
  font-size: 0.152rem;
  color: #393939;
}
#app main .fl-fr-box .fl-box .list-card .item .time {
  line-height: 0.24rem;
  font-size: 0.152rem;
  color: #9f9f9f;
}
#app main .fl-fr-box .fr-box {
  width: 3.6rem;
}
#app main .fl-fr-box .fr-box .search-box {
  width: 3.6rem;
  background: #fff;
}
#app main .fl-fr-box .fr-box .search-box form .input-box .iconsousuo {
  font-size: 0.128rem;
  width: 0.32rem;
  text-align: center;
}
#app main .fl-fr-box .fr-box .search-box form .input-box input {
  height: 0.44rem;
  border: 0;
  font-size: 0.144rem;
}
#app main .fl-fr-box .fr-box .search-box form .input-box input::placeholder {
  color: #7f7f7f;
}
#app main .fl-fr-box .fr-box .search-box form button {
  width: 0.864rem;
  background: #ff6000;
  color: #fff;
  font-size: 0.144rem;
}
#app main .fl-fr-box .fr-box .search-box form button .iconsousuo {
  margin-right: 0.08rem;
}
#app main .fl-fr-box .fr-box .area-box,
#app main .fl-fr-box .fr-box .gong-zhao-box {
  margin-top: 0.16rem;
  padding: 0.056rem 0.208rem;
}
#app main .fl-fr-box .fr-box .area-box .title,
#app main .fl-fr-box .fr-box .gong-zhao-box .title {
  line-height: 0.664rem;
  font-size: 0.208rem;
}
#app main .fl-fr-box .fr-box .area-box .tag-list .item-link,
#app main .fl-fr-box .fr-box .gong-zhao-box .tag-list .item-link {
  color: #727272;
  line-height: 0.32rem;
  font-size: 0.152rem;
  padding: 0 0.12rem;
  margin: 0 0.12rem 0.16rem 0;
  background: #f7f7f7;
  border-radius: 0.04rem;
}
#app main .fl-fr-box .fr-box .area-box .tag-list .item-link:hover,
#app main .fl-fr-box .fr-box .gong-zhao-box .tag-list .item-link:hover {
  background: #ff6000;
  color: #fff;
}
#app main .fl-fr-box .fr-box .area-box .tag-list .item-link.active,
#app main .fl-fr-box .fr-box .gong-zhao-box .tag-list .item-link.active {
  background: #ff6000;
  color: #fff;
}
#app main .fl-fr-box .fr-box .app-box {
  background: linear-gradient(to right, #ff7802, #ff6527);
  margin: 0.16rem 0;
  padding: 0.184rem 0.208rem;
}
#app main .fl-fr-box .fr-box .app-box .fl {
  color: #fff;
}
#app main .fl-fr-box .fr-box .app-box .fl .title {
  font-size: 0.24rem;
  margin: 0.016rem 0 0.08rem 0;
}
#app main .fl-fr-box .fr-box .app-box .fl .des {
  font-size: 0.16rem;
  line-height: 0.28rem;
}
#app main .fl-fr-box .fr-box .app-box .qr-code {
  width: 1.04rem;
  height: 1.04rem;
  background: #fff;
  border-radius: 0.04rem;
}
#app main .fl-fr-box .fr-box .app-box .qr-code img {
  width: 0.88rem;
  height: 0.88rem;
}
