.card {
  width: 100%;
  margin: 0px 0px 0px 0px;
  background-color: #ffffff;
  /* border: 1px solid #efefef; */
  padding-bottom: 0px;
  padding-top: 0px;
  /* box-shadow: 0px 0px 1px #999; */
}
.card-title {
  text-align: left;
  height: 35px;
  padding-left: 10px;
  line-height: 35px;
  font-size: 16px;
  color: #ffffff;
}
.card-title-a {
  background: #00bcd4;
}
.card-title-b {
  background: #00aa8d;
}
.card-title-c {
  background: #0085dd;
}
.card-title-d {
  background: #5176a9;
}
.card-title-e {
  background: #5254a1;
}

.nav-item {
  /* padding: 2px 2px 2px 2px; */
  padding: 0px;
  font-size:0.8em;
  color: black;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  line-height: 35px;
  /* width: 90%;
  height: 90%; */
  margin: 0.5px;
  text-align: center;
  display: block;
}
/* .card > .pure-g > div:hover {
  border: 0.1px solid blue;
}
.card > .pure-g{
  padding: 5px;
} */


.nav-item:hover {
  background-color: #efefef;
  /* border: 1px solid #0047FF; */
  font-weight: bolder;
  /* font-size: 18px; */
}
.bottom-link {
  display: inline-block;
  text-decoration: none;
  height: 10px;
  line-height: 10px;
}
.pure-u-1{
  padding: 0;
}
.item-red {
  color: red; /* this is a green */
}
.item-baidu {
  color: palevioletred; /* this is a green */
}
.item-aliyun-windows {
  color: black; /* this is a green */
}
.item-aliyun-centos {
  color: darkcyan; /* this is a green */
}
.item-tencent {
  color: orange; /* this is a green */
}
.item-dell {
  color: blue; /* this is a green */
}