.bg{
  width: 10rem;
  margin: 0 auto;
}
body{
  background: #171717;
}
.queryTop{
  color: #ffffff;
  font-size: 0.43rem;
  line-height: 1.2rem;
  height: 1.2rem;
  text-indent: 0.5rem;
  border-top:0.2rem solid #0A0A0A;
}
.queryTime-box{
  position: relative;
  height: 2.8rem;
  border-bottom: 0.2rem solid #0A0A0A;
}
.queryTime{

  height: 2.8rem;
  margin-left:0.5rem;
  line-height: 2.3rem;
  margin-top: -0.5rem;
  font-size: 0.35rem;
  color:rgba(128,128,128,1);
  .query-time1{
       display: inline-block;
       width:2.35rem;
       height:0.85rem;
       background:rgba(51,51,51,1);
       border-radius:0.1rem;
       font-size:0.35rem;
       line-height: 0.85rem;
       color: #ffffff;
       text-align: center;
    border: 0.015rem solid #4D4D4D;
     }
  .query-time2{
    display: inline-block;
    width:2.35rem;
    height:0.85rem;
    background:rgba(51,51,51,1);
    border-radius:0.1rem;
    font-size:0.35rem;
    line-height: 0.85rem;
    color: #ffffff;
    text-align: center;
    border: 0.015rem solid #4D4D4D;
  }
  .query-btn{
    background:linear-gradient(to right, #00f088, #00a0e9);
    width:1.6rem;
    height:0.72rem;
    font-size:0.35rem;
    color: #ffffff;
    border-radius: 0.5rem;
    margin-left:0.2rem;
  }
}
.query-tips{
  font-size: 0.32rem;
  color: #4D4D4D;
  position: absolute;
  bottom: 0.4rem;
  left: 0.5rem;
}
.query-text{
  width:10rem;
  height:2rem;
  margin-top:0.22rem;

  border-bottom:0.2rem solid #0A0A0A;
  p{
    text-indent: 0.5rem;
    height: 0.9rem;
    line-height: 0.9rem;
    color: #CCCCCC;
    font-size: 0.43rem;
  }
}
.query-box{
  li{
    position: relative;
    width:10rem;
    height:1.47rem;
    border-bottom:0.1rem solid #0A0A0A;
    text-align: center;
    line-height: 1.47rem;
    .li-day{
      display: inline-block;
      width: 2rem;
      font-size:0.4rem;
      color:#CCCCCC;
      position: absolute;
      left: 0;
      .li-icon{
        color: #333333;
        font-size: 0.41rem;
        position: absolute;
        right: 0;
        font-weight: 700;
      }

    }
    .li-time{
      position: absolute;
      display: inline-block;
      width: 3.5rem;
      left: 2rem;
      font-size: 0.4rem;
      color: #ffffff;
    }
    .li-ok{
      position: absolute;
      display: inline-block;
      width: 4.5rem;
      left: 5.5rem;
      font-size: 0.4rem;
      color: #ffffff;
    }
  }
}
.queryName{
  font-weight: 700;

}
.item-line{
  display: inline-block;
}
input::-webkit-input-placeholder{
  color:#ffffff;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#ffffff;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#ffffff;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#ffffff;
}