@charset "utf-8";

/*----重置css----*/
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input { margin:0; padding:0; border:0; font-weight: normal; font-family: "PingFang SC"; box-sizing: border-box; }
body { font-size:32px; font-size:.32rem; max-width:1080px; margin:0 auto; font-family:"PingFang SC",Helvetica,Arial,sans-serif; -webkit-tap-highlight-color:rgba(0,0,0,0);font-weight: 400;}
html,body { font-family: "PingFang SC"; background: #F8F8F8; }
a { color: #666666; }
span ,p,button{ font-family:"PingFang SC" }
a,a:active,a:hover,a:focus,a:visited { text-decoration:none }
a,img { -webkit-touch-callout:none }
ol,ul,li {list-style:none}
select,input,button {border: none;border-radius: initial; padding: 0; margin: 0; background: none; }
textarea,input[type="password"],input[type="text"],input[type="button"] { resize:none; outline:0; -webkit-appearance:none; white-space:pre-wrap; word-wrap:break-word; border-radius: inherit; }
.clearfix:after { display:block; clear:both; content:""; visibility:hidden; height:0 }
body { width:6.4rem; -webkit-text-size-adjust: 100%!important; }
.content { width:6.4rem; margin:auto; overflow:hidden; background: #F8F8F8; }
/* ----footer---- */
/* header */
header p{position: fixed; width: 6.4rem;z-index: 99;background:#fff;height: .85rem;padding-left: .27rem;padding-right: .44rem; line-height: .85rem;text-align: center;font-size:.29rem;font-weight:bold;color: #333;}
header p .back{width:.17rem;height:.31rem;float: left;margin-top: .27rem;}
footer { position: fixed; bottom: 0; width: 6.4rem; height: 1.13rem; z-index: 9; }
footer .foot { height: 1.21rem; width: 100%; background: url('../image/footer-bg.png') no-repeat bottom; background-size: 100%; position: relative; }
footer .foot a {text-align: center; float: left; display: inline-block; width: 20%; height: 100%;}
footer .foot a span { float: left; display: inline-block; width: 100%; font-size: 0.19rem; color: #999999; text-align: center; }
footer .foot a span:first-child { height: 0.47rem; margin-top: 0.35rem; }
footer .foot a span:last-child { height: 0.28rem;}
footer .foot a.cur span { color: #333; }
footer .foot a.add span{height: .75rem !important;margin-top: -.03rem;color: #CA3536;}
footer .home span:first-child { background: url('../image/home_on.svg')no-repeat center; background-size: 0.35rem;}
footer .follow span:first-child { background: url('../image/shop.svg')no-repeat center; background-size: 0.35rem;}
footer .add span:first-child { background: url('../image/service.svg')no-repeat center; background-size: 0.8rem;}
footer .info span:first-child { background: url('../image/message.svg')no-repeat center; background-size: 0.35rem;}
footer .mine span:first-child { background: url('../image/personal.svg')no-repeat center; background-size: 0.35rem; }

footer .home.cur span:first-child { background: url('../image/home.svg')no-repeat center; background-size: 0.35rem;}
footer .follow.cur span:first-child { background: url('../image/footer-follow-on.svg')no-repeat center; background-size: 0.35rem;}
footer .info.cur span:first-child { background: url('../image/footer-info-on.svg')no-repeat center; background-size: 0.35rem;}
footer .mine.cur span:first-child { background: url('../image/footer-mine-on.svg')no-repeat center; background-size: 0.35rem; }
footer .foot a.add span.bg{
    margin-top: .1rem;margin-bottom: 0;
}

.new_footer {
    position: relative;
}

.new_footer img {
    height: .38rem;
}

.new_footer .van-tabbar {
    height: .85rem;
}

.new_footer .con {
    text-align: center;
}

.new_footer .icon {
    width: .38rem;
    height: .38rem;
    margin: 0 auto;
    display: block;
    background: url('../image/change/footer_sy.svg') no-repeat center;
    background-size: .38rem .38rem;
    border-radius: 50%;
    margin-top: -.05rem;
}

.new_footer .name {
    text-align: center;
    margin-top: .06rem;
}

.new_footer .van-tabbar-item {
    font-size: .19rem;
    color: #484040;
    line-height: inherit;
}

.new_footer .van-tabbar-item--active .icon {
    width: .51rem;
    height: .51rem;
    background: url('../image/change/footer_sy_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
    margin-top: -.12rem;
}
.new_footer .van-tabbar-item--active .name{
    margin-top: 0;
}
.new_footer .van-info{
    right: -.3rem;
}

.new_footer .van-tabbar-item--active {
    color: #F65848;
}
.new_footer .circle{
    background: url('../image/change/footer_qz.svg') no-repeat center;
    background-size: .38rem .38rem;
}
.new_footer .van-tabbar-item--active .circle{
    background: url('../image/change/footer_qz_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
}
.new_footer .service{
    background: url('../image/change/footer_fwdt.svg') no-repeat center;
    background-size: .38rem .38rem;
}
.new_footer .van-tabbar-item--active .service{
    background: url('../image/change/footer_fwdt_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
    background-position-x: 54%;
}
.new_footer .mess{
    background: url('../image/change/footer_xx.svg') no-repeat center;
    background-size: .38rem .38rem;
}
.new_footer .van-tabbar-item--active .mess{
    background: url('../image/change/footer_xx_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
    background-position-x: 40%;
}
.new_footer .mine{
    background: url('../image/change/footer_wd.svg') no-repeat center;
    background-size: .38rem .38rem;
}
.footer .van-tabbar-item--active .mine{
    background: url('../image/change/footer_wd_in.svg') no-repeat center #F65848;
    background-size: .38rem .38rem;
}