/* 基础框架 */
.generatear-dialog {
  height: auto;
  min-height: 400rem;
}
.generatear-dialog .el-dialog__header {
  padding: 0;
}

.generatear-dialog .el-dialog__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: atuo;
  width: 100%;

  height: 100%;
  padding: 0;
}
.generatear-dialog .el-dialog__headerbtn {
  display: block;
  top: 10rem;
  right: 20rem;
}

.generatear-dialog .el-dialog__footer {
  display: block;
  background-color: #eef3fa;
}

.el-dialog__footer .dialog-footer {
  text-align: right;
}
.el-dialog__headerbtn {
  /* display: block; */
}
.generatear-dialog .dialog-footer {
  display: block;
}

.generatear_tip {
  margin-bottom: 20rem;
}
.generatear_box textarea {
  height: 200rem;
}
.generatear-dialog .el-dialog__header {
  padding: 10rem 0rem;
  background-color: #ebf0f8;
}

/* 基础样式 */
.generatearcon {
  background-color: #58597a;
  padding: 20rem;
  display: flex;
  width: 100%;
  height: 100%;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: start;
  border-radius:  0;
  position: relative;
}
.imgtaskform{
  width: 100%;
  position: relative;
}
#body .el-input--small .el-input__inner{
  border-radius: 5rem;
}
#body .el-input--small .el-input__inner::placeholder {
  color: #656791;
  font-size: 12rem;
  
}
#body .generatearcon .el-input--small .el-input__inner {
  width: 100%;
}


.gencanshubox {
  border-radius: 5rem;
  border: 1rem solid #7C7DA9;
  background: #6E6F99;
  margin-bottom: 15rem;
  height: auto;
}

.gencanshubox_top {
  display: flex;
  padding: 10rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1rem solid #7C7DA9;
}
.gencanshubox_top h2 {
  color: #e3e4f6;
  font-size: 13rem;
  font-style: normal;
  font-weight: normal;

  line-height: 13rem; /* 92.857% */
}

.gencanshuboxout{
  display: flex;
  padding: 0rem;
  justify-content: space-between;
  width: 100%;

  align-items: center;
 
}

.gentanchuang_box .ar_top {
  font-size: 12rem;
  color: #bebfdc;
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: center;
}
.gentanchuang_box .ar_con {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 10rem;
  margin-bottom: 0rem;
  margin-top: 0rem;
  height: 120rem;
}
.gentanchuang_bcon{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 10rem;
  height: 120rem;
}
.gentanchuang_box .ar_box {
  cursor: pointer;
  display: block;
}
.gentanchuang_box .ar_box .ar_box_show {
  width: 50rem;
  height: 50rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: #3d3e5c;
  border-radius: 5rem;
}
.gentanchuang_box .ar_box .ar_box_show_in {
  background: #5f6085;
  border: 1rem solid #6f7096;
}
.gentanchuang_box .ar_box h3 {
  text-align: center;
  font-size: 11rem;
  color: #bebfdc;
  margin-top: 3rem;
  line-height: 1.5em;
}

.gentanchuang_box .ar_box_active .ar_box_show {
  background: #b2e40a;
}
.gentanchuang_box .ar_box_active .ar_box_show_in {
  background: #6d8b09;
  border: 1rem solid #617b09;
}
.gentanchuang_box .ar_box_active h3 {
  color: #b2e40a;
}

.gentanchuang_box .el-input-number--mini {
  width: 90rem;
  line-height: 26rem;
}



.generatearcanshu_tags {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: center;
  background: #393a57;
  padding: 8rem;
  padding-bottom: 0rem;
  margin-bottom: 15rem;
  border-radius: 5rem;
  width: 100%;
  height: 50rem;
}

.gencanshubox_con .gencanshubox_btn {
    height: 30rem;
    line-height: 30rem;
    padding: 0 20rem;
    border-radius: 5rem;
    font-size: 12rem;
    border: 0rem;
    background-color: #ffca84;
    color: #292a45;
    margin-top: 20rem;
}
.gencanshubox_con .gencanshubox_btn:hover {
  background-color: #ffdaa9;
}
#body .generatearcanshu .generatearcanshu_tags .generatearcanshu_tagbox {
  display: inline-block;
  margin-right: 8rem;
  margin-bottom: 8rem;
  font-size: 11rem;
  color: #e3e4f6;
  background: #6f7095;
  height: 25rem;
  line-height: 25rem;
  border: 0rem;
  max-width: 180rem;
  overflow: hidden;
}
#body .generatearcanshu .generatearcanshu_tags .generatearcanshu_tagbox .el-tag__close {
  width: 20rem;
  height: 20rem;
  color: #e3e4f6;
  background-color: #58597e;
  font-size: 15rem;
  text-align: center;
  line-height: 20rem;
}
.dialog-footer .confirm {
  background-color: #d0ff27;
  color: #222;
 
}
#body .generatearcon .generatearcanshu_tags .generatearcanshu_tagbox {
  display: inline-block;
  margin-right: 8rem;
  margin-bottom: 8rem;
  font-size: 13rem;
  color: #e3e4f6;
  background: #6f7095;
  height: 35rem;
  line-height: 35rem;
  border: 0rem;
  max-width: 180rem;
  overflow: hidden;
}
#body .generatearcon .generatearcanshu_tags .generatearcanshu_tagbox .el-tag__close {
  width: 30rem;
  height: 30rem;
  color: #e3e4f6;
  background-color: #58597e;
  font-size: 15rem;
  text-align: center;
  line-height: 30rem;
}