.global-brand {
  margin-bottom: 0.4rem;
}
.global-brand .name {
  font-size: 0.4rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #0256D3;
  text-align: center;
}
.global-brand .line {
  width: 1.2rem;
  height: 0.12rem;
  border-radius: 0.1rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #D7E4FF;
  margin-top: -0.15rem;
}
.input-box input {
    width:4.5rem;
}
.input-box textarea {
    width:5rem;
}
.chas {
    font-size: .5rem;
    position: absolute;
    top: 0rem;
    right: .2rem;
    z-index: 100;
    transform: rotate(45deg);
    cursor: pointer;
}
.layer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(2, 86, 211, 0.3);
  z-index: 99;
}
.layer .content-box {
    position:relative;
  background-color: #fff;
  border-radius: 0.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.4rem 0.55rem;
}
.checked {
    border-color: #FD7601 !important;
    background: #FD7601;
}
.layer .content-box .input-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.15rem 0.2rem;
    background: #FFFFFF;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    opacity: 1;
    border: 0.01rem solid #0256D3;
    margin-bottom: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 5.6rem;
}
.layer .content-box .input-box:last-child {
  margin-bottom: 0;
}
.layer .content-box .input-box .label {
  font-size: 0.16rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #0256D3;
  margin-right: 0.15rem;
  background:#fff;
}
.layer .content-box .input-box .input {
  border: none;
  outline: none;
}
.layer .content-box .input-box.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/*.layer .content-box .input-box.error {
  border-color: #d11717;
}*/
/*.layer .content-box .input-box.error .label {
  position: relative;
  color: #d11717;
}*/
/*.layer .content-box .input-box.error .label::after {
  position: absolute;
  content: "*";
  color: #d11717;
  left: -0.15rem;
  top: 0;
}*/
.layer .content-box .btn {
  margin-top: 0.4rem;
  font-size: 0.16rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  width: 1.6rem;
  height: 0.46rem;
  border-radius: 0.5rem;
  background-color: #0256d3;
  margin-left: auto;
  margin-right: auto;
}
.layer .check-box .item {
  margin-right: 0.2rem;
  cursor: pointer;
  font-size: 0.14rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #707070;
}
.layer .check-box .item .circle {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  border: 1px solid #0256d3;
  margin-right: 0.05rem;
}
.layer .check-box .item.checked .circle {
  border-color: #fd7601;
}
.layer .modal-box {
  width: 7rem;
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.74rem 0 0.86rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.layer .modal-box .icon {
  width: 1.28rem;
  height: 1.28rem;
  margin-left: auto;
  margin-right: auto;
}
.layer .modal-box .name {
  font-size: 0.24rem;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #0256D3;
  text-align: center;
  margin-top: 0.3rem;
}
.layer .modal-box .sub {
  font-size: 0.16rem;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #0256D3;
  text-align: center;
  margin-top: 0.13rem;
}
.layer .modal-box .tip {
  font-size: 0.16rem;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #c91f1f;
  text-align: center;
  margin-top: 0.15rem;
}
.layer .modal-box .btn {
  width: 3.54rem;
  height: 0.46rem;
  font-size: 0.16rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  border-radius: 0.21rem;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  background: #0256d3;
}
.marg {
  margin-top: 6rem;
}
@media screen and (max-width:768px) {
  .layer {
    position: relative;
    width: auto;
    height: auto;
    background: none;
    z-index: 0;
  }
    .check-box {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .layer .content-box .btn {
        font-size: .24rem;

    }
  .layer .check-box .item,.layer .content-box .input-box .label  {
    font-size: .2rem;
  }
  .marg {
    margin: 0;
  }
    .layer .content-box {
        width:100%;
        padding:0 .2rem .3rem;
    }
    .chas {
        display:none;
    }
    .inputlist {
        margin-top:0 !important;
    }
}