input::placeholder {
  color: #999; /* 例如，将颜色设置为红色 */
}
.ld_forms{ padding-left: 3.9%; padding-right: 3.9%; }
.ld_forms .fBtn{ margin-top: 40px; }
.ld_forms .fBtn.cement-btn button{ line-height: 100%;
  width: 160px;
  height: 56px;
  border-radius: 4px;
 }
.ld_forms_in{ width: 100%; }
.ld_formTab{ padding-bottom: 20px; }
.ld_formTab ul{ display: flex; justify-content: center; }
.ld_formTab ul li{ width: 180px; height: 56px; display: flex; align-items: center; justify-content: center;
  background: #f2f2f2; font-size:20px; font-weight: bold; cursor: pointer;
}
.ld_formTab ul li:hover{ color: #F99C34; }
.ld_formTab ul li:first-child{ border-radius: 8px 0px 0px 8px; }
.ld_formTab ul li:last-child{ border-radius: 0px 8px 8px 0px; }
.ld_formTab ul li.active{ color: #fff; background: #F99C34; }
.ld_forms .ld_fBox{background: #FFFFFF; border-radius: 8px; border: 1px solid #E8E8E8; padding:40px; margin-top: 20px;}
.personTitle{ font-size:20px; font-weight: bold; color: #333; display: flex; justify-content: start; align-items: center; padding-bottom: 8px;}
.personTitle span{ padding-left: 5px; }
.personTitle img{ height: 24px; }
.ld_fBox .item{ width: 100%; display: flex; align-items: center; margin-top: 32px; text-align: left;}
.ld_fBox .selectItem{ align-items: flex-start; }
.ld_fBox .item .l{ width: 120px; text-align: right; margin-right: 20px; font-size:16px; color: #666;}
.ld_fBox .item .l span{ color: #ff0000; padding-right: 5px; }
.ld_fBox .item .r{ flex: 1; padding-right: 40px; }
.ld_fBox .item .r input,.ld_fBox .item .r select,.ld_fBox .item .r textarea{ width: 100%; padding:12px 16px; color: #666;
  font-family: "";
  height: 48px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E8E8E8; 
}
.ld_fBox .item .r select{ width: 320px;
  background: url(../image/bdSelectBg.png) no-repeat 96% center / 10px 8px;
}
.ld_fBox .item .r textarea{ height: 160px; }
.selectIte1 .r {
  position: relative;
}
.ld_fBox .item.tHidden { display: none; }
.selectIte1 .r:after{
  content: "最多輸入500個字符";
  position: absolute; right: 56px; bottom: 16px; font-size:14px; color: #999; z-index: 1;
}
.ld_fBox .qpersonItem .r,.ld_fBox .qpersonItem .r .qperson,.ld_fBox .qpersonItem .r .qperson .radioItem{ display: flex; }
.ld_fBox .qpersonItem .r .qperson .radioItem .radioBox{ width: 16px; height: 16px;
  background: #FFFFFF; border-radius: 100%; margin-right: 8px; position: relative;
  border: 1px solid #E8E8E8;
}
.ld_fBox .qpersonItem .r .qperson .radioItem .radioBox:after{ width: 12px; height: 12px; background: #F99C34; content: ""; 
  position: absolute; left: 1px; top: 1px; border-radius: 100%; opacity: 0; transition: all ease-in .3s;
}
.ld_fBox .qpersonItem .r .qperson .radioItem.active .radioBox:after{ opacity: 1; }
.ld_fBox .qpersonItem .r input{ width: 200px; }
.ld_fBox .qpersonItem .r .qperson{ padding-right: 20px; height: 48px; }
.ld_fBox .qpersonItem .r .qperson .radioItem{ align-items: center; margin-right: 20px; cursor: pointer; }
.ld_fBox .qpersonItem .r .qperson .radioItem label{ display: block; width: auto; flex: 1; overflow: hidden; color: #666; }
.ld_forms .redBorder{ border-color: #ff0000!important; }
.ld_forms .uploadFile input{ display: none; }
.ld_forms .uploadFile .uploadBtn{ display: flex; justify-content: center; align-items: center;
  width: 140px; cursor: pointer;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #E8E8E8;
}
.ld_forms .uploadFile .uploadBtn:hover span{ color: #F99C34; }
.ld_fBox .selectItem.uploadFile .l{padding-top: 10px;}
.ld_forms .uploadFile .uploadBtn img{ width: 20px; margin-right: 8px; }
.ld_forms .uploadFile .uploadBtn span{ font-size: 16px; color: #666; }
.ld_forms .uploadFile .txt{ font-size:14px; color:#999; padding-top: 20px; }
.ld_forms .uploadFile .filesList { padding-top: 8px; }
.ld_forms .uploadFile .filesList .list{ display: flex; align-items: center; width: 280px; margin-top: 12px;}
.ld_forms .uploadFile .filesList .list .lImg{ line-height: 1; }
.ld_forms .uploadFile .filesList .list img{ width: 16px; }
.ld_forms .uploadFile .filesList .list span{ color: #666; font-size:14px; }
.ld_forms .uploadFile .filesList .list .rFile{ flex: 1; display: flex; justify-content: space-between; align-items: center; padding-left: 5px; }
.ld_forms .uploadFile .filesList .list .clearImg{ width: 16px; height: 16px; cursor: pointer; line-height: 1; }
.fileImgVideoList { margin-top: 20px; display: flex; }
.fileImgVideoList .fList{ margin-right: 20px; position: relative; 
  background: #FFFFFF;width: 80px; padding:6px;
  height: 80px;
  border-radius: 2px;
  border: 1px solid #E8E8E8;
}
.fileImgVideoList .fList:last-child{ margin:0; }
.fileImgVideoList .fList .imgBox{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.fileImgVideoList .fList .imgBox img{ max-width: 100%;max-height: 100%; }
.fileImgVideoList .fList .fClearBtn{ width: 14px; height: 14px; overflow: hidden; display: flex; position: absolute; top: 0; right: 0; 
  cursor: pointer;
}
.fileImgVideoList .fList .fClearBtn img{ width: 100%; }
.ld_forms .fBtn.cement-btn .cement-reset-info{ color: #666; }
.ld_fBox .yzmItem_in .r{ display: flex; }
.ld_fBox .yzmItem_in .r input{ width: 260px; }
.ld_fBox .yzmItem_in .r .yzmImg{ width: 140px;
  height: 48px; margin-left: 20px; padding:0; display: flex; justify-content: center; align-items: center;
  border-radius: 4px;
  border: 1px solid #E8E8E8;
}
.ld_fBox .yzmItem_in .r .yzmImg img{ max-width: 100%; max-height: 100%; }
.layui-layer-loading .layui-layer-content{ width: 64px!important;
  height: 64px!important;
  background: url(../image/loading-0.gif) no-repeat center center / 100% 100%!important; 
}
.layui-layer-shade{ opacity: 0.2!important; }
@media screen and (max-width: 1024px) {
  .ld_forms{ padding:0; }
  .ld_formTab ul li,.personTitle{ font-size:18px; }
}
@media screen and (max-width: 860px) {
  .ld_forms .ld_fBox{ padding:32px; }
}
@media screen and (max-width: 750px) {
  .ld_formTab ul li{ font-size:16px;height: 48px; }
  .ld_formTab{ padding-bottom: 10px; }
  .personTitle{ font-size:16px; }
  .ld_fBox .item .l{ font-size:14px; width: 106px; }
  .ld_forms input,.ld_forms select,.ld_forms textarea{ font-size:14px!important; }
  .ld_fBox .qpersonItem .r .qperson{ padding-right: 10px; }
  .ld_fBox .qpersonItem .r .qperson .radioItem{ margin-right: 10px; }
  .ld_fBox .item .r select,.ld_forms .uploadFile .filesList .list{ width: 100%; }
  .ld_fBox .item .r{ padding-right: 0; }
  .ld_fBox .qpersonItem .r input{ width: calc(100% - 136px); }
  .personTitle img{ height: 20px; }
  .ld_forms .ld_fBox{ padding-left: 16px; }
  .ld_forms .fBtn.cement-btn button{ width: 120px; height: 40px; font-size:14px; }
  .selectIte1 .r:after{
    right: 12px; bottom: 12px; font-size:12px;
  }
 
}
@media screen and (max-width: 640px) {
  .ld_formTab ul li{ height: 44px; }
  .ld_forms .ld_fBox{ padding:40px 20px; }
  .ld_fBox .item{ flex-wrap: wrap; }
  .ld_fBox .item .r,.ld_fBox .item .l{ width: 100%; }
  .ld_fBox .item .l{ text-align: left; margin-right: 0; margin-bottom: 10px; }
  .ld_fBox .qpersonItem .r, .ld_fBox .qpersonItem .r .qperson, .ld_fBox .qpersonItem .r .qperson .radioItem{
    flex-wrap: wrap;
  }
  .qpersonItem .qperson,.ld_fBox .qpersonItem .r input{ width: 100%; }
  .qpersonItem .qperson{ margin:10px 0 20px; }
  .ld_forms .uploadFile .uploadBtn{ width: 120px; height: 40px; }
  .ld_forms .uploadFile .uploadBtn span{ font-size:14px; }
  .ld_forms .uploadFile .txt{ padding-top: 10px; }
  .uploadFile .r{ padding-top: 10px; }
  .ld_forms .uploadFile .filesList .list{ margin-top: 10px; }
  .ld_fBox .yzmItem_in .r input{ width: 170px; }
  .ld_fBox .yzmItem_in .r .yzmImg{ margin-left: 10px; }
} 
@media screen and (max-width: 440px) {
  .ld_formTab ul li{ font-size:14px; height: 40px; }
} 
@media screen and (max-width: 380px) {
  .ld_formTab ul li{ font-size:12px; height: 40px; }

}