.app-list .list-nav,
.news-list .list-nav,
.company-area .list-nav,
.server-area .list-nav,
.consult-area .list-nav {
  height: 1.2000rem;
  font-size: 0;
  overflow: hidden;
  border-bottom: 0.0133rem solid #ededed;
}
.app-list .list-nav ul,
.news-list .list-nav ul,
.company-area .list-nav ul,
.server-area .list-nav ul,
.consult-area .list-nav ul {
  height: 100%;
  display: block;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.app-list .list-nav ul li,
.news-list .list-nav ul li,
.company-area .list-nav ul li,
.server-area .list-nav ul li,
.consult-area .list-nav ul li {
  width: 2.4rem;
  height: 1.1467rem;
  line-height: 1.1467rem;
  display: block;
  flex: 0 0 2.1333rem;
  text-align: center;
  font-size: 0.3467rem;
  color: #777777;
  border-bottom: 0.0533rem solid;
  border-color: transparent;
}
.app-list .list-nav ul li a,
.news-list .list-nav ul li a,
.company-area .list-nav ul li a,
.server-area .list-nav ul li a,
.consult-area .list-nav ul li a {
  width: 2.4rem;
  height: 1.1467rem;
  line-height: 1.1467rem;
  display: block;
  text-align: center;
  font-size: 0.3467rem;
  color: #777777;
}
.app-list .list-nav ul .here,
.news-list .list-nav ul .here,
.company-area .list-nav ul .here,
.server-area .list-nav ul .here,
.consult-area .list-nav ul .here {
  border-color: #f3625f;
}
.app-list .add-all,
.news-list .add-all,
.company-area .add-all,
.server-area .add-all,
.consult-area .add-all {
  height: 0.6667rem;
  line-height: 0.6667rem;
  text-align: center;
  font-size: 0.3467rem;
  color: #999;
}
.app-box {
  width: 9.6000rem;
  margin-left: 0.4000rem;
  padding: 0.5333rem 0  0.3333rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 0.0133rem solid #ededed;
}
.app-box .icon {
  width: 1.3333rem;
  margin: 0  0.2667rem;
  flex: 0 0 1.3333rem;
  -webkit-flex: 0 0 1.3333rem;
}
.app-box .icon img {
  width: 1.3333rem;
  height: 1.3333rem;
  margin-bottom: 0.1333rem;
  display: block;
}
.app-box .icon .hide {
  display: none;
}
.app-box .icon .name {
  width: 100%;
  line-height: 0.3333rem;
  display: block;
  word-break: break-all;
  text-align: center;
  font-size: 0.3067rem;
  color: #777777;
}
.app-box .data {
  flex: 1;
  -webkit-flex: 1;
  margin-right: 0.4000rem;
}
.app-box .data span {
  display: block;
  word-break: break-all;
}
.app-box .data .desc {
  line-height: 0.4000rem;
  margin-bottom: 0.2667rem;
  font-size: 0.3733rem;
  color: #303030;
}
.app-box .data .comment {
  line-height: 0.4000rem;
  margin-bottom: 0.2667rem;
  font-size: 0.3733rem;
  color: #777777;
}
.app-box .data .label {
  height: 0.5333rem;
  line-height: 0.5333rem;
  font-size: 0;
}
.app-box .data .label p {
  height: 100%;
  line-height: 0.5333rem;
  display: inline-block;
  margin-left: 0.1333rem;
  padding: 0  0.1333rem;
  text-align: center;
  font-size: 0.3467rem;
  color: #777777;
  background-color: #d5d5d5;
  border-radius: 0.0667rem;
}
.app-box .button {
  width: 1.4667rem;
  height: 0.8000rem;
  line-height: 0.8000rem;
  margin-right: 0.4000rem;
  text-align: center;
  font-size: 0.4000rem;
  color: #777777;
  border: 0.0133rem solid #ededed;
  border-radius: 0.0667rem;
}
.news-list .title {
  height: 0.8000rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 0.0133rem solid #ededed;
}
.news-list .title span,
.news-list .title a {
  height: 0.5333rem;
  line-height: 0.5333rem;
  font-size: 0.4000rem;
  color: #303030;
}
.news-list .title .title-bar {
  width: 0.0533rem;
  margin: 0  0.4000rem;
  flex: 0 0 0.0533rem;
  -webkit-flex: 0 0 0.0533rem;
  background-color: #f3625f;
}
.news-list .title .title-test {
  flex: 1;
  -webkit-flex: 1;
}
.news-list .title .more-button {
  width: 0.9000rem;
  margin: 0  0.4000rem;
  flex: 0 0 0.9000rem;
  -webkit-flex: 0 0 0.9000rem;
  text-align: center;
  display:block;
}
.news-list .list-area .news-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 0.0133rem solid #ededed;
}
.news-list .list-area .news-box .article {
  height: 1.7333rem;
  margin: 0  0.4000rem;
  padding: 0.3467rem 0  0.2133rem;
  overflow: hidden;
  flex: 1;
  -webkit-flex: 1;
}
.news-list .list-area .news-box .article p {
  display: block;
}
.news-list .list-area .news-box .article .title {
  height: 1.0000rem;
  line-height: 0.4800rem;
  margin-bottom: 0.2667rem;
  word-break: break-all;
  font-size: 0.3733rem;
  color: #303030;
  overflow: hidden;
  border: 0;
}
.news-list .list-area .news-box .article .data {
  height: 0.3733rem;
  line-height: 0.3733rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.news-list .list-area .news-box .article .data span {
  height: 0.3733rem;
  line-height: 0.3733rem;
  flex: 1;
  -webkit-flex: 1;
  font-size: 0.3200rem;
  color: #777777;
  display: block;
}
.news-list .list-area .news-box .article .data .view {
  flex: 0 0 1.3333rem;
  -webkit-flex: 0 0 1.3333rem;
  text-align: right;
}
.news-list .list-area .news-box .article .data .date {
  text-align: center;
}
.news-list .list-area .news-box .article .desc {
  height: 0.3733rem;
  line-height: 0.3733rem;
  white-space: nowrap;
  font-size: 0.3467rem;
  color: #777777;
}
.news-list .list-area .news-box img {
  width: 1.7333rem;
  height: 1.7333rem;
  display: block;
  flex: 0 0 1.7333rem;
  -webkit-flex: 0 0 1.7333rem;
  margin-right: 0.4000rem;
}