@charset "UTF-8";

.bugleMsg .bugleMsg-title, .classifyrt .section-item ul li p, .goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-goodsBox .gtl-goodInfo-desc, .newlist li .item-main .rt .p-title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.serveGrid.nineGrid {
    height: 260px;
    margin-bottom: 12px;
    background: #fff
}

.serveTitle {
    background: #1AC6FE;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 10px
}

.goodsTypeList .gtl-tab {
    padding: 0 14.533333%;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

    .goodsTypeList .gtl-tab > a {
        position: relative;
        display: inline-block;
        color: #9e9e9e;
        height: 48px;
        line-height: 48px;
        font-size: 15px
    }

        .goodsTypeList .gtl-tab > a.active {
            color: #1AC6FE
        }

            .goodsTypeList .gtl-tab > a.active span {
                display: block;
                position: absolute;
                left: 5px;
                right: 5px;
                bottom: 8px;
                height: 2px;
                background-color: #1AC6FE
            }

    .goodsTypeList .gtl-tab .hot {
        height: 55px;
        display: block
    }

.goodsTypeList .gtl-content .gtl-list {
    display: none;
    padding: 0 10px;
    background-color: #fff
}

    .goodsTypeList .gtl-content .gtl-list.active {
        display: block
    }

    .goodsTypeList .gtl-content .gtl-list .gtl-list-ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .goodsTypeList .gtl-content .gtl-list .gtl-list-ul > li {
            position: relative;
            background: #fff;
            width: 48%
        }

        .goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-quickyBuy {
            position: absolute;
            bottom: 15px;
            right: 20px;
            width: 15px;
            height: 15px;
            background-image: url(../images/addCar.png);
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%
        }

        .goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-goodsBox {
            display: block
        }

            .goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-goodsBox img {
                width: 100%; /*border:1px solid #f1f1f1;*/
                -webkit-border-radius: 4px;
                border-radius: 4px
            }

            .goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-goodsBox .gtl-goodInfo {
                padding: 0 20px 10px
            }

            .goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-goodsBox .gtl-goodInfo-title {
                color: #222;
                font-size: 20px;
                line-height: 24px;
                margin-top: 10px
            }

            .goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-goodsBox .gtl-goodInfo-desc {
                color: #444;
                line-height: 24px;
                margin-top: 10px
            }

            .goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-goodsBox .gtl-goodInfo-cart {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between
            }

                .goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-goodsBox .gtl-goodInfo-cart .gtl-price {
                    color: #1AC6FE;
                    line-height: 28px;
                    font-size: 16px;
                    height: 28px;
                }

.goodsTypeList .gtl-content .gtl-list .gtl-list-ul .gtl-goodsBox .gtl-goodInfo-cart .gtl-price .yuanJia {
    color: #7f7f7f;
    text-decoration: line-through;
    margin-left: 10px
}

.section-item .p-list .gtl-goodsBox .gtl-goodInfo {
    padding: 0 10px;
}

.section-item .p-list .gtl-goodsBox .gtl-goodInfo-cart .gtl-price {
    color: #1AC6FE;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    padding: 4px 0 12px 0 !important;
}

    .section-item .p-list .gtl-goodsBox .gtl-goodInfo-cart .gtl-price .gtl-integral {
        padding-left: 0px;
        font-size: 13px;
        color: #FF9600;
    }

.bugleMsg {
    height: 50px;
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

    .bugleMsg .bugler {
        margin-right: 8px;
        margin-left: 15px;
        min-width: 24px;
        max-width: 24px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 24px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px
    }

    .bugleMsg .bugleMsg-title {
        font-size: 15px;
        color: #444;
        width: 100%;
        padding-right: 90px
    }

    .bugleMsg .bugle-link {
        position: absolute;
        right: 10px;
        top: 13px;
        width: 70px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        color: #222;
        font-size: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        border: 1px solid #e5e5e5;
        background: #e5e5e5
    }

.swiper-container-top {
    padding-top: 60%;
    position: relative
}

    .swiper-container-top .swiper-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

        .swiper-container-top .swiper-container .swiper-slide > img {
            height: 100%
        }

.itemContent {
    position: relative;
    height: 56px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    margin-top: -10px;
    -webkit-box-shadow: 5px 5px 10px #eaeaea;
    box-shadow: 5px 5px 10px #eaeaea;
    z-index: 99;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .itemContent > div {
        width: 60px
    }

        .itemContent > div > a {
            display: block;
            width: 17px;
            height: 17px;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            margin: 0 auto
        }

        .itemContent > div .nav1 {
            background-image: url(../images/nav-1.png)
        }

        .itemContent > div .nav2 {
            background-image: url(../images/nav-2.png)
        }

        .itemContent > div .nav3 {
            background-image: url(../images/nav-3.png)
        }

        .itemContent > div .nav4 {
            background-image: url(../images/nav-4.png)
        }

.swiper-container {
    width: 100%;
    min-height: 160px
}

.in-activity {
    padding: 15px 10px 0;
    background-color: #fff;
    margin-top: 10px
}

    .in-activity .main {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .in-activity .main .item {
            width: 48%;
            color: #222; /*border:1px solid #f1f1f1;*/
            -webkit-border-radius: 5px;
            border-radius: 5px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 2%;
            padding: 10px 0
        }

            .in-activity .main .item .lt {
                padding-left: 15px
            }

                .in-activity .main .item .lt p:nth-child(1) {
                    font-size: 15px
                }

                .in-activity .main .item .lt p:nth-child(2) {
                    font-size: 12px;
                    color: #9e9e9e
                }

            .in-activity .main .item .rt {
                width: 57px;
                height: 57px;
                margin-right: 15px
            }

                .in-activity .main .item .rt img {
                    width: 100%
                }

    .in-activity .section {
        padding: 15px 10px
    }

.classifylt {
    position: absolute;
    left: 0;
    top: 44px;
    bottom: 50px;
    width: 100px;
    z-index: 2000;
    background-color: #f7f7f7;
}

    .classifylt .section {
        height: 100%;
        line-height: 50px;
        text-align: center
    }

        .classifylt .section > div {
            padding-top: 10px;
            padding-bottom: 10px;
            height: 100%;
            overflow-y: auto;
            position: relative
        }

            .classifylt .section > div:after {
                content: "";
                /*background-color: #ddd;*/
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 1px;
                -webkit-transform-origin: 100% 50%;
                -ms-transform-origin: 100% 50%;
                -o-transform-origin: 100% 50%;
                transform-origin: 100% 50%
            }

html.dpr-2 .classifylt .section > div:after {
    -webkit-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    transform: scaleX(.5)
}

html.dpr-3 .classifylt .section > div:after {
    -webkit-transform: scaleX(.33);
    -ms-transform: scaleX(.33);
    -o-transform: scaleX(.33);
    transform: scaleX(.33)
}

.classifylt .section a {
    display: block;
    color: #666;
    height: 60px;
    line-height: 60px;
    padding: 3px 0px;
    font-size: 16px;
    font-weight: 500;
    /*-webkit-border-radius: 10px;
    border-radius: 10px*/
}

    .classifylt .section a.active {
        color: #1AC6FE;
        background-color: #fff;
    }

/*.classifylt .section a.active {
        color: #fff;
        background: #e5197e;
        background: -webkit-gradient(linear,left top,right top,from(#e5197e),to(#9a147f));
        background: -webkit-linear-gradient(left,#e5197e 0,#9a147f 100%);
        background: -o-linear-gradient(left,#e5197e 0,#9a147f 100%);
        background: linear-gradient(to right,#e5197e 0,#9a147f 100%)
    }*/

.classifyrt {
    width: 100%;
    height: -webkit-calc(100% - 44px);
    height: calc(100% - 44px);
    padding: 10px 10px 44px 110px;
    background-color: #fff;
    overflow-y: auto
}

    .classifyrt .section-item .p-title {
        padding-top: 15px;
        color: #666
    }

    .classifyrt .section-item ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .classifyrt .section-item ul li {
            width: 46%;
            margin: 2%;
            background-color: #fafafa;
            /*border-radius: 6px;*/
            overflow: hidden;
        }

            /*.classifyrt .section-item ul li a:after {
                background-color: #f7f7f7;
            }*/

            /*.classifyrt .section-item ul li:nth-child(3n) {
                margin-right: 0;
            }*/

            .classifyrt .section-item ul li img {
                width: 100%;
                aspect-ratio: 1 / 1;
            }

            .classifyrt .section-item ul li p {
                text-align: center;
                color: #999;
                padding: 3px 5px;
                font-size: 11px
            }

.search {
    height: 44px;
    background-color: #f6f6f6
}

    .search > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .search .input {
        position: relative;
        width: 80%;
        height: 29px;
        margin: 0 auto;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        text-align: center;
        overflow: hidden;
        background-color: #fff
    }

        .search .input input {
            width: 100%;
            height: 100%;
            padding: 5px;
            text-align: center;
            z-index: 99
        }

            .search .input input:focus + div {
                display: none
            }

            .search .input input:valid + div {
                display: block
            }

        .search .input div.tip {
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

            .search .input div.tip i {
                width: 14px;
                height: 14px;
                background-image: url(../images/icon-search.png);
                -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
                margin-right: 8px;
                margin-top: -2px
            }

.special-section {
    background-color: #fff;
    padding: 0 10px
}

    .special-section .p-title {
        color: #333;
        padding: 12px 0 0 0;
        font-size: 15px
    }

    .special-section .p-tip {
        color: #999
    }

        .special-section .p-tip i {
            display: inline-block;
            width: 3px;
            height: 3px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #999;
            vertical-align: middle;
            margin-top: -1px;
            margin-right: 5px
        }

    .special-section .p-time {
        color: #999;
        padding-bottom: 15px
    }

    .special-section .main {
        padding-bottom: 20px
    }

        .special-section .main img {
            max-width: 100%
        }

        .special-section .main p {
            text-indent: 2em;
            line-height: 22px;
            font-size: 14px
        }

.sharebtn {
    position: fixed;
    width: 59px;
    height: 59px;
    right: 20px;
    bottom: 70px;
    background: url(../images/sharebtn.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.maskLayer {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto
}

    .maskLayer img {
        width: 100%
    }

.newlist {
    background-color: #fff
}

    .newlist li {
        padding: 0 10px
    }

        .newlist li .item-main {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            color: #444
        }

            .newlist li .item-main .rt {
                height: 70px;
                width: 100%;
                padding-left: 10px;
                padding: 10px 10px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-flow: column;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
                -ms-flex-flow: column;
                flex-flow: column;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                position: relative
            }

                .newlist li .item-main .rt .p-tip {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                    -webkit-justify-content: space-between;
                    -moz-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    color: #999
                }

                .newlist li .item-main .rt:after {
                    content: "";
                    background-color: #ddd;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    height: 1px;
                    width: 100%;
                    -webkit-transform-origin: 50% 100%;
                    -ms-transform-origin: 50% 100%;
                    -o-transform-origin: 50% 100%;
                    transform-origin: 50% 100%
                }

html.dpr-2 .newlist li .item-main .rt:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.dpr-3 .newlist li .item-main .rt:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}