﻿.category-item, .filter-show, .nav-box, .p-item, .pl-img-box, .pl-name, .search-box, .search-btn
{
    overflow: hidden;
}

    .category-item-name, .filter-item, .keyword-clear, .nav-box li, .pager
    {
        text-align: center;
    }

.selection
{
    padding-top: 4.1rem;
}

.category-wrap, .search-result
{
    padding-top: 2.1rem;
}

.goods-list, .search-result
{
    background-color: #f3f2f1;
}

.goods-list
{
    position: relative;
}

.logo-word
{
    margin-left: .95rem;
    float: left;
}

.nav-wrap
{
    height: 2rem;
    background-color: #fff;
    position: fixed;
    width: 100%;
    top: 2.1rem;
    border-bottom: solid 1px #e5e5eb;
    z-index: 2;
}

.nav-box
{
    height: 2rem;
}

    .nav-box li
    {
        float: left;
        padding: .15rem .5rem;
        font-size: .7rem;
    }

    .nav-box a
    {
        color: #a3a3a2;
        height: 1.7rem;
        line-height: 1.7rem;
        padding: 0 .15rem;
        display: inline-block;
    }

    .nav-box .selected a
    {
        color: #d22929;
        border-bottom: solid 2px #d22929;
    }

.category-filter, .category-list, .no-results, .pager
{
    border-bottom: solid 1px #e5e5e5;
}

.search-wrap
{
    padding: 1rem .5rem;
    background-color: #f3f2f1;
}

.search-box
{
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    background-color: #f8f8f8;
}

