.row-bl1 {
  background-color: #f7f7f7;
  padding: .5rem 0 .9rem;
}

.m-joinb1 {
  font-size: var(--fz20);
  color: #333;
  padding: 0 .4rem .9rem;
  background-color: #fff;
}

.m-joinb1 .title {
  font-size: var(--fz40);
  padding: .2rem 0;
  font-family: PlantagenetCherokee;
}

.m-joinb1 .topic {
  font-size: var(--fz24);
  padding: .33rem .3rem;
  font-weight: 600;
  background: #F3F3F3;
  border: 1px solid #000000;
  margin-bottom: 0.1rem;
}

.m-joinb1 .form {
  width: 7rem;
}

.m-joinb1 .type {
  padding: .16rem 0;
}

.m-joinb1 .type em {
  color: #C21010;
  font-style: normal;
  margin-right: 0.05rem;
}

.m-joinb1 .textarea-container {
  border: 1px solid #ccc;
  padding-right: .8rem;
  position: relative;
  padding-left: 0.1rem;
  padding-top: 0.15rem;
}

.myTextarea {
  display: block;
  font-size: var(--fz18);
  color: #333;
  width: 100%;
  resize: none;
  min-height: .3rem;
  margin-bottom: -0.05rem;
  background-color: transparent;
}

.char-count {
  position: absolute;
  bottom: 0.14rem;
  right: 0.1rem;
  font-size: var(--fz18);
  color: #ccc;
}

.m-joinb1 .btn {
  display: inline-block;
  font-size: var(--fz20);
  color: #fff;
  font-weight: 600;
  background-color: #333;
  height: .56rem;
  line-height: 0.56rem;
  padding: 0 .3rem;
  transition: .4s;
}

.m-joinb1 .btn:hover {
  opacity: .8;
}

.m-joinb1 .inpbox {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}

.m-joinb1 .inpbox input {
  display: block;
  width: 2.95rem;
  height: .6rem;
  padding: 0 .1rem;
  font-size: var(--fz18);
  color: #333;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.m-joinb1 .inpbox .code{
  font-size: 0;
  margin-left: .18rem;
  cursor: pointer;
}
.m-joinb1 .inpbox .code img{
  display: block;
  width: .98rem;
  height: .36rem;
}
@media screen and (max-width: 1199px) {
  .m-joinb1 .form{
    width: auto;
  }
  .myTextarea{
    margin-bottom: 0;
  }
  .m-joinb1 .textarea-container{
    padding-right: 0;
  }
  .char-count{
    position: static;
    text-align: right;
    padding-right: 0.1rem;
  }
  .m-joinb1 .topic{
    padding: 0.2rem;
  }
  .m-joinb1 .btn{
    height: 0.6rem;
    line-height: 0.6rem;
  }
}