body {
  // background: #f9f9f938 url(@/assets/bgImage/bg.jpg) 50% 170px no-repeat;

  background: url('@/assets/bgImage/bj.png');
  background-size: 100% 360px !important;
  background-repeat: no-repeat;
}
.el-button.el-button-submit {
  color: #fff;
  background: #409eff;
}
// 页面内容区样式
.mainView {
  width: 1200px;
  // overflow: auto;
  margin: 0 auto;
  background: #fff;
}

//  分页器样式
.paginationBox {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: end;
  .demonstration {
    float: left;
  }
  .el-pagination {
    float: left;
  }
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
* {
  margin: 0;
  padding: 0;
}

// 带颜色的盒子标题
.title-box-bg {
  width: 100%;
  height: 33px;
  margin-bottom: 20px;
  border-bottom: 2px solid #ccc;

  span {
    width: auto;
    height: 33px;
    float: left;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 31px;
    padding: 5px 20px;
    text-align: center;
    background-color: #2d66a3;
  }
}

// 文章信息 来源 征集状态 结束时间等样式
.articleInfo {
  font-size: 14px;
  padding-bottom: 17px;
  text-align: center;
  border-bottom: 1px solid #e7e9eb;

  .title {
    color: #606266;
    margin-right: 15px;

    span {
      color: #969696;
      font-weight: normal;
    }
  }
}

// 查看更多按钮样式
.lookMore {
  float: right;
  font-size: 12px;
  color: #496071;
  line-height: 16px;
  padding: 3px 5px;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid #dcdfe6;
  &:hover {
    color: #409eff;
    border-color: #409eff;
  }
}
//  图形验证码样式
// <el-form-item label="验证码" prop="yzm" class="length  code graphicCode">
//    <el-input size="large" clearable v-model="formData.yzm" placeholder="请填写验证码" />
//    <el-image size="large" :src="url" @click="getCodeImg('refresh')" v-if="!getCode" />
//    <el-button v-else size="large" link type="primary" @click="getCodeImg('get')">获取验证码</el-button>
// </el-form-item>
.graphicCode{
  .el-image{
    float: left;
    width: 120px;
    height: 40px;
    margin-left: 10px;
  }
}
