/*共用表单*/
.form-plate { width: 100%; overflow: hidden; }
.form-plate .form-item { display: block; height: 1rem; line-height: 1rem; background: #fff; border-bottom: 1px solid #f0f0f0; clear: both; padding: 0 0.2rem; font-size: 0.32rem; }
.form-plate .form-item .form-title { width: 40%; float: left; }
.form-plate .form-item .form-input { width: 60%; margin-left: 40%; }
.form-plate .form-item .form-input .input { display: inline-block; width: 90%; height: 1rem; padding-right: 10%; border: 0; font-size: 0.32rem; color: #333; text-align: right; background: url(../img/right.png) no-repeat right center; background-size: 0.2rem auto; -webkit-appearance: none; }
.form-plate .form-item .form-input a.input { color: #666; }
.form-plate .form-item .form-input select { width: 100%; height: 1rem; padding-right: 10%; border: 0; font-size: 0.32rem; color: #333; direction: rtl; background: url(../img/right.png) no-repeat right center; background-size: 0.2rem auto; -webkit-appearance: none; }

/*基本表单*/
.form-plate.basic .form-item .form-input .input { width: 100%; padding-right: 0; text-align: left; background: none; }
.form-plate.basic .form-item .form-input select { padding-right: 0; direction: ltr; background: none; }

/*直接展示表单*/
.form-plate.reality .form-item { border-bottom: 0; height: auto; padding: 0.2rem; }
.form-plate.reality .form-item .input { width: 100%; height: 0.8rem; background: #f0f0f0; border: 0; border-radius: 3px; text-indent: 0.2rem; font-size: 0.32rem; }
.form-plate.reality .form-item textarea { width: 94%; height: 3rem; background: #f0f0f0; border: 0; border-radius: 0.1rem; padding: 0.1rem 3%; font-size: 0.32rem; line-height: 0.5rem; color: #333; }
.form-plate.reality .form_btn { background: #efeff4; }

/*头像*/
.form-plate .form-item .form-input .singUploader { width: 100%; height: 1rem; position: relative; }
.form-plate .form-item .form-input .singUploader .webuploader-container { width: 100%; height: 100%; border: 0; margin-right: 0; }
.form-plate .form-item .form-input .singUploader .webuploader-container div { height: 100% !important; z-index: 10; }
.form-plate .form-item .form-input .singUploader .webuploader-container .webuploader-pick { width: 90%; padding: 0; padding-right: 10%; font-size: 0.32rem; height: 1rem; line-height: 1rem; text-align: right; color: #333; background: url(../img/right.png) no-repeat right center; background-size: 0.2rem auto; }
.form-plate .form-item .form-input .singUploader.webuploader-choose .webuploader-container .webuploader-pick { font-size: 0; }
.form-plate .form-item .form-input .singUploader .fileInfo a { position: absolute; right: 10%; display: block; text-align: center; width: 0.7rem; height: 0.7rem; line-height: 0.7rem; margin-top: 0.15rem; font-size: 0; text-overflow: ellipsis; }
.form-plate .form-item .form-input.videoUpload .singUploader .fileInfo a { width: 100%; font-size: 0.32rem; border: 0; border-radius: initial; }
.form-plate .form-item .form-input .singUploader .fileInfo img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.form-plate .form-item .form-input .singUploader .fileInfo .close { display: none; }

/*无输入框式表单*/
.form-plate .form-item-choose { background-color: #fff; background-image: url(../img/right.png); background-repeat: no-repeat; background-position: right 0.2rem center; background-size: 0.2rem auto; }

/*验证码*/
.form-plate .form-item .form-input.valcode { position: relative; }
.form-plate .form-item .form-input.valcode .separate { position: absolute; right: 0; top: 0.18rem; border-left: 0.01rem solid #f0f0f0; padding-left: 0.2rem; height: 0.66rem; line-height: 0.66rem; }
.form-plate .form-item .form-input.valcode img { height: 0.66rem; }
.form-plate .form-item .form-input.valcode .separate a { color: #4a9cf0; font-size: 0.30rem; }

/*表单头部*/
.form-plate .form-header { width: 100%; height: 1rem; line-height: 1rem; padding: 0 0.2rem; color: #4a9cf0; font-size: 0.36rem; background: #fff; margin: 0.2rem 0; }
.form-plate .form-header.small { margin: 0.2rem 0 0.1rem 0; }
.form-plate .form-header.small .deleteImg { float: right; margin: 0.25rem 0.4rem 0 0; width: 0.5rem; height: 0.5rem; vertical-align: baseline; cursor: pointer; }
.form-plate:first-child .form-header:first-child { margin-top: 0; }

/*分割行*/
.form-plate .form-split { width: 100%; margin: 0.2rem 0; }

/*多行文本框*/
.form-plate .form-item.block { border-bottom: 0; height: auto; }
.form-plate .form-item.block .form-title, .form-plate.basic .form-item.block .form-input { width: 100%; float: initial; }
.form-plate .form-item.block .form-input { width: 100%; margin-left: 0; }
.form-plate .form-item.block .form-input textarea { width: 94%; height: 3rem; background: #f0f0f0; border: 0; border-radius: 0.1rem; padding: 0.1rem 3%; font-size: 0.32rem; line-height: 0.5rem; }

/*复选框/单选框*/
.form-plate .form-item .layui-form-checkbox, .form-plate .form-item .layui-form-radio { width: 100%; height: 1rem; line-height: 1rem; margin: 0; }
.form-plate .form-item .layui-form-checked, .form-plate .form-item .layui-form-radioed { background: url(../img/gou.png) no-repeat right center; background-size: 0.52rem auto; -webkit-transition: none; transition: none; }
.form-plate .form-item .layui-form-checkbox span, .form-plate .form-item .layui-form-radio div { float: left; height: 1rem; line-height: 1rem; font-size: 0.32rem; padding: 0; }
.form-plate .form-item .layui-form-checkbox i, .form-plate .form-item .layui-form-radio i { display: none; }
.form-plate .form-item .layui-form-switch { float: right; width: 1.05rem; height: 0.52rem; line-height: 0.52rem; margin-top: 0.24rem; padding: 0 0.12rem; border-radius: 0.26rem; }
.form-plate.basic .form-item .layui-form-switch { float: left; }
.form-plate .form-item .layui-form-switch em { font-size: 0.32rem; right: 0.2rem; width: 0.5rem; height: 0.52rem; line-height: 0.52rem; }
.form-plate .form-item .layui-form-switch i { width: 0.35rem; height: 0.35rem; left: 0.12rem; top: 0.08rem; border-radius: 100%; }
.form-plate .form-item .layui-form-onswitch em { left: 0.2rem; right: auto; }
.form-plate .form-item .layui-form-onswitch i { left: auto; right: 0.12rem; }

/*按钮*/
.form_btn { padding: 0.5rem 0 0.3rem 0; text-align: center; background: #fff; }
.form_btn .btn { border: 0; width: 85%; font-size: 0.32rem; color: #fff; height: 0.7rem; line-height: 0.7rem; background: #4a9cf0; border-radius: 1.75rem; }

/*上一步、下一步*/
.form-plate .form_btn.step .btn { width: 42%; margin: 0 2%; }

/*创建简历-新增按钮*/
.form-plate .add_btn { text-align: center; margin: 0.2rem 0; font-size: 0.34rem; background: #fff; padding: 0.3rem 0; color: #4a9cf0; }

/*发布职位-按钮固定在底部*/
.form-plate.fixedBtn { padding-bottom: 1.1rem; }
.form-plate.fixedBtn .form_btn { position: fixed; bottom: 0; width: 100%; padding: 0.1rem 0; box-shadow: 0 0 1px 1px #dedede; -webkit-box-shadow: 0 0 1px 1px #dedede; }
.form-plate.fixedBtn .form_btn.square .btn { width: 60%; border-radius: 5px; margin: 0 2%; }
.form-plate.fixedBtn .form_btn.square .btn.normal { width: 25%; background: none; border: 1px solid #4a9cf0; color: #4a9cf0; }

/*福利待遇*/
.form-plate.reality .socialBenefits { background: #fff; padding: 0.2rem 3%; }
.form-plate.reality .socialBenefits li { float: left; font-size: 0.32rem; width: 30%; height: 0.7rem; line-height: 0.7rem; border: 1px solid #e4e4e4; border-radius: 0.05rem; margin: 0.1rem 1.35%; text-align: center; background-color: #f9f9f9; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.form-plate.reality .socialBenefits li.on { background: url(../img/select_on.png) no-repeat right bottom; background-size: 0.4rem; border-color: #4a9cf0; }

/*时间选择页面单独样式复写*/
.form-plate .form-item.date #selector_start_date, .form-plate .form-item.date #selector_end_date { width: 30%; }
.form-plate .form-item.date .layui-form-checkbox span { float: none; }
.form-plate .form-item.date.ex .layui-form-checkbox { margin-left: 5%; width: 23%; }
.form-plate .form-item.date .layui-form-checkbox { width: 18%; height: 1rem!important; line-height: 1rem !important; }
.form-plate .form-item.date .layui-form-checkbox i { display: inline-block; float: left; margin-top: 0.35rem; margin-right: 0.1rem; height: 0.26rem; width: 0.26rem; line-height: 0.26rem; }
.form-plate .form-item.date .layui-form-checked { background: none; }
.form-plate .form-item.date .margin-right { margin-right: 3%; }
.form-plate .form-item.date .margin-left { margin-left: 3%; }

@media all and (max-width: 256px) {
    .form-plate .form-item.date.ex .layui-form-checkbox { margin-left: 0; }
    .form-plate .form-item.date .margin-right { margin-right: 0; }
    .form-plate .form-item.date .margin-left { margin-left: 0; }
    .form-plate .form-item.date #selector_start_date, .form-plate .form-item.date #selector_end_date { width:33%; }
}

/*放置于底部的悬浮按钮*/
.form-bottom-btn { display: block; font-size: 0.36rem; width: 100%; position: fixed; bottom: 0; height: 1rem; box-shadow: 0 0 0.2rem #ccc; line-height: 1rem; background: #55afd7; color: #fff; text-align: center; }