* {margin: 0;padding: 0;box-sizing: border-box;}
html {height: 100%;}
body {height: 100%;}
.main {max-width: 5.36rem;height:37.69rem;margin:0 auto;background: url(../images/h.png) no-repeat;background-size: 100%;}
.main .form {padding: .51rem 0 0 0;}
.main .form .yhqlq {
  /*width: 3.4rem;*/
  margin:0 auto;
  text-align: center;
}
.main .form .yhqlq img {width:.85rem;}

input::-webkit-input-placeholder {color: #ccc;}
input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #ccc;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #ccc;}
input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #ccc;}
.main .form .tip{width:2.8rem;margin:0 auto;font-size:.18rem;}
@media screen and (max-width: 768px) {
  .main {height: 100%;}
 .main .form .yhqlq {
    /*width: 80%;*/
  } 
  .main .form .yhqlq img {width: .6rem;}
  .main .form button {width: 70%;margin: 0.5rem auto 0.25rem auto;height: 0.45rem;background: #E6E6E6;border-radius: 0.18rem;border: none;outline: none;color: #999999 ;font-size: 0.15rem;}
  .main .form button.no{
    background: linear-gradient( 90deg, #19C590 0%, #2AC1AE 100%);
    box-shadow: 0px 3px 8px 1px rgba(42,193,174,0.26), inset 0px 3px 10px 1px rgba(255,255,255,0.4);
    color: #FFFFFF;
   }
  .main .form .tip{width:2rem;margin:0 auto;font-size:.13rem;}

  .info-box{height: 1.6rem;background: url(../images/c.png) no-repeat;background-size: 100%;}
  #title{line-height: 100%; padding: 0 20% 0 20%;}
  #title img{margin-top: 0.18rem;width: 8%;}
  #title .img-left{float: left;}
  #title .img-right{float: right;}
  #title span{font-family: PingFang SC, PingFang SC;font-weight: bold;color: #62A0F4;text-align: left;font-style: normal;text-transform: none;line-height: 0.5rem;}
  .coupon-box {padding: 0 5% 0 5%;}
  .coupon-box div{float: left;margin-left: 0.45rem;font-family: PingFang SC, PingFang SC;font-weight: 400;color: #999999;text-align: center;font-style: normal;text-transform: none;}
  .coupon-box div span{font-family: PingFang SC, PingFang SC;font-weight: bold;color: #333333;text-align: right;font-style: normal;text-transform: none;}
  .coupon-box div .span3{color: #FFA000;}
  .youhua{height: 100%;width: 100%;background: #FFFFFF;border-radius: 0.4rem 0.4rem 0 0;padding-top:0.4rem;}
  #input1{width: 80%;background: #FFFFFF;border-radius: 0.08rem;border: 0.01rem solid #EAEAEA;margin: 0 auto;line-height: 0.45rem;font-size: 0.15rem;}
  .input_br_show{border:0.01rem solid #3BDBAA !important;}
  #input1 span{font-family: PingFang SC, PingFang SC;font-weight: 400;color: #666666;text-align: left;font-style: normal;text-transform: none;}
  #input1>input{border: none;outline: none;height: 0.35rem;width: 70%;}
  .view-list{padding: 0 25%;display: none;}
  .show{display: block;}
  .view-list .bk-left{
    width:20%;height: 0.01rem;
    background: linear-gradient( 90deg, rgba(29,204,150,0) 0%, #19C5B1 100%);
    border-radius: 2px 2px 2px 2px;float: left;margin-top: 9%;}
  }
  .view-list .bk-right{width: 20%;height: 0.01rem;background: linear-gradient( 270deg, rgba(29,204,150,0) 0%, #19C5B1 100%);
    border-radius: 2px 2px 2px 2px;float: right;margin-top: 9%;}
  .view-list a{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #2AC1AE;
    line-height: 0.3rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
  }




/* @media screen and (min-height: 812px) {
  .main {
    width: 100%;
    height: 100%;
    background: url(../images/coupon_2.jpg) no-repeat;
    background-size: 100%;
  }
} */