// page{background-color: #f2f2f2;}
.jobdetails{
  background-color: #f2f2f2;
  
  &-head{
    &-card{
      margin: 0 0 20rpx !important;
      
      .jobdetails-head-cardhead{
        padding: 40rpx 5% 0;
        
        .content{
          padding-bottom: 30rpx;
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          border-bottom: 1px solid #e4e7ed;
        }
        
        .left{
          max-width: 70%;
          
          view:first-child{
            margin-bottom: 12rpx;
            font-size: 46rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #000000;
            line-height: 65rpx;
            letter-spacing: 2px;
          }
          
          view:last-child{
            font-size: 36rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #9B9B9B;
            line-height: 50rpx;
            letter-spacing: 1px;
          }
        }
        
        .right{
          text-align: right;
          font-size: 36rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #EF651F;
          line-height: 50rpx;
          letter-spacing: 1px;
        }
      }
      
      .jobdetails-head-cardbody{
        padding: 30rpx 5% 0;
        
        .container{
          padding-bottom: 30rpx;
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          border-bottom: 1px solid #e4e7ed;
          
          .content{
            margin-left: 4%;
            width: 80%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            
            .content-left{
              max-width: 85%;
              
              view:first-child{
                margin-bottom: 12rpx;
                font-size: 32rpx;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #000000;
                line-height: 45rpx;
              }
              
              view:last-child{
                font-size: 24rpx;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #9F9F9F;
                line-height: 33rpx;
              }
            }
            
            .content-right{
              margin-top: 15rpx;
              text-align: right;
              line-height: 80rpx;
            }
          }
        }
      }
      
      .jobdetails-head-cardfoot{
        padding: 30rpx 5% 0;
        
        .content{
          padding-bottom: 30rpx;
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          
          .content-left{
            max-width: 80%;
            
            view:first-child{
              font-size: 22rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #9F9F9F;
              line-height: 30rpx;
            }
          }
          
          .content-right{
            display: flex;
            flex-wrap: wrap;
            line-height: 30rpx;
            
            &-icon{
              display: initial;
            }
            
            &-text{
              text-align: right;
              font-size: 22rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #028DFE;
              line-height: 30rpx;
            }
          }
        }
      }
    }
  }
  
  &-content{
    &-card{
      margin: 0 0 20rpx !important;
      
      .jobdetails-content-cardhead{
        padding: 40rpx 5% 0;
        
        .container{
          padding-bottom: 30rpx;
          width: 100%;
          border-bottom: 1px solid #e4e7ed;
          
          .title{
            margin-bottom: 12rpx;
            font-size: 36rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: bold;
            color: #000000;
            line-height: 45rpx;
            letter-spacing: 1px;
          }
          
          .content{
            .content-textarea{
              ::v-deep .u-input__textarea{
                font-size: 28rpx;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #545454;
                line-height: 35rpx;
                letter-spacing: 1px;
              }
            }
          }
        }
      }
      
      .jobdetails-content-cardbody{
        padding: 40rpx 5% 0;
        
        .container{
          padding-bottom: 30rpx;
          width: 100%;
          
          .title{
            margin-bottom: 12rpx;
            font-size: 36rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: bold;
            color: #000000;
            line-height: 45rpx;
            letter-spacing: 1px;
          }
          
          .content{
            .content-textarea{
              ::v-deep .u-input__textarea{
                font-size: 28rpx;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #545454;
                line-height: 35rpx;
                letter-spacing: 1px;
              }
            }
          }
        }
      }
    }
  }
  
  &-bottom{
    background-color: #FFFFFF;
    padding: 43rpx 5%;
  }
}