@charset "utf-8";
.body{background:#f5f5f5;}
.header{position:fixed;left:0;top:0;z-index:100;width:100%;height:40px;background:#ea4234;box-sizing:border-box;padding:5px 10px;}
.logo{width:64px;float:left;margin-top:4px;}
.search-bar{float:left;border:1px solid #eee;border-radius:3px;overflow:hidden;margin-left:10px;box-sizing:border-box;height:30px;width:-webkit-calc(100% - 73px - 30px - 10px - 10px);width:calc(100% - 73px - 30px - 10px - 10px);padding:3px 0;background:#fff;}
.search-bar .input{float:left;box-sizing:border-box;width:-webkit-calc(100% - 41px);width:calc(100% - 41px);height:20px;line-height:20px;margin-top:1px;padding:0px 10px;font-size:14px;}
.search-bar .btn{float:left;height:22px;width:40px;border-left:1px solid #eee;background:url(../image/header2.png) no-repeat center center / 20px 20px;}
.position{width:30px;height:30px;float:left;background:url(../image/header3.png) no-repeat center center / 17px 22px;margin-left:10px;}
.main{padding-top:40px;padding-bottom:68px;}
.banner{position:relative;}
.banner .hd{position:absolute;left:0px;bottom:10px;z-index:5;width:100%;height:8px;text-align:center;font-size:0;}
.banner .hd .btn{display:inline-block;width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,0.2);margin-left:5px;}
.banner .hd .btn.on{background:#ea4234;}
.banner .bd .image{display:block;width:100%;}
.nav{padding:10px 10px 0;background:#fff;}
.nav .item{float:left;width:20%;text-align:center;font-size:0;}
.nav .image{width:60%;}
.nav .name{font-size:0.6rem;padding-top:5px;}
.reg-ad{display:block;padding:10px 0 10px;background:#fff;}
.reg-ad img{display:block;width:100%;}
.main-title{height:40px;border-bottom:1px solid #eee;margin-top:15px;background:#fff;padding-right:10px;}
.main-title .image{width:77px;float:left;}
.main-title .title{height:40px;line-height:40px;padding-left:15px;font-size:1rem;position:relative;float:left;font-weight:bold;}
.main-title .title::before{content:"";width:6px;height:20px;display:block;position:absolute;left:0;top:10px;z-index:5;}
.main-title .title.blue::before{background:#38aadc;}
.main-title .title.red::before{background:#e33c45;}
.main-title .title.green::before{background:#39c3b6;}
.main-title .title.yellow::before{background:#fed732;}
.main-title .link{float:right;height:40px;line-height:40px;font-size:0.875rem;padding-right:12px;background:url(../image/title2.png) no-repeat right center / 8px 14px;color:#8f8f8f;}
.slide{overflow: auto;
-webkit-overflow-scrolling: touch;background:#fff;text-align:center;padding-bottom:10px;}
.slide .item{width:42vw;float:left;box-sizing:border-box;padding:0px 10px;position:relative;}
.slide .image{display:block;width:100%;}
.slide .row{width:100%;overflow:auto;text-overflow:ellipsis;white-space:nowrap;height:20px;line-height:20px;color:#8f8f8f;}
.slide .price{color:#ea4234;}
.slide .price .num{font-size:0.875rem;}
.slide .full{color:#8f8f8f;}
.slide .tag{position:absolute;left:10px;top:10px;width:20%;z-index:5;}
.activity{padding:5px;background:#e8443b;}
.activity .block{float:left;width:50%;}
.activity .image{display:block;width:100%;}
.goods-ad{display:block;}
.goods-ad.mg{margin-top:15px;}
.goods-ad img{display:block;width:100%;}
.mobile{background:#fff;padding:5px 0px;}
.mobile .item{width:33.33%;float:left;box-sizing:border-box;position:relative;text-align:center;font-size:0.875rem;padding-top:10px;background:#fff;}
.mobile .item::after{content:"";width:1px;height:100%;display:block;position:absolute;right:0;top:0px;z-index:5;background:#e8443b;}
.mobile .item:last-child::after{display:none;}
.mobile .tag{height:25px;line-height:25px;border-radius:3px;color:#fff;width:80px;margin:0px auto;}
.mobile .tag.blue{background:#33b7f6;}
.mobile .tag.green{background:#87ce44;}
.mobile .tag.purple{background:#f162f0;}
.mobile .name{height:25px;line-height:25px;overflow:auto;text-overflow:ellipsis;white-space:nowrap;color:#8f8f8f;}
.mobile .image{display:block;width:100%;}
.brand{overflow-y:scroll;background:#fff;text-align:center;padding:10px 0 10px 10px;}
.brand .item{width:30vw;float:left;box-sizing:border-box;padding-right:10px;position:relative;}
.brand .image{display:block;width:100%;box-sizing:border-box;border:1px solid #eee;}
.brand .name{font-size:0.875rem;color:#8f8f8f;}
.goods-list{background:#fff;}
.goods{float:left;position:relative;}
.goods::before{content:"";width:1px;height:100%;display:block;position:absolute;right:0;top:0px;z-index:5;background:#eee;}
.goods::after{content:"";width:100%;height:1px;display:block;position:absolute;bottom:0;left:0px;z-index:5;background:#eee;}
.goods .row{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.goods .name{color:#8f8f8f;font-size:0.35rem;line-height:16px;}
.goods .tag{font-weight:bold;font-size:0.875rem;}
.goods.bg{width:50%;padding:20px 0px;}
.goods.bg:nth-child(2n)::before{display:none;}
.goods.bg .detail{float:left;width:50%;height:25vw;box-sizing:border-box;padding-left:5px;position:relative;}
.goods.bg .image{float:left;width:50%;}
.goods.bg .price{font-size:0.75rem;color:#ea4234;height:20px;line-height:20px;border:1px solid #ea4234;border-radius:3px;padding:0 5px;position:absolute;left:5px;bottom:0px;z-index:5;}
.goods.sm{width:25%;text-align:center;}
.goods.sm .image{width:100%;}
.goods.sm:nth-child(n+7)::after{display:none;}
.goods.sm .tag{padding-top:10px;}
.infomation{padding:10px 10px 0px;background:#fff;}
.infomation .item{box-sizing:border-box;border:1px solid #eee;width:-webkit-calc((100% - 10px) / 2);width:calc((100% - 10px) / 2);float:left;margin-right:10px;margin-bottom:10px;}
.infomation .item:nth-child(2n){margin-right:0px;}
.infomation .image{display:block;width:100%;}
.infomation .title{line-height:20px;height:40px;overflow:hidden;padding:0px 5px;}
.recommend-title{height:40px;line-height:40px;position:relative;text-align:center;color:#999;}
.recommend-title::before{content:"";position:absolute;left:10px;top:50%;height:1px;background:#ccc;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);}
.recommend-title .title{font-size:0.4rem;width:100px;background:#f5f5f5;position:absolute;left:50%;top:0px;margin-left:-50px;z-index:10;}
.recommend-list{padding:0px 5px;text-align:center;}
.recommend-list .item{float:left;box-sizing:border-box;width:-webkit-calc((100% - 5px) / 2);width:calc((100% - 5px) / 2);background:#fff;padding-bottom:10px;margin-right:5px;margin-bottom:5px;}
.recommend-list .item:nth-child(2n){margin-right:0px;}
.recommend-list .image{display:block;width:100%;}
.recommend-list .row{padding:0px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;height:20px;}
.recommend-list .name{font-size:0.35rem;}
.recommend-list .info{color:#8f8f8f;}
.recommend-list .price{color:#ea4234;font-size:0.85rem;padding-top:5px;}
.footer{position:fixed;left:0;bottom:0;width:100%;height:45px;z-index:100;padding-top:5px;background:#fff;text-align:center;font-size:0.3rem;line-height:15px;border-top:1px solid #eee;}
.footer .item{float:left;width:24.33%;color:#999;}
.footer .item.on{color:#ea4234;}
.footer .icon{width:20px;height:20px;display:block;margin:0 auto;background:url(../image/cart.png?v=1) no-repeat center center/20px 20px;}
.footer .icon.index{background:url(../image/footer1.png) no-repeat center center / 20px 20px;}
.footer .icon.sort{background:url(../image/footer2.png) no-repeat center center / 20px 20px;}
.footer .icon.mine{background:url(../image/footer3.png) no-repeat center center / 20px 20px;}
.footer .item.on .icon.index{background:url(../image/footer4.png) no-repeat center center / 20px 20px;}
.footer .item.on .icon.sort{background:url(../image/footer5.png) no-repeat center center / 20px 20px;}
.footer .item.on .icon.mine{background:url(../image/footer6.png) no-repeat center center / 20px 20px;}
.footer .name{padding-top:5px;}
.newgoods{background:#000;padding:5px 5px 0;}
.newgoods .item{float:left;-webkit-width:calc((100% - 5px) / 2);width:calc((100% - 5px) / 2);background:#fff;margin-right:5px;margin-bottom:5px; position:relative;}
.newgoods .item:nth-child(2n){margin-right:0;}
.newgoods .row{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;text-align:center;}
.newgoods .title{font-size:16px;font-weight:bold;padding-top:5px;font-size:16px;}
.newgoods .image{width:100%;}
.newgoods .name{color:#6f6f6f;}
.newgoods .info{height:40px;line-height:20px;overflow:hidden;padding:0 5px;}
.newgoods .price{font-size:16px;color:#ea4234;float:left;}
.newgoods .full{float:right;}
.album,.album img{width:100%;display:block;}
.limit{background:#e8443b;padding:5px 5px 0;}
.limit .item{float:left;-webkit-width:calc((100% - 5px) / 2);width:calc((100% - 5px) / 2);background:#fff;margin-right:5px;margin-bottom:5px; position:relative;}
.limit .item:nth-child(2n){margin-right:0;}
.limit .time{background:url(../image/goodsIcon1.png) no-repeat left center / 20px 20px;height:20px;text-align:center;padding:10px 0;padding-left:20px;width:132px;margin:0 auto;}
.limit .time .num{float:left;height:18px;line-height:18px;width:22px;font-weight:bold;font-size:14px;}
.limit .image{width:90%;margin:0 auto;display:block;}
.limit .name{padding:0 5px;height:40px;line-height:20px;overflow:hidden;font-size:14px;}
.limit .price{font-size:16px;color:#ea4234;float:left;}
.limit .full{float:right;}
.limit .tag{position:absolute;left:15px;bottom:80px;z-index:5;width:20%;}
.sales{background:#e8443b;padding:5px 5px 0;}
.sales .item{float:left;-webkit-width:calc((100% - 5px) / 2);width:calc((100% - 5px) / 2);background:#fff;margin-right:5px;margin-bottom:5px; position:relative;}
.sales .item:nth-child(2n){margin-right:0;}
.sales .row{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;text-align:center;}
.sales .title{font-size:16px;font-weight:bold;padding-top:5px;font-size:16px;}
.sales .name{color:#6f6f6f;}
.sales .image{width:90%;margin:0 auto;display:block;}
.newbrand{background:#fff;padding:5px 5px 0;}
.newbrand .item{float:left;-webkit-width:calc((100% - 5px) / 2);width:calc((100% - 5px) / 2);margin-right:5px;margin-bottom:5px;}
.newbrand .item:nth-child(2n){margin-right:0;}
.newbrand .item img{width:100%;display:block;}
.newphone{background:#fff;padding:5px;}
.newphone .item{float:left;-webkit-width:calc((100% - 1px) / 2);width:calc((100% - 1px) / 2);border-right:1px solid #eee;border-bottom:1px solid #eee;}
.newphone .item:nth-child(2n){border-right:0;}
.newphone .item:nth-child(n+5){border-bottom:0;}
.newphone .item img{width:100%;display:block;}
.newacc{background:#fff;padding:5px;}
.newacc .item{float:left;-webkit-width:calc((100% - 1px) / 2);width:calc((100% - 1px) / 2);border-right:1px solid #eee;border-bottom:1px solid #eee;}
.newacc .item:nth-child(2n){border-right:0;}
.newacc .item:nth-child(n+3){border-bottom:0;}
.newacc .item img{width:100%;display:block;}
    .newgoods .imglab {
        position: absolute;
    display: block;
    width: 53px;
    height: 53px;
    z-index: 3;
    top: 158px;
    right: 7px;
    }
/*��������ʽ*/
.search-layout-box {
    height: 100%;
    /*background: #f8f8f8;*/
    padding: 15px 0;
}

.search01 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 15px;
}

.search03 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav-go {
    border: 6px solid #999;
    border-width: 2px 0 0 2px;
    -webkit-transform: rotate(-45deg);
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -16px;
}

.search-box {
    position: relative;
    width: 75%;
    margin-left: 8%;
}

    .search-box .close-btn {
        display: none;
        position: absolute;
        right: 0.1rem;
        top: 50%;
        width: 0.3rem;
        height: 0.3rem;
        margin-top: -0.15rem;
        background: url(/images/img_index/close_btn.png) no-repeat center center;
        background-size: cover;
    }

    .search-box input {
        text-indent: 2.4em;
        width: 100%;
        height: 1.9rem;
        border: 1px solid #aaa;
        border-radius: 4px;
        background: #fff url(/images/img_index/search_icon.png) no-repeat 10px center;
        background-size: 6%;
        font-size:0.4rem;
    }

.search-btn {
    width: 17%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #666666;
    font-size: 1.2em;
}

.search02 {
    padding-top: 0.2rem;
}

    .search02 h4 {
        color: #666;
        margin-left: 15px;
        font-size: 18px;
        font-weight: normal;
    }

.search02-box1 li {
    margin-left: 15px;
    margin-top: 10px;
}

    .search02-box1 li a {
        padding: 0 8px;
        color: #333;
        border: 1px solid #aaa;
        height: 30px;
        line-height: 30px;
        background: #fff;
        border-radius: 3px;
        text-align: center;
        min-width: 50px;
    }


.search02-box2 {
    margin-top: 20px;
}

    .search02-box2 ul {
        padding-top: 15px;
    }

    .search02-box2 li {
        padding-left: 7%;
        width: 90%;
    }

        .search02-box2 li a {
            color: #333;
            width: 100%;
            height: 35px;
            line-height: 35px;
            background: #fff;
            font-size: 1.2em;
        }

    .search02-box2 p {
        padding: 0.2rem 0;
        font-size: 1.2em;
        width: 100%;
        text-align: center;
    }

.search03 {
    display: none;
    padding-top: 13px;
}

    .search03 li {
        text-indent: 2em;
        font-size: 1.2em;
        height: 0.8rem;
        line-height: 0.8rem;
    }
.search03 li {
    text-indent: 2em;
    font-size: 1.2em;
    height: 46px;
    line-height: 0.8rem;
}

/* �ͷ���������ʽ */
/*
**���¼ܹ�M�棬����APP��΢�š��ֻ�������Լ�ȫ����ɫ
*/


.kefu-show h2 {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
}

.kefu-show .close {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #ff0000;
}

.kefu-show a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

    .kefu-show a i {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: 100%;
        vertical-align: middle;
        margin-right: 8px;
    }

        .kefu-show a i.phone {
            background-image: url(/images/img_index/service_phone.png);
        }

        .kefu-show a i.wx {
            background-image: url(/images/img_index/iconfont-kefu.png);
        }

        .kefu-show a i.qq {
            background-image: url(/images/img_index/iconfont-kefu.png);
        }

.border_bottom {
    border-bottom: solid 1px #dadada;
    -webkit-border-image: url(/images/border.gif) 2 0 round;
    border-image: url(/images/border.gif) 2 0 round;
    border-width: 0 0 1px 0;
}

.layermbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 19891014;
}
/*.layermbox *{margin:0; bottom:0;}*/
.layermanim {
    transition: all .18s;
    -webkit-transition: all .18s;
}

.laymshade,
.layermmain {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.laymshade {
    background-color: rgba(0,0,0, .5);
    pointer-events: auto;
}

.layermmain {
    display: table;
    font-family: Helvetica, arial, sans-serif;
    pointer-events: none;
}

    .layermmain .section {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

.layermchild {
    position: relative;
    display: inline-block;
    text-align: left;
    background-color: #fff;
    font-size: 14px;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    pointer-events: auto;
}

.layermborder {
    border: 1px solid #999;
}

.layermshow .layermchild {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.layermbox0 .layermchild {
    max-width: 260px;
    min-width: 150px;
}

.layermbox1 .layermchild {
    border: none;
    border-radius: 0;
}

.layermbox2 .layermchild {
    width: auto;
    max-width: 260px;
    min-width: 40px;
    border: none;
    background-color: rgba(0,0,0,.6);
    color: #fff;
}

.layermchild h3 {
    padding: 0 45px 0 10px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #EBEBEB;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #EBEBEB;
}

.layermchild h3,
.layermbtn span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.layermcont {
    padding: 20px 15px;
    line-height: 22px;
    border-radius: 5px;
}

.layermbox1 .layermcont {
    padding: 0;
}

.layermbox2 .layermcont, .loading_bottom {
    text-align: center;
    padding: 30px 30px 0;
    line-height: 0;
}

    .layermbox2 .layermcont i, .loading_bottom i {
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 8px;
        display: inline-block;
        background-color: #fff;
        border-radius: 100%;
    }

    .layermbox2 .layermcont i, .loading_bottom i {
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }




    .advert {
    height: 30px;
    padding: 5px 10px;
    background: #2c2c2c;
}

    .advert .close {
        width: 30px;
        height: 30px;
        display: block;
        background: url(http://img.dixintong.com/InUpImg/20190318m/icon3.png) no-repeat center center;
        background-size: 12px 12px;
        float: left;
    }

    .advert .tips {
        width: -webkit-calc(100% - 110px);
        width: calc(100% - 110px);
        float: left;
        color: #fff;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        padding: 0px 10px;
    }

    .advert .btn {
        width: 60px;
        height: 30px;
        line-height: 30px;
        display: block;
        float: left;
        background: #ea4234;
        border-radius: 3px;
        text-align: center;
        color: #fff;
        font-size: 14px;
    }