.dqjs_zyfw {
   background-color: #F4FCFB;
 }

 .dqjs_zyfw .crumb-zyfw {
   background-color: #F9F9F9;
   height: 2.2rem;
   padding-left: 8.6667rem;
   display: flex;
   align-items: center;
 }

 .dqjs_zyfw .crumb-zyfw .crumb {
   color: #666666;
   font-size: 0.5333rem;
 }

 .dqjs_zyfw .crumb-zyfw .crumb img {
   filter: initial;
 }

 .dqjs_zyfw .inpageCon {
   /* padding: 2.6667rem 8.6667rem; */
   margin: 0 auto;
   /* width: 100%; */
   box-sizing: border-box;
 }

 .dqjs_zyfw .inpageCon .title {
   text-align: center;
   color: #2E2E2E;
   font-size: 1.0667rem;
   line-height: 1.0667rem;
   font-weight: bold;
 }

 .dqjs_zyfw .card-form {
   background-color: #fff;
   /* border: 0.0333rem solid #979797; */
   padding: 1.6667rem 1.3333rem;
   margin: 0 auto;
   margin-top: 1.3333rem;
   box-sizing: border-box;
 }

 .dqjs_zyfw .card-form .row {
   display: flex;
   justify-content: start;
   margin-bottom: 0.8rem;
 }

 .dqjs_zyfw .card-form .top {
   display: flex;
 }

 .dqjs_zyfw .card-form .top .left {
   width: calc(100% - 6.8rem);
   padding-right: 1.3667rem;
 }

 .dqjs_zyfw .card-form .top .left .row .formItem {
   flex: 0 0 11.0333rem;
 }

 .dqjs_zyfw .card-form .top .left .row .formItem.flex-2,
 .dqjs_zyfw .card-form .bottom .formItem.flex-2 {
   flex: 0 0 22rem
 }

 .dqjs_zyfw .card-form .top .right {
   position: relative;
   flex: 0 0 10rem;
   height: 13.2rem;
   border: 0.0333rem solid #E8E8E8;
   border-radius: 0.1333rem;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   cursor: pointer;
 }

 .dqjs_zyfw .card-form .top .right p {
   color: #757575;
 }

 .dqjs_zyfw .card-form .top .right .upload-bg {
   width: 4.3333rem;
   height: 4.3333rem;
   border-radius: 50%;
   background-color: #F9F9F9;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 1rem;
 }

 .dqjs_zyfw .card-form .top .right .upload-btn {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: none;
   opacity: 0;
 }

 .dqjs_zyfw .card-form .top .right .upload-bg img {
   width: 1.3333rem;
   height: 1.3333rem;
 }

 .dqjs_zyfw .card-form .top .right .person {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: none;
 }

 .dqjs_zyfw .card-form .row .formItem {
   display: flex;
   align-items: center;
   flex: 1;
   position: relative;
 }

 .dqjs_zyfw .card-form .row .formItem.layui-form-item {
   margin-bottom: 0;
 }

 .dqjs_zyfw .card-form .row .formItem.layui-form-item>label {
   padding: 0;
 }

 .dqjs_zyfw .card-form .row .formItem>label {
   display: inline-block;
   width: 2.6667rem;
   text-align: right;
   padding-right: 0.5667rem;
   /* box-sizing: border-box; */
   position: absolute;
   left: 0;
   font-size: 0.5333rem;
 }

 .layui-form-label.required:after {
   content: ' *';
   color: red;
   position: absolute;
   top: 0px;
   right: -0.2667rem;
   font-size: 0.5333rem;
 }

 .dqjs_zyfw .inpageCon .card-form .row .formItem>input {
   height: 1.5rem;
   width: 100%;
   font-size: 0.5333rem;
   padding: 0.3333rem 0.2667rem;
   box-sizing: border-box;
   margin-left: 3.2333rem;
   border: 0.0333rem solid #E8E8E8;
   border-radius: 0.1333rem;
   background-color: #fff;
 }

 .dqjs_zyfw .inpageCon .card-form .row .formItem.flex-2 input {
   width: 100%;
 }

 .inputBox {
   display: flex;
   margin-left: 3.2333rem;
   align-items: center;
   border: 1px solid #E8E8E8;
   width: 100%;
   padding: 0.6333rem 1rem;
 }

 .inputBox .inputWrap {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 }

 .inputBox span {
   display: inline-block;
   white-space: noWrap;
   font-size: 0.5333rem;
 }

 .inputBox input {
   width: 10.6667rem;
 }

 .inputBox label {
   white-space: nowrap;
   margin-left: 0.4rem;
   margin-right: 1rem;
   font-size: 0.5333rem;
   /* margin-bottom: 0.6667rem; */
 }

 .layui-form .layui-form-radio {
   margin-top: 0;
   margin-right: 1rem;
 }

 .layui-form .radio-2 .layui-form-radio {
   margin-bottom: 0.3333rem;
 }

 .layui-form .radio-2 .layui-form-radio:nth-last-of-type(-n+2) {
   margin-bottom: 0;
 }

 .layui-form .layui-form-radio>i:hover,
 .layui-form .layui-form-radioed>i {
   color: #FE9901;
 }

 .layui-form .layui-form-radio * {
   font-size: 0.5333rem;
 }

 .layui-form .layui-form-radio>i {
   font-size: 0.8rem;
 }

 .layui-form .layui-input-block,
 .desc-list {
   margin-left: 3.2333rem;
   width: 100%;
 }

 .desc {
   margin-top: 1.6667rem;
 }

 .desc-list>p {
   font-size: 0.5333rem;
   color: #666666;
   line-height: 1.0667rem;
 }

 .submit {
   margin-top: 1.6667rem;
 }

 .submit .btn {
   width: 100%;
   text-align: center;
 }

 .submit .btn .layui-btn {
   background-color: #FE9901;
   border-radius: 0.1333rem;
   width: 5.6rem;
   height: 1.6667rem;
   font-size: 0.6rem;
   line-height: 1.6667rem;
 }

 .card-bottom {
   display: flex;
   margin-top: 1.6667rem;
   justify-content: space-between;
 }

 .card-bottom .card-item {
   width: 10.6667rem;
   height: 6.0667rem;
   background-color: #fff;
   border-radius: 0.1333rem;
   padding: 1rem;
   padding-bottom: 0;
   box-sizing: border-box;
   position: relative;

 }

 .card-bottom .card-item .bg-index {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 3.6333rem;
   height: 3.3333rem;
   font-size: 3.3333rem;
   line-height: 3.3333rem;
   opacity: 0.14;
   /* color: linear-gradient(#019382, #FE9901); */
   /*利用background-clip属性实现文字颜色从绿到白的渐变效果*/

   background-image: linear-gradient(#019382, #FE9901);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;


   letter-spacing: 0;
 }

 .card-bottom .card-item .title {
   font-size: 0.6667rem;
   font-weight: bold;
   line-height: 0.9333rem;
   color: #333333;
   text-align: left;
 }

 .card-bottom .card-item .desc {
   font-size: 0.5333rem;
   line-height: 0.8667rem;
   color: #666666;
   margin-top: 0.5333rem;
 }

 /*简历*/

 .jltdBox .card-form {
   margin-top: 0;
 }

 .jltdBox .dqjs_zyfw {
   margin-top: 2rem;
 }

 .jltdBox .dqjs_zyfw .card-form .top .right {

   flex: 0 0 6.8rem;
   height: 8.7rem;
 }

 .jltdBox .dqjs_zyfw .card-form .top {
   justify-content: space-between;
 }

 .jltdBox .dqjs_zyfw .card-form .top .row,
 .jltdBox .dqjs_zyfw .card-form .bottom .row {
   justify-content: space-between;
 }

 .jltdBox .dqjs_zyfw .card-form .top .left .row .formItem.flex-2,
 .jltdBox .dqjs_zyfw .card-form .row .formItem.flex-2 {
   flex: 0 0 21.646rem;
 }

 .jltdBox .dqjs_zyfw .card-form .top .left .row .formItem {
  flex: 0 0 13.39rem;
 }

 .formItem>.layui-form-select {
   height: 1.6rem;
   width: 100%;
   font-size: 0.5333rem;
   padding: 0.1rem 0.2667rem;
   box-sizing: border-box;
   margin-left: 3.2333rem;
   border: 0.0333rem solid #e8e8e8;
   border-radius: 0.1333rem;
   background-color: #fff;
 }

 .jltdBox .layui-select-title .layui-input {
   border: none;
 }

 .jltdBox .layui-form-select .layui-edge {
   border-top-color: #FE9901;
 }

 .jltdBox .dqjs_zyfw .card-form .row .radioItem .inputWrap {
   width: auto;
   margin-left: 2rem;
 }

 .jltdBox .dqjs_zyfw .card-form .row .radioItem>label {
   width: auto;
   position: relative;
 }

 .submit .btn .layui-btn img {
   filter: brightness(0) invert(1);
   width: 0.6rem;
   margin-left: 0.1rem;
   position: relative;
   top: -1px;
 }

 .submit .btn .prev-btn img {
   transform: rotate(180deg);
   margin: 0 0.1rem 0 0;
 }

 @media screen and (max-width: 1280px) {


   .dqjs_zyfw .card-form .top .left {
     width: 100%;
     box-sizing: border-box;
     padding-right: 0;
   }
   .jltdBox .dqjs_zyfw .card-form .top .right{
     width:188px;
     margin:1rem auto 0 auto;
   }
   .dqjs_zyfw .card-form .top {
     display: block;
     margin-bottom: 1rem;
   }
 }

 @media screen and (max-width: 960px) {
   .jltdBox .jlType .type .item {
     width: auto;
   }

   .jltdBox .jlType .type .item .dian {
     display: none;
   }

   .jltdBox .zgxl .box .item {
     width: 11.6rem;
   }

   .jltdBox .zgxl {
     margin-top: 1rem;
   }

   .jltdBox .dqjs_zyfw {
     margin-top: 1rem;
   }

   .jltdBox .dqjs_zyfw .xlxxBox,
   .dqjs_zyfw .card-form {
     padding: 0.8rem;
   }

   .dqjs_zyfw .xlxxBox .row,
   .dqjs_zyfw .card-form .row {
     margin: 1rem 0 0 0;
     display: block;
   }

   .dqjs_zyfw .card-form .row .formItem {
     padding-left: 5em;
     margin-bottom: 1rem !important;
   }
    .dqjs_zyfw .card-form .row .select2 {
     padding-left: 0;
     margin-top: 0.2rem !important;
   }
   .dqjs_zyfw .select2 .layui-form-select{
         margin-left: 0 !important;
   }

   .formItem>input {
     margin-top: 0;
   }

   .dqjs_zyfw .card-form .row .formItem>label {
     line-height: 2rem;
   }

   .formItem>.layui-form-select {
     margin-left: 0;
     padding: 0.1rem 0.2667rem;
     ;
   }

   .jltdBox .dqjs_zyfw .card-form .top .right{
     width: 7.7rem;
     height: 10.6rem;
     margin: 0 auto;
   }

   .dqjs_zyfw .inpageCon .card-form .row .formItem>input {
     margin-left: 0;
   }

   .inputBox {
     display: block;
     width: 84%;
     margin-left: 0;
   }

   .inputBox input {
     width: 7rem;
   }

   .layui-form .layui-input-block,
   .desc-list {
     width: 84%;
     margin-left: 0;
   }

   .dqjs_zyfw .crumb-zyfw {
     height: 0;
   }

   .card-bottom {
     display: block;
     overflow: hidden;
   }

   .card-bottom .card-item {
     width: 48%;
     float: left;
     margin-bottom: 1rem;
   }

   .card-bottom .card-item:nth-child(2n) {
     float: right;
   }
 }