html, body { background: #F1F1F1; } /* Top */ .top-container { background: #2374CC; height: 365px; line-height: 365px; font-size: 36px; text-align: center; color: #FFFFFF; } /* Form */ .form-container { width: 100%; max-width: 1200px; margin: -122px auto 80px; background: #FFFFFF; position: relative; z-index: 10; padding: 120px 0; } .form-container .line { border-top: 1px dashed #E6E6E6; width: 100%; height: 1px; display: block; margin-bottom: 70px; } .form-container .line-2 { margin-top: 50px; } .form-container .line-3 { margin-top: 50px; margin-bottom: 60px; } .form-container .line.solid { border-top: 1px solid #D8D8D8; margin: 58px 0px 78px; } .form-container .title { font-size: 18px; color: #333333; margin-bottom: 20px; font-weight: bold; } .form-container .layui-form-label { height: 45px; line-height: 45px; padding: 0px; width: 100px; text-align: left; } .form-container .layui-input-block { margin-left: 100px; } .form-container .layui-input { border: 1px solid #F1F1F1; height: 45px; line-height: 45px; } .form-container .row-1 .layui-form-item { width: 316px; float: left; clear: none; margin-right: 50px; } /* 基本信息 */ .form-container .basic-info { width: 100%; } .form-container .basic-info td { padding: 10px 0px; } .form-container .marriage .layui-form-select, .form-container .child .layui-form-select, .form-container .current-state .layui-form-select { width: 100px; } /* 上传照片 */ .form-container .upload-box { width: 148px; height: 204px; display: inline-block; border: 1px solid #F0F0F0; color: #C1C1C1; text-align: center; cursor: pointer; transition: all .8s; background: #FFFFFF; position: relative; } .form-container .upload-box .iconfont { font-size: 24px; margin-top: 70px; display: inline-block; } .form-container .upload-box .txt { display: block; color: #c1c1c1; margin-top: 8px; transition: all .8s; } .form-container .upload-box:hover { color: #2374CC; border-color: #2374CC; } .form-container .upload-box:hover .txt { color: #2374CC; } #photoImg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10; display: none; } /* row-3 */ .form-container .upload-row .box { width: 50%; float: left; } .form-container .upload-row .box.left { border-right: 1px dashed #E3E3E3; } .form-container .upload-row .box.right { padding-left: 10%; } .form-container .row-3 .tips { display: block; color: #666666; } .form-container .row-3 .btn-upload { display: block; width: 120px; height: 54px; line-height: 54px; text-align: center; color: #666666; border: 1px solid #EFEFEF; cursor: pointer; transition: all .8s; margin-top: 30px; } .form-container .row-3 .btn-upload:hover { background: #2374CC; color: #FFFFFF; border-color: #2374CC; } /* 提交简历按钮 */ .form-container .btn-submit { width: 204px; height: 52px; line-height: 52px; text-align: center; color: #FFFFFF; cursor: pointer; transition: all .8s; background: #2374CC; display: block; margin: 0 auto; } .form-container .btn-submit:hover { background: #175295; } #resumeFileName { display: block; color: #666666; line-height: 2; margin-top: -25px; margin-left: 140px; } .form-container .btn-upd { width: 166px; height: 56px; line-height: 56px; cursor: pointer; text-align: center; color: #666666; display: inline-block; margin-right: 10px; background: #F4F4F4; transition: all .5s; margin-top: 30px; } .form-container .btn-upd .iconfont { font-weight: bold; display: inline-block; margin-right: 4px; } .form-container .btn-upd:hover { background: #E4E4E4; }