.category-title i, .keyword-clear
{
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.search-keyword
{
    -webkit-appearance: none;
    background-color: #fff;
    height: 1.25rem;
    width: 12.4rem;
    line-height: 1.05rem;
    padding: .1rem .5rem;
    color: #444;
    font-size: .7rem;
    border: 0;
    border-right: solid 1px #e5e5e5;
}

.filter-type, .p-item
{
    border-right: solid 1px #e5e5eb;
}

.keyword-clear
{
    position: absolute;
    width: .9rem;
    height: .9rem;
    padding: .05rem .1rem;
    top: .3rem;
    right: 1.85rem;
    background-color: #ddd;
    color: #fdfdfd;
    line-height: .9rem;
}

    .keyword-clear .ficon-close
    {
        font-size: .6rem;
    }

.search-btn
{
    display: block;
    width: 1.55rem;
    height: 1.375rem;
    background: url(../images/search-btn.png).4rem center no-repeat;
    -webkit-background-size: .75rem .75rem;
    background-size: .75rem .75rem;
    position: absolute;
    right: 0;
    top: .025rem;
    z-index: 2;
    text-indent: -999px;
}

.category-filter
{
    background-color: #fff;
    position: relative;
    z-index: 1;
}

    .category-filter i
    {
        display: inline-block;
        width: .4rem;
        height: .4rem;
        background-color: #fff;
        border-left: solid 1px #333;
        border-top: solid 1px #333;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin-top: -.2rem;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
    }

    .category-filter span
    {
        display: inline-block;
        padding-right: .3rem;
    }

    .category-filter .active
    {
        background-color: #f3f3f2;
    }

        .category-filter .active i
        {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            background-color: #f3f3f2;
            margin-top: .15rem;
        }

.filter-show
{
    position: fixed;
    left: 0;
    top: 0;
}

.filter-sort, .filter-type
{
    float: left;
    width: 8rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    font-size: .65rem;
    color: #000;
}

.category-options
{
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 1.775rem;
    left: 0;
}

.filter-options
{
    background-color: #fff;
    padding: .25rem 0 1.25rem .75rem;
    display: none;
    border-bottom: solid 1px #333;
}

    .filter-options .selected
    {
        background-color: #f3f3f2;
        border-bottom: solid 1px #e5e5eb;
    }

.filter-item
{
    width: 4.5rem;
    border: 1px solid #e5e5eb;
    padding: .35rem .4rem;
    color: #a3a3a2;
    float: left;
    margin: .5rem .5rem 0 0;
    background-color: #fff;
}

.filter-options .active
{
    background-color: #f3f3f2;
}

.shade
{
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .7;
    top: 0;
    left: 0;
    display: none;
}

.filter-show .shade, .p-item a
{
    display: block;
}

.p-list
{
    border-top: solid 1px #e5e5eb;
    margin-top: .4rem;
    background-color: #fff;
}

.p-item
{
    width: 8rem;
    height: 9.9rem;
    padding: .65rem .65rem .5rem;
    border-bottom: solid 1px #e5e5eb;
    float: left;
}

    .p-item a
    {
        color: #383c3c;
    }

.p-list .even
{
    border-right: 0;
}

.pl-name
{
    height: 1.15rem;
    line-height: .85rem;
    padding-top: .3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pl-price
{
    color: #ff3933;
    font-size: .75rem;
}

.pl-volume
{
    color: #a3a3a2;
    font-size: .5rem;
    padding-top: .15rem;
    float: right;
}

.category-item a, .pager-next, .pager-prev
{
    display: block;
    color: #333;
}

.pl-img-box
{
    width: 6.65rem;
    height: 6.65rem;
    background-color: #F3F3F2;
}

.category-title
{
    height: 2.5rem;
    line-height: 2rem;
    padding: .25rem .45rem;
    font-size: .8rem;
    border-top: solid 1px #e5e5e5;
}

    .category-title i
    {
        display: inline-block;
        width: .3rem;
        height: .3rem;
        background-color: #d22929;
        float: left;
        margin: .825rem .4rem 0 0;
    }

    .category-title span
    {
        display: block;
        width: .5rem;
        height: .5rem;
        background-color: #fff;
        border-left: solid 1px #9f9f9f;
        border-top: solid 1px #9f9f9f;
        float: right;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin: .6rem 1rem 0 0;
    }

.category-list .selected span
{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.category-box
{
    padding: .15rem 0 .4rem .5rem;
}

.category-item
{
    width: 4.8rem;
    height: 5.85rem;
    margin-right: .325rem;
    margin-bottom: .4rem;
    padding: .25rem;
    float: left;
    background-color: #f3f3f3;
    position: relative;
}

.category-item-name
{
    position: absolute;
    font-size: .7rem;
    width: 4.3rem;
    height: .75rem;
    line-height: .75rem;
    bottom: .3rem;
}

.pager-box
{
    padding: .5rem 0;
}

.pager
{
    background-color: #fff;
    border-top: solid 1px #e5e5e5;
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: .7rem;
}

.pager-next, .pager-prev
{
    float: left;
    padding: 0 1rem;
}

.pager-next
{
    float: right;
}

.disable
{
    color: #ccc;
}

.no-results
{
    font-size: .65rem;
    padding: 1rem;
    color: #ff3933;
}
/*优惠券列表*/
.p-yhitem
{
    width: 8rem;
    padding: .65rem .65rem .5rem;
    border: solid 1px #e5e5eb;
    float: left;
}
.p-yhitem p small{color: #d22929;font-size: .4rem;}
.p-yhitem p strong{color: #d22929;font-size: .8rem;}
.p-yhitem p{text-align: center;}
.p-yhitem .usetime{font-size:.3rem;color: #A3A3A2;text-align: center;}
.p-yhitem .yhfooter{background: #d22929;text-align: center;border-radius: .3rem;}
.p-yhitem .yhfooter a{font-size: .5rem;color: #fff;display: block;padding: .2rem;}
/*限时抢购*/
.jingxinshi{
 margin-top: .2rem;
 height: 1rem;
 line-height: 1rem;
 background: #fff;
 border-bottom: 1px solid #d22929;
}
.jingxinshi span{
	float: right;
}
.jingxinshi span b{background: #000; color: #FFFFFF;padding: 2px;border-radius: 4px;}

.p-itemks
{
	position: relative;
    width: 8rem;
    height: 9.9rem;
    padding: .65rem .65rem .5rem;
    border: solid 1px #e5e5eb;
    float: left;
}
.p-itemks .itzz{
	width: 8rem;
    height: 9.9rem;
    background-color: rgba(0, 0, 0, 0.4);
    filter: alpha(opacity=40);
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 9.9rem;
    text-align: center;
    color: #fff;
    font-weight: 900;
    font-size: .8rem;}
