.tk-tips-box {
  margin: 12px 1%;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.tk-tips-hd {
  padding: 12px 14px;
  font-size: 15px;
  font-weight: 600;
  color: #1a5f9e;
  background: #f3f8fc;
  border-bottom: 1px solid #e8eef5;
}
.tk-tips-back {
  display: inline-block;
  margin-right: 8px;
  color: #07c160;
  font-weight: 500;
  cursor: pointer;
}
.tk-tips-list { padding: 4px 0 8px; }
.tk-tips-item {
  position: relative;
  padding: 12px 36px 12px 14px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}
.tk-tips-item:active { background: #f7f7f7; }
.tk-tips-name { font-size: 15px; color: #222; font-weight: 600; }
.tk-tips-preview {
  margin-top: 6px;
  font-size: 13px;
  color: #666;
  line-height: 1.4;
  word-break: break-all;
}
.tk-tips-preview .p { color: #1a5f9e; margin-right: 4px; }
.tk-tips-preview .r.ok, .tk-tips-hist-t .r.ok { color: #07c160; }
.tk-tips-preview .r.bad, .tk-tips-hist-t .r.bad { color: #fa5151; }
.tk-tips-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #bbb;
  font-size: 18px;
}
.tk-tips-empty, .tk-tips-more {
  text-align: center;
  padding: 18px 12px;
  color: #888;
  font-size: 13px;
}
.tk-tips-more { color: #07c160; cursor: pointer; }
.tk-tips-hist {
  padding: 12px 14px;
  border-bottom: 1px solid #f0f0f0;
}
.tk-tips-hist-t { font-size: 13px; color: #333; margin-bottom: 6px; }
.tk-tips-hist-c { font-size: 14px; color: #444; line-height: 1.5; word-break: break-all; }