@charset "utf-8";*{margin:0;padding:0}
:root{background-color:#429056;font-size:625%;font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft YaHei",SimHei,"\5B8B\4F53",simsun,sans-serif}
img{display:block;max-width:100%}
body{font-size:.16rem}
div,header{box-sizing:border-box}
.dw{margin:0 auto;max-width:640px}
#header{margin:0 auto;padding:0 .3rem;height:.44rem;max-width:6.4rem;background-color:#47819a;color:#fff;line-height:.44rem}
#nav{margin:0 auto;padding:.2rem .3rem;max-width:6.4rem;border-bottom:1px rgba(0,0,0,.2) solid;background-color:#fff}
#nav p:first-child{margin:0 0 .15rem;color:#47819a;font-size:.18rem}
#nav p:nth-child(2){font-size:.12rem}
#content{margin:0 auto;max-width:6.4rem;background-color:#fff;font-size:.12rem}
#content .border{padding:.1rem 20%;-webkit-appearance: none;}
#content .p{padding:.05rem 0 0}
#content .p1{font-weight:700}
#content .p1 span{color:#ff697c}
#content .inp{display:block;box-sizing:border-box;width:100%!important;height:.3rem;outline:0;border:.01rem solid rgba(0,0,0,.2);border-radius:.13rem;-webkit-appearance: none;}
#content [name=name]{margin:.1rem 0 .2rem}
#content .p3{margin:0 0 .1rem 0;width:100%}
#content #time{margin:.05rem 0 .2rem}
#content .p4{margin:.2rem 0 0 0}
#content .book_2{margin:.05rem 0 .2rem 0}
#content .su{margin:.3rem 0 0;padding:.33rem 0 .4rem 0;border-top:.01rem solid rgba(0,0,0,.2)}
#content [name=button]{margin-left:40%;width:20%;height:.34rem;border:none;border-radius:.03rem;background-color:#4c84a0;color:#fff;font-weight:700;font-size:.14rem}
#content [name=count1]{margin:.05rem 0 0}
#content [name=age]{width:20%;height:.3rem;border:.01rem solid rgba(0,0,0,.2);border-radius:.13rem}
#content [name=sex]{margin-right:10%;height:.3rem;border:.01rem solid rgba(0,0,0,.2);border-radius:.13rem}
@media (min-width:320px) and (max-width:480px){#nav p:first-child{font-size:.16rem}
#nav p:nth-child(2){font-size:.1rem}
}