@import "../skill-certification/style";

/* 容器 */
.fill-container{
  margin-top: 10px;
}
.fill-container .skill-header{
 font-size: 12px;
}
/* 容器 */

/* 左侧 */
.fill-info-left{
  width: 440px;
  flex-shrink: 0;
}
.fill-info-header{
  margin-bottom: 30px;
}
.fill-info-upload{
  @include square(100px);
  flex-shrink: 0;
}
.fill-info-photo{
  font-size: 12px;
  color: #fff;
  line-height: 25px;
  margin-left: 27px;
}
.fill-info-item {
  margin-right: 25px;
  margin-top: 17px;
  width: 58px;
  white-space: nowrap;
}
.fill-info-item:nth-of-type(4n){
  margin-right: 0;
}
.fill-info-item img{
  @include square(58px);
  margin-bottom: 4px;
}
.fill-info-icon{
  @include square(12px);
  padding: 2px;
  border-radius: 50%;
  background-color: #ff0100;
  margin-right: 2px;

}
.fill-icon-success{
  background-color: #06e07f;
}
/* 左侧 */

/* 线 */
.fill-line{
  margin: 0 25px;
  flex-shrink: 0;
}
/* 线 */

/* input */
.fill-input-warp{
  margin-bottom: 20px;
}
.fill-input-header{
  margin-right: 8px;
}
.fill-input{
  width: 238px;
  height: 40px;
  border-radius: 20px;
  padding: 0 10px;
}
/* input */

/* textarea */
.fill-textarea-container{
  width: 270px;
  height: 92px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 6px 0;
  border-radius: 10px;

}
.fill-input,.fill-textarea-container{
  background-color: rgba(255,255,255,0.1);
}
.fill-textarea{
  height: 80px;
  width: 100%;
  resize: none;
  padding: 0 8px;
}
.fill-input-target,.fill-textarea{
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
.fill-textarea::placeholder,.fill-input-target::placeholder{
  color: rgba(255,255,255,0.5);
}
/* textarea */

/* audio */
.fill-warring-label{
  margin-left: 13px;
  color: #FF9D96;
  font-size: 12px;
  line-height: 25px;
}
.fill-audio{
  width: 158px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 15px;

}
/* audio */

/* 按钮 */
.fill-button{
  margin-top: 30px;
}
/* 按钮 */