html {
  height: 100%;
  font-size: 23.4375vw;
}
@media screen and (max-width: 320px) {
html {
      font-size: 64px;
}
}
@media screen and (min-width: 640px) {
html {
      font-size: 128px;
}
}
body {
  margin: 0 auto;
  min-height: 100vh;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top);
  padding-bottom: 0;
  padding-bottom: env(safe-area-inset-bottom);
}
@media (max-width: 480px) and (min-width: 401px) {
html {
    font-size: 75px;
}
}
@media (max-width: 767px) and (min-width: 481px) {
html {
    font-size: 75px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
html {
    font-size: 12.5vw;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) and (max-width: 751px) {
html {
      font-size: 150.2px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) and (min-width: 992px) {
html {
      font-size: 198.4px;
}
}
@media (min-width: 992px) {
html {
    font-size: 12.5vw;
}
}
@media screen and (min-width: 992px) and (max-width: 992px) {
html {
      font-size: 198.4px;
}
}
@media screen and (min-width: 992px) and (min-width: 640px) {
html {
      font-size: 128px;
}
}
@media (min-width: 1200px) {
html {
    font-size: 10.71429vw;
}
}
@media screen and (min-width: 1200px) and (max-width: 1200px) {
html {
      font-size: 240px;
}
}
@media screen and (min-width: 1200px) and (min-width: 640px) {
html {
      font-size: 128px;
}
}
.payroll-mapply {
  width: 100%;
  padding-bottom: 0.26667rem;
}
.payroll-mapply h1 {
    padding: 0.2rem 0;
    font-size: 0.18667rem;
    text-align: center;
}
.payroll-mapply .hint {
    font-size: 0.16rem;
    color: #9e9e9e;
    padding: 0 0.13333rem;
    box-sizing: border-box;
}
.payroll-mapply .hint + .hint {
      padding: 0.04rem 0.13333rem 0.13333rem;
}
.payroll-mapply .hint + .hint .pull-right {
        color: #32ac37;
        font-size: 0.17333rem;
}
.payroll-mapply .right-list {
    box-sizing: border-box;
    width: 100%;
}
.payroll-mapply .right-list ul {
      padding: 0.13333rem;
}
.payroll-mapply .right-list li {
      margin-bottom: 0.26667rem;
}
.payroll-mapply .right-list li p:nth-child(1) {
        font-size: 0.17333rem;
        color: #505050;
        padding: 0.13333rem;
        border-radius: 0.13333rem;
        background-color: #f6f6f6;
        width: 100%;
        display: inline-block;
}
.payroll-mapply .right-list li .pull-right p:nth-child(1) {
        background-color: #c8e6c7;
}
.payroll-mapply .right-list li p:nth-child(2) {
        font-size: 0.16rem;
        margin-top: 0.06667rem;
}
.payroll-mapply .right-list li p:nth-child(2) span {
          font-size: 0.14667rem;
          padding-right: 0.06667rem;
}
.payroll-mapply .right-list .el-textarea textarea {
      height: 1.2rem;
}
.payroll-mapply .right-list .submit-btn {
      text-align: right;
      margin-top: 0.13333rem;
      padding-right: 0.13333rem;
}
.payroll-mapply .right-list .submit-btn span {
        display: inline-block;
        width: 1.06667rem;
        height: 0.4rem;
        line-height: 0.4rem;
        color: #fff;
        background: #33ac37;
        border-radius: 0.06667rem;
        text-align: center;
        font-size: 0.17333rem;
}
.payroll-mapply .right-list .el-textarea textarea {
      border: none;
      resize: none;
}