body {
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    background-size: 100% 25%;
}
@media screen and (min-width: 750px) {
    html {
        font-size: 37.5px !important;
    }
}
html,body{

    height:100%;

    overflow:auto;

    -webkit-overflow-scrolling:touch;

}
.container{
    overflow-x:hidden;
    position: relative;
    width: 100%;
    max-width: 750px;
    padding-bottom: 2rem;
    box-sizing:border-box;
    /*height: 100%;*/
    /*overflow:auto*/
}
.top{
    width: 100%;
    height: 9rem;
    position: relative;
    background-color: #FFFFFF;
}
.bg{
    width: 3rem;
    height: 3rem;
    position: absolute;
    margin-top: 2rem;
    /*background-color: #7effab;*/
    margin-left: 8rem;
}
.bg img{
    width: 100%;
    height: 100%;
}
.title{
    position: absolute;
    margin-top: 5.5rem;
    font-size: 1rem;
    margin-left: 5.5rem;
}
.text{
    color: #FF3B30;
    font-size: 0.8rem;
    margin-top: 7.2rem;
    margin-left: 3rem;
    position: absolute;
}
.open{
    width: 100%;
    margin-top: 1rem;
    height: 26rem;
    background-color: #FFFFFF;
}
.btn{
    width: 90%;
    margin: auto;
    margin-top: 1rem;
}
.select{
    margin-top: 1rem;
}
.value{
    padding-bottom: 0.5rem;
    font-size: 1rem;
    text-align: center;
}
.cen{
    padding-bottom: 0.6rem;
    background-color: #F8F8F8;
}
.cancel{
    padding-bottom: 0.5rem;
    font-size: 1rem;
    text-align: center;
}