@charset "UTF-8";
/**************************************************************************
 * @Author       : Zheng
 * @Date         : 2019-08-29 17:23:23
 * @LastEditTime : 2021-04-09 16:51:45
 * @Description  :   view文章预览 + 创建文章样式 
**************************************************************************/
/***************************************/
/* 文章详情- 样式*/
/***************************************/
.common-bg {
  padding: 30px;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  margin-bottom: 20px;
  box-shadow: 1px 0 2px 2px rgba(42, 42, 42, 0.1);
}

.common-bg .page-title {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.common-bg .page-title h1 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}

.common-bg .page-title .page-title-info {
  padding-bottom: 2px;
}

.common-bg .page-title span {
  color: #999;
  font-size: 12px;
  margin-right: 5px;
}

.common-bg .page-footer .page-declare {
  text-align: center;
  padding: 20px;
  margin: 50px 0px 20px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
}

.common-bg .page-footer .page-declare span {
  color: #9199a1;
  font-size: 13px;
}

.common-bg .page-footer .page-declare span u {
  color: red;
  /* letter-spacing: 2px; */
  padding: 0 5px;
  text-decoration: none;
}

.common-bg .page-footer .page-tag b {
  color: #ccc;
}

.common-bg .page-footer .page-tag span a {
  background: #ddf;
  padding: 2px 6px 3px;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
}

.common-bg .page-footer .page-tag span:hover {
  background-color: #5dc479;
}

/***************************************/
/*创建文章 - 标签图片-样式设置*/
/***************************************/
.panel-body .spa {
  display: flex;
  align-items: center;
  /*上传图片文字提示*/
}

.panel-body .spa .form-group .control-label {
  display: block;
  margin-bottom: 5px;
}

.panel-body .spa .form-group .input-group:nth-child(2) {
  display: inline-flex;
  background: #5dc479;
  color: #fff;
  position: relative;
  left: 320px;
  top: 90px;
}

.panel-body .spa .form-group .cus-img {
  height: 260px;
  width: 300px;
}

.panel-body .spa .img-font {
  color: #c2c2c2;
  margin-left: 20px;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  display: none;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  background: #5dc479;
  color: #fff;
}

/***************************************/
/* 右侧小部件 */
/***************************************/
.article-content .col-lg-3 {
  padding-left: 10px;
  /* border:1px solid #234; */
}

/* 文章编辑 */
#articleform-content {
  height: 100%;
  padding: 0px;
  overflow: hidden;
  /* border:1px solid #333; */
}