.service-wrap {
    margin: 0.5rem auto;
    overflow: hidden;
}

.apply-list {
    overflow: hidden;
    margin-bottom: 1rem;
}

.apply-item {
    height: 0.7rem;
    background: #F9F9F9;
    padding: 0 0.23rem;
    display: flex;
    align-items: center;
}

.apply-item:nth-child(even) {
    background: #fff;
}

.apply-text {
    flex: 1;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}

.apply-time {
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-left: 0.2rem;
}

/* 供水热线 */
.hot-wrap {
    width: 100%;
    padding: 1.25rem;
    background: url(../img/service/hot-bg.png) no-repeat;
    background-size: cover;
}

.hot-box {
    margin: 0 auto;
}

.hot-title {
    font-size: 0.3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-bottom: 0.5rem;
}

.hot {
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem;
}

.hot-text {
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    width: 1.5rem;
    text-align: justify;
    text-align-last: justify;
}

.hot-text i {
    display: inline-block;
    width: 100%;
}

.hot-phone {
    margin-left: 0.4rem;
    display: flex;
    align-items: center;
}

.hot-phone img {
    width: auto;
    height: 0.21rem;
    flex-shrink: 0;
}

.hot-phone p {
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-left: 0.1rem;
}

.hot-des {
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #CF1313;
    margin-top: 0.44rem;
}

/* 网上留言 */
.message-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}

.message {
    display: flex;
    align-items: center;
}

.message-text {
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.5rem;
    color: #333333;
    flex-shrink: 0;
    margin-right: 0.2rem;
}

.message-text i {
    color: #DE0606;
}

.message-input {
    width: 6.6rem;
    display: flex;
    align-items: center;
}

.message-input input {
    height: 0.5rem;
    width: 100%;
    background: #FAFAFA;
    opacity: 1;
    border-radius: 0.04rem;
    padding: 0 0.2rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.message-textarea {
    width: 100%;
    height: 1.5rem;
}

.message-textarea textarea {
    height: 100%;
    width: 100%;
    background: #FAFAFA;
    opacity: 1;
    border-radius: 0.04rem;
    padding: 0.2rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.message-code {
    flex-shrink: 0;
    margin-left: 0.2rem;
    /* width: 1.6rem; */
    height: 0.5rem;
    background: #FAFAFA;
}

.message-code img {
    height: 100%;
    width: auto;
}

.message-code-p {
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #00C7FF;
    flex-shrink: 0;
    margin-left: 0.2rem;
    cursor: pointer;
}

.message-input select {
    height: 0.5rem;
    width: 100%;
    background: #FAFAFA;
    opacity: 1;
    border-radius: 0.04rem;
    padding: 0 0.2rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
    border: none;
}

.message-des {
    font-size: 0.14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DE0606;
    margin-top: 0.32rem;
}

.message-bt {
    width: 2rem;
    height: 0.5rem;
    background: linear-gradient(88deg, #00C7FF 0%, #258BEC 100%);
    box-shadow: 0rem 0rem 0rem rgba(18, 102, 251, 0.19);
    opacity: 1;
    border-radius: 0.3rem;
    margin: 0 auto;
    margin-top: 0.6rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.5rem;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

/* 水价标准 */
.service-title {
    font-size: 0.3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.service-content{
    margin-top: 0.5rem;
}













@media all and (max-width: 1024px) { 
/*用水申请 开始*/
 .service-wrap {
     padding: 10px 15px;
 }
 .apply-list {
     margin-bottom: 0 ;
 }
 .apply-text {
     font-size: 14px;
 }
 .apply-time {
     font-size: 14px;
 }
/*用水申请 结束*/
 
 
 /*供水热线 开始*/
 .hot-wrap {
     padding: 25px 15px;
 }
 .hot {
     flex-direction: column;
    align-items: flex-start;
    padding: 15px 15px;
    padding-left: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
 }
 .hot-text {
     margin-bottom: 10px;
     font-size: 14px;
     width: 100%;
     text-align: left;
     text-align-last:left;
 }
 .hot-phone {
     margin-bottom: 10px;
     margin-left: 0;
     width: 100%;
     font-size: 14px;
 }
 .hot-phone img {
     width: 12px;
     height: auto;
 }
 .hot-phone p {
     font-size: 14px;
 }
 
 .hot-des {
     font-size: 12px;
 }
 
 /*供水热线 结束*/
 
 
  /*网上留言 开始*/
  .message-box {
      flex-direction: column;
      margin-bottom: 0;
  }
  .message {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 15px;
  }
  .message-text {
      margin-bottom: 5px;
      font-size: 14px;
  }
  .message-input input {
      height: 30px;
      line-height: 30px;
    font-size: 14px;
    border: 1px solid #eee;
  }
  .message-textarea textarea {
    border: 1px solid #eee;  
  }
  .message-textarea textarea::-webkit-input-placeholder {
      font-size: 14px;
  }
  
  .message-input select {
       height: 30px;
      line-height: 30px;
      border: 1px solid #eee;  
      font-size: 14px;
      color: #333;
  }
  .message-code-p {
      font-size: 14px;
  }
  
  .message-des {
      font-size: 12px;
      line-height: 1.5;
  }
  
  .message-bt {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    
  }
  /*网上留言 结束*/
}