html,body{background-color:#f5f6f8;}

i{display:block;background:no-repeat center;background-size:contain;}

/* con01 */
header{position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:501;padding:.16rem .23rem 0;width:100%;min-width:320px;max-width:750px;background-color:#f5f6f8;}
header nav .nav{display:block;width:.4rem;height:.4rem;background:url(../images/icon01@2x.png) no-repeat center;background-size:contain;margin-right:.13rem;}
header nav li{font-size:.3rem;color:#5d5e65;text-align:center;padding:0 .16rem;margin:0 .1rem;height:.7rem;line-height:.7rem;position:relative;font-weight:500;}
header nav li.on{color:#12141e;font-weight:bold;}
header nav li.on::after,header nav li.icon::before{content:'';position:absolute;left:0;bottom:0;right:0;margin:0 auto;width:.46rem;height:.04rem;background-color:#12141e;}
header nav li.icon::before{top:.1rem;right:0;bottom:auto;left:auto;width:.16rem;height:.16rem;border-radius:50%;background-color:#e9445a;}
header nav li[data-type]::before{content:attr(data-type);position:absolute;height:.3rem;padding:0 .08rem;max-width:100%;top:0;right:-.2rem;background-color:#e9445a;border-radius:.15rem;font-size:.18rem;color:#fff;text-align:center;line-height:.3rem;overflow: hidden;}

header .search{padding:.15rem 0;}
header .search >div{border:.03rem solid #e8455c;border-radius:.2rem;padding:0 .05rem 0 .6rem;background: #fff url(../images/icon06@2x.png) no-repeat left .2rem center;background-size:.24rem .24rem;height:.68rem;}
header .search input{font-size:.24rem;color:#1b1d27;height:100%;}
/*header .search .icon-hot:before{content:'';width:.3rem;height:.3rem;background:url(../images/icon02@2x.png) no-repeat center;background-size:contain;margin-left:.08rem;display: inline-flex;}*/
header .search i.phone{width:.4rem;height:.4rem;background-image:url(../images/icon07@2x.png);margin-left:.16rem;}
    header .search i.shop {
        width: .44rem;
        height: .44rem;
        background-image: url(../images/icon08@2x.png);
        margin-left: .18rem;
        position: relative;
    }

header .search i.shop::after{content:attr(data-num);position:absolute;top:-.1rem;right:-.1rem;bottom:auto;left:auto;width:.28rem;height:.28rem;border-radius:50%;background-color:#fff;font-size:.14rem;color:#00020d;text-align:center;line-height:calc(.28rem - 2px);border:1px solid #d5d6d8;box-sizing: border-box;font-style:normal;}
header .search button{display:block;width:.98rem;height:.52rem;border-radius:.1rem;background-color:#ea4e58;font-size:.26rem;color:#fff;text-align: center; line-height:.52rem;margin-left:.22rem;}
/* con01 */

/* con02 */
/*.con02 {
    padding: 1.7rem .23rem 0;
}*/
.con02 {
    padding: 1.1987rem .23rem 0;
}
.con02 >div{background-color:#fff; border-radius:.2rem; padding:.23rem .1rem .27rem;font-size:.2rem;color:#0b0c17;text-align:center;line-height:.24rem;overflow:auto; width:100%;box-shadow:0 0 .05rem .02rem rgba(0,0,0,.02);}
.con02 ul{width:auto;}
.con02 li{width:1.38rem;}
.con02 li::before{display:block;width:.5rem;height:.5rem;background:url(../images/icon09@2x.png) no-repeat center;background-size:contain;content:'';margin:0 auto .12rem;}
.con02 li p{height:.24rem;}
/* con02 */

    .con02 .pig::before {
        display: block;
        width: .5rem;
        height: .5rem;
        background: url(../images/pig.png) no-repeat center;
        background-size: contain;
        content: '';
        margin: 0 auto .12rem;
    }
    .con02 .che::before {
        display: block;
        width: .5rem;
        height: .5rem;
        background: url(../images/che.png) no-repeat center;
        background-size: contain;
        content: '';
        margin: 0 auto .12rem;
    }
    .con02 .fuli::before {
        display: block;
        width: .5rem;
        height: .5rem;
        background: url(../images/fuli.png) no-repeat center;
        background-size: contain;
        content: '';
        margin: 0 auto .12rem;
    }
    .con02 .dizhi::before {
        display: block;
        width: .5rem;
        height: .5rem;
        background: url(../images/dizhi.png) no-repeat center;
        background-size: contain;
        content: '';
        margin: 0 auto .12rem;
    }
    .con02 .jimai::before {
        display: block;
        width: .5rem;
        height: .5rem;
        background: url(../images/jimai.png) no-repeat center;
        background-size: contain;
        content: '';
        margin: 0 auto .12rem;
    }
    .con02 .jck::before {
        display: block;
        width: .8rem;
        height: .8rem;
        background: url(/images/jck.png) no-repeat center;
        background-size: contain;
        content: '';
        margin: 0 auto .12rem;
        color:#e9445a;font-weight:bold;
    }

.fulili .Add {
    width: .44rem;
    height: .44rem;
    background-image: url(../images/add.png);
    background-size: cover;
    right: .1rem;
    bottom: .351rem;
    position: relative;
    z-index: 100;
    float: right;
}
/* con03 */
.con03{padding:.16rem .23rem 0;}
.con03 >div{background-color:#fff; border-radius:.1rem;padding:0 .22rem .14rem;}
.con03 .title{margin-left:-.1rem;height:.58rem;}
.con03 .title h3{font-size:.26rem;color:#11131d;line-height:.3rem;height:.3rem;}
.con03 .title div{padding:0 .08rem;background-color:#ea4e58;border-radius:.1rem 0;margin-left:.1rem;height:.28rem;line-height:.28rem;font-size:.18rem;text-align:center;font-weight:500;color:#fff;}
.con03 .title p{font-size:.2rem;color:#6b6d73;text-align:right;padding:0 .1rem;}
.con03 .title i{background-image:url(../images/icon19@2x.png);width:.2rem;height:.2rem;}
.con03 ul{margin-top:-.14rem;}
.con03 li{width:calc(100% / 4);margin-top:.14rem;}
.con03 li .img{width:1.3rem;height:1.3rem;background:no-repeat center;background-size:contain;position:relative;margin:0 auto;}
.con03 li .img span{position:absolute;left:0;right:0;bottom:-.1rem;background-color:#fcf1f3;padding:0 .08rem;height:.26rem;font-size:.18rem;color:#e62936;text-align:center;line-height:.26rem;border-radius:.1rem;font-weight:500;}
.con03 li .money{font-size:.14rem;color:#4c4c4c;text-align:center;font-weight:bold;margin-top:.18rem;height:.26rem;line-height:.16rem;}
.con03 li .money p{font-size:.22rem;margin-left:.02rem;line-height:1;}
/* con03 */

/* con04 */
.con04{padding:.16rem .23rem 0;}
.con04 >div{background-color:#fff; border-radius:.1rem;padding:0 .22rem .08rem;position:relative;}
.con04 >div:before{content:'';width:.02rem;height:100%;background-color:#f5f6f8;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;}
.con04 .title{margin-left:-.1rem;height:.58rem;}
.con04 .title h3{font-size:.26rem;color:#11131d;line-height:.3rem;height:.3rem;}
.con04 .title >div{padding:0 .08rem;background-color:#ea4e58;border-radius:.1rem 0;margin-left:.1rem;height:.28rem;line-height:.28rem;font-size:.18rem;text-align:center;font-weight:500;color:#fff;}
.con04 ul{padding-left:.08rem;margin-top:-.08rem;}
.con04 li{width:calc(100% / 4 - .02rem);position:relative;text-align:center;}
.con04 li:nth-of-type(2){margin-right:.01rem;}
.con04 li:nth-of-type(3){margin-left:.01rem;}
.con04 li .img{width:1.3rem;height:1.3rem;background:no-repeat center;background-size:contain;margin:0 auto;}
/*.con04 li .img span{position:absolute;left:0;right:0;bottom:-.1rem;background-color:#fcf1f3;padding:0 .08rem;height:.26rem;font-size:.18rem;color:#e62936;text-align:center;line-height:.26rem;border-radius:.1rem;font-weight:500;}*/
.con04 li .p{font-size:.2rem;color:#fff;text-align:center;font-weight:500;width:auto;height:.28rem;border-radius:.05rem;margin:-.28rem auto 0;background-color:#ea4e58;line-height:.28rem;padding:0 .08rem;position:relative;z-index:10;max-width:1.36rem;max-height:.28rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.con04 li h3{position:absolute;top:-.36rem;left:0;right:0;width:100%;text-align:center;font-size:.26rem;line-height:.3rem;height:.3rem;}
.con04 li span{font-size:.18rem;text-align:center;line-height:.28rem;height:.28rem;background-color:#f5f5f5;border-radius:.05rem;padding:0 .06rem;max-width:100%;position:absolute;left:.02rem;bottom:0;font-weight:500;}
.con04 li span font{font-size:.12rem;}
/* con04 */

/* con05 */
.con05{padding:.2rem 0 .86rem;}
.con05 .nav{width:100%;overflow: auto;padding-left:.08rem;}
.con05 .nav ul{width:auto;}
.con05 .nav li{font-size:.28rem;color:#61626a;text-align:center;padding:0 .2rem;margin:0 .04rem;line-height:.52rem;height:.52rem;font-weight:500;}
.con05 .nav li.on{position:relative;font-weight:bold;color:#151721;}
.con05 .nav li.on:after{content:'';width:.36rem;height:.04rem;border-radius:.02rem;background-color:#ea4853;margin:0 auto;position:absolute;left:0;right:0;bottom:0;}
.con05 .list{padding:0 .24rem;}
    .con05 .list li {
        margin-top: .16rem;
        background-color: #fff;
        border-radius: .1rem;
        box-shadow: 0 0 .05rem .02rem rgba(0,0,0,.02);
        overflow: hidden;
        width: 3.43rem;
        padding-bottom: .2rem;
    }
    .con05 .list .fulili {
        margin-top: .16rem;
        background-color: #fff;
        border-radius: .1rem;
        box-shadow: 0 0 .05rem .02rem rgba(0,0,0,.02);
        overflow: hidden;
        width: 3.43rem;
        padding-bottom: .02rem;
    }
.con05 .list li .img{width:3.43rem;height:3.43rem;background:no-repeat center;background-size:contain;position:relative;margin:0 auto;}
.con05 .list li p{font-size:.26rem;line-height:.3rem;text-align:justify;max-height:.6rem;min-height:.3rem;padding:0 .2rem;margin-top:.14rem;font-weight:500;}
.con05 .list li .data{font-size:.2rem;color:#e83b50;height:.3rem;font-weight:500;margin-top:.18rem;padding:0 .2rem;}
.con05 .list li .data strong{font-size:.26rem;}
.con05 .list li .data font{margin-left:.1rem;color:#c1c2c5;}
.con05 .list li .label{border:1px solid #e83b50; border-radius:.05rem;font-size:.18rem;color:#e83b50;text-align:center; line-height:calc(.26rem + 2px);height:calc(.26rem + 2px);width:auto;margin:.13rem .2rem 0; display:inline-flex;}
.con05 .list li .label font{padding:0 .1rem;}

.con05 .list li .label .sty01{padding:0 .1rem;border-right:1px dashed #e83b50;}
.con05 .list li .label .sty02{padding:0 .1rem;background-color:#ea4e58;color:#fff;}
/* con05 */
#kefu{
margin-bottom:0.5rem;
}
#kefu div{padding-left:0.5rem; font-size:0.27rem;
margin-bottom:0.15rem;
line-height:0.3rem;

}
#kefu div img{
width:50%; margin-left:20%
}
/* footer */
footer{background-color:#fff;border-top:1px solid #eaebec;position:fixed;z-index:501;bottom:0;left:0;right:0;margin:0 auto;width:100%;min-width:320px;max-width:750px;padding:0 .24rem;}
footer li{padding:0 .2rem;font-size:.28rem;text-align:center;line-height:.32rem;color:#67686f;min-width:1.1rem;font-weight:500;}
footer li.on{color:#000;font-weight:bold;}
footer li i{width:.7rem;height:.7rem;background-image:url(../images/icon03@2x.png);}
/* footer */