html {
  font-family: 'Microsoft YaHei', 微软雅黑;
}
body {
  padding: 0;
  margin: 0;
  /* ---------default皮肤风格------------ */
  background-color: #000;
}
p,
div {
  padding: 0;
  margin: 0;
}
/* 盒子头部样式 */
.box-header {
  /* font-family: 'Microsoft YaHei', 微软雅黑; */
  font-size: 14px;
  padding: 6px;
  /* line-height: 14px; */
  /* ---------default皮肤风格------------ */
  background: #21242c;
  color: #d7d8dc;
}
.reload {
  float: right;
  font-size: 14px;
  color: #4a90e2;
  text-align: right;
}
.reload:hover {
  cursor: pointer;
}
.box {
  width: 100;
  /* 取消div行内元素有边距问题 */
  font-size: 0;
  -webkit-text-size-adjust: none;
  /* ---------default皮肤风格------------ */
  background-color: #15171e;
}
/* 组件样式 */
.box-comp {
  box-sizing: border-box;
  width: 340px;
  padding: 30px 18px;

  font-size: 14px;
  line-height: 14px;
  background-color: #15171e;
  min-height: 270px;
  display: inline-block;
  vertical-align: text-top;
  border-right: 1px solid #272b35;
  /* ---------default皮肤风格------------ */
  color: #c2c4cd;
  background-color: #15171e;
  border-right: 1px solid #272b35;
}
/* 阴影部分 */
.box-comp .header-shadow {
  box-shadow: 3px 0 0px 0px #4a90e2 inset;
  padding-left: 8px;
  margin-bottom: 4px;
}
/* 字体大小改为22px */
.box-comp .font-size-22px {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 20px;
  /* ---------default皮肤风格------------ */
  color: #c2c4cd;
}
/* right右浮动 */
.box-comp .float-right {
  font-size: 14px;
  line-height: 14px;
  float: right;
  /* ---------default皮肤风格------------ */
  color: #e8ebf2;
}
/* 下外边距12px */
.margin-bottom-12px {
  margin-bottom: 12px;
  height: 14px;
}
/* 最后一位取消下外边距 */
.box-comp p:last-child {
  margin-bottom: 0;
}
