html {
    min-width: 100%;
    min-height: 100%;
}

body {
    width: 100%;
    margin: 0;
    background: url(bg.png) no-repeat;
    background-size: 100% 100%;
    font-weight: 700;
    font-family: 'Microsoft YaHei',SimHei, STZhongsong;
}

hr {
    border: 1px solid #000;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fc {
    clear: both;
}

#top {
    text-align: center;
    padding-top: 8px;
}

.info {
    border: 1px solid #000;
    border-radius: 20px;
    margin: 10px 15px;
    text-align: center;
    padding: 10px 0;
    line-height: 40px;
    font-size: 20px;
}

.resinfo {    
    margin: 10px 15px;
    text-align: center;
    padding: 10px 0;
    line-height: 36px;
    font-size: 20px;
}

.fwtxt {
    border: 1px solid #000;
    border-radius: 20px;
    margin: 20px 15px;
    padding: 10px 20px;
    line-height: 30px;
    font-size: 20px;
}

#fwm {
    width: 210px;
    color: #808080;
    border-radius: 10px;
    border: 1px solid #000;
    padding: 6px 0 6px 10px;
    font-size: 22px;
}

#btn {
    border-radius: 10px;
    /*background-image: -moz-linear-gradient(top, #fff, #bbb);*/ /* Firefox */
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #bbb));*/ /* Saf4+, Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#bbb', GradientType='0');*/ /* IE*/
    background-color: #e72b68;
    color: #fff;
    width: 100px;
    /*height: 28px;*/
    font-size: 22px;
    font-weight: bold;
    border: 1px solid #000;
    padding: 6px 0;
}

#queryres{
    margin:20px 0;
    color:#e72b68;
}

.footdiv {
    background: url(footImg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding-top: 80px;
    font-size: 14px;
}


/*响应式布局设置*/
@media only screen and (max-width:320px) {
    .infoName {
        font-size: 15px;
    }

    .infoPrice {
        font-size: 15px;
    }

    #fwm {
        width: 100%;
        padding: 6px 0 6px 3px;
        font-size: 16px;
    }

    #btn {
        width: 100%;
        font-size: 16px;
        padding: 6px 0;
    }
}
@media only screen and (min-width:320px) and (max-width:380px) {
    body {
    }

    .infoName {
        font-size: 15px;
    }

    .infoPrice {
        font-size: 15px;
    }

    #fwm {
        width: 175px;
        padding: 6px 0 6px 3px;
        font-size: 16px;
    }

    #btn {
        width: 60px;
        font-size: 16px;
        padding: 6px 0;
    }
}

@media only screen and (min-width:380px) and (max-width:420px) {
    body {
    }

    .infoName {
        font-size: 18px;
    }

    .infoPrice {
        font-size: 18px;
    }

    #fwm {
        width: 190px;
        padding: 6px 0 6px 6px;
        font-size: 18px;
    }

    #btn {
        width: 70px;
        font-size: 18px;
        padding: 6px 0;
    }
    
    .footdiv {
        padding-top: 100px;
    }
}

@media only screen and (min-width:420px) and (max-width:600px) {
    body {
    }

    .infoName {
        font-size: 20px;
    }

    .infoPrice {
        font-size: 20px;
    }

    .footdiv {
        padding-top: 140px;
    }
}

@media only screen and (min-width:600px) and (max-width:900px) {
    body {
    }

    .infoName {
        font-size: 20px;
    }

    .infoPrice {
        font-size: 20px;
    }

    .footdiv {
        padding-top: 200px;
    }
}

@media only screen and (min-width:900px) {
    .footdiv {
        padding-top: 260px;
    }
}











/*@media only screen and (max-width:310px) and (min-width:300px) {
    body {

    }
}

@media only screen and (max-width:320px) and (min-width:310px) {
    body {

    }
}

@media only screen and (max-width:360px) and (min-width:320px) {
    body {

    }
}

@media only screen and (max-width:360px) and (min-width:350px) {
    body {

    }
}

@media only screen and (max-width:480px) and (min-width:360px) {
    body {

    }
}

@media only screen and (max-width:480px) and (min-width:470px) {
    body {

    }
}

@media only screen and (max-width:560px) and (min-width:480px) {
    body {

    }
}

@media only screen and (max-width:570px) and (min-width:560px) {
    body {

    }
}

@media only screen and (max-width:640px) and (min-width:570px) {
    body {

    }
}

@media only screen and (max-width:640px) and (min-width:630px) {
    body {

    }
}

@media only screen and (max-width:640px) and (min-width:640px) {
    body {

    }
}*/