html,
body {
  background: #F6F7FA;
  line-height: 1;
  height: 100%;
}
.online {
  padding: 0 0.42666667rem;
}
.com-title {
  padding-top: 0.74666667rem;
  padding-bottom: 0.32rem;
  font-size: 0.58666667rem;
  color: #000;
  font-weight: bold;
}
.item-warp {
  background-color: #fff;
  border-radius: 0.21333333rem;
}
.item {
  display: table;
  width: 100%;
  position: relative;
  padding: 0.32rem;
  border-bottom: solid 1px #F6F7FA;
}
.item:last-child {
  border-bottom: none;
}
.item .left {
  vertical-align: top;
  width: 25%;
}
.item .left .leftimg {
  width: 1.89333333rem;
  height: 2.66666667rem;
  border-radius: 0.21333333rem;
}
.item .right {
  width: 75%;
}
.item .right .title {
  font-size: 0.42666667rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 0.16rem;
}
.item .right .content {
  font-size: 0.32rem;
  line-height: 0.50666667rem;
  color: #666;
  text-align: justify;
  margin-bottom: 0.26666667rem;
}
.item .moreinfo .leftinfo {
  float: left;
  height: 0.58666667rem;
  line-height: 0.58666667rem;
}
.item .moreinfo .rightinfo {
  float: right;
}
.item .moreinfo .rightinfo .moreicon {
  width: 0.58666667rem;
  height: 0.58666667rem;
  border-radius: 50%;
}
.blacktext {
  color: #000;
}
.graytext {
  color: #999;
  margin: 0 0.13333333rem;
  text-decoration: line-through;
}
.redtext {
  color: #F33434;
  font-weight: bold;
}
.logo {
  text-align: center;
  padding: 1.06666667rem;
}
.logo img {
  width: 2.37333333rem;
  height: 1.09333333rem;
}