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;
    background-color: #FFFFFF;

}
.container{
    overflow-x:hidden;
    position: relative;
    width: 100%;
    max-width: 750px;
    padding-bottom: 2rem;
    box-sizing:border-box;
    /*height: 100%;*/
    /*overflow:auto*/
}
.top{
    position: relative;
    width: 100%;
    height: 2.5rem;
}
.select{
    position: absolute;
    font-size: 0.9rem;
    margin-top: -2.1rem;
    margin-left: 5rem;
}

.content{
    padding-bottom: 1rem;
    /*background-color: #2ca0ff;*/
}
.none{
    margin-top: 10rem;
}
.none1{
    width: 7rem;
    height: 7rem;
    margin-left: 7rem;
    /*background-color: #6899F8;*/
}
.none1 img{
    width: 100%;
    height: 100%;
}
.none2{
    margin-top: 0.8rem;
    font-size: 1rem;
    color: #515151;
    text-align: center;
}
.details{
    width: 100%;
    /*margin: auto;*/
    /*background-color: #CFECFF;*/
}
.group{
    width: 100%;
    padding-bottom: 0.2rem;
    margin-top: 0.2rem;
    background-color: #aaaaaa;
}