@charset "utf-8";
.clear {
    clear: both;
    float: none;
    overflow: hidden;
    height: 0;
}
/*设置页面字体rem为单位*/

html {
    font-size: 62.5%;

}

@media only screen and (min-width: 320px) {
    html {
        font-size: 53.3%;
    }
}

@media only screen and (min-width: 375px) {
    html {
       font-size: 62.5% ;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 69% ;
    }
}
@media only screen and (min-width: 600px) {
    html {
        font-size: 100% ;
    }
}
@media only screen and (min-width: 800px) {
    html {
        font-size: 133.3% ;
    }
}
#content{overflow: hidden}
.kv img{width: 100%;vertical-align: top}
.hg-detail-c{margin:3% 3% 6% 3%}
.hg-list-box{border-bottom: 1px dashed #7f7f7f;padding:4% 0 4% 0}
.hg-list-left{width: 48%;display:inline-block;*display:inline; *zoom:1;vertical-align: middle;}
.hg-list-left img{width: 100%}
.hg-list-left a,.hg-list-right a{display: block}
.hg-list-right{width: 47%;display:inline-block;  *display:inline;  *zoom:1;vertical-align: middle;margin-left: 2%}
.hg-list-title{font-size: 1.6rem;color: #000000}
.hg-list-c{color: #634822;font-size: 1.3rem;    padding: 3% 0 2% 0;line-height: 1.2}
.hg-list-price{color: #282828;font-size: 1.3rem}
.price-past{color: #929292;text-decoration: line-through;}
.price-now{font-size: 2rem;color: #d71625;font-weight: 800; margin: 0 0.3rem 0 1rem;}
.btn-list-box{padding:0 0 6% 0 }
.btn-list-box li{width: 35%;float: left}
.btn-list-box a{display: block}
.btn-list-box li img{width: 100%}
.btn-jj{margin: 0 10%}