.sortBox {
    padding-left: 73px;
    overflow: hidden;
    font-size: 14px;
    /*border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
}

        .sortT {
            float: left;
            margin-top: 32px;
        }

        .sortContent {
            float: left;
            overflow: hidden;
            padding: 2rem 1rem;
        }

            .sortContent div {
                float: left;
                margin-left: 20px;
            }

        .listBox {
            padding: 10px;
            margin-top: 20px;
        }

            .listBox ul {
                list-style: none;
            }

                .listBox ul li {
                float: left;
                width: 259px;
                height: 465px;
                background: #fff;
                padding: 10px;
                position: relative;
                margin: 20px 1% 0 0;
                border: 1px solid #ddd;
                }

        .list_div1{width: 259px;color: #666;font-size: 12px;word-break:break-all;background: #fff;height:455px;}
        .list_div{width: 259px;position: absolute;top:-1px;left: -1px;height: auto;z-index: 999;padding: 10px;color: #666;font-size: 12px;word-break:break-all;border: 1px solid #0d9fe3;background: #fff;min-height: 455px;}


        .couponBox {
            overflow: hidden;          
        }

        .couponAfter, .cheepCoupon, .chargeCoupon {
            float: left;          
            border-right: 1px solid #e8e8e8;           
            text-align: center;
            width:85px;
        }

            .couponAfter p {
                color: #e9466c;
            }

            .cheepCoupon p {
                color: #367fac;
            }

            .chargeCoupon p {
                color: #fc7a05;
            }

        .chargeCoupon {
            border: 0;
            padding: 0;
            margin: 0;
        }

        .couponBox p {
            font-size: 17px;
        }

        .couponBox div {
            font-size: 12px;
            color: #bdbdae;
        }


        .spread {
            background: #019ae2;
            width: 100%;
            height: 35px;
            color: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            opacity: 0;
            transition: all 1s linear;
        }

            .spread span {
                display: inline-block;
                width: 48%;
                height: 35px;
                text-align: center;
                line-height: 35px;
                margin: 0 1%;
            }

            .spread b {
                display: inline-block;
                width: 48%;
                text-align: center;
                border-radius: 5px;
                background: #eeeeee;
                color: #666;
                margin-right: 1%;
                line-height: 20px;
                height:20px
            }

        .listBox ul li:hover .spread {
            opacity: 1;
            transition: opacity 1s;
        }

        .listBox ul li:hover .fangdan {
            opacity: 1;
            transition: opacity 1s;
        }


        .page {
            margin: 50px auto;
            overflow: hidden;
            clear: both;
            text-align: center;
            padding-top: 50px;
        }

            .page span {
                display: inline-block;
                padding: 0 21px;
                height: 40px;
                line-height: 40px;
                font-size: 14px;
                color: #999999;
                background: #f3f3f3;
                text-align: center;
                margin: 0 2px;
                border-radius: 5px;
            }

            .page a {
                display: inline-block;
                padding: 0 15px;
                border: 1px solid #cbcbcb;
                background: #ffffff;
                height: 38px;
                line-height: 38px;
                font-size: 14px;
                color: #333333;
                text-align: center;
                margin: 0 2px;
                background: #ffffff;
                border-radius: 5px;
            }

         
     

        /*.historyOrder{position: absolute;width: 100%;height: auto;background: #000;opacity: 0.7;color: #fff;bottom: 20%;left: 48%;padding: 30px;border-radius: 5px;display: none;}
        .his_order{border-bottom: 1px solid #fff;padding:0 0 5% 10%}
        .his_data{display: inline-block}
        .his_saleCount{display: inline-block;margin-left: 10%}*/
        .sort_time{float: right;margin-top:2rem;overflow: hidden;margin-right: 10px;}
        .sort_time span{float: right;margin-right: 10px}
            .sort_time a {
                margin-top: -2px;
                margin-left: 5px;
                float: right;
                width: 80px;
                height: 23px;
                color: #666666;
                background-color: #f9f9f9;
                line-height: 23px;
                text-align: center;
                border-radius: 3px;
            }
        .sort_time a.tti {background-color: #e94643;color: #ffffff;margin-right:0px}
        .sort_time a.tti span{color: #ffffff!important;}
        .sale_icon_box{overflow: hidden;margin-top: 10px}
        .saleNum{float: left;color: #666;font-size:12px}
        .saleNum span{color: #bd3f3f}
        .sale_icon{float: right;}
        /*.sale_icon i{background: url(images/tmall.png) no-repeat;width: 18px;height: 16px;background-size: 100% 100%;display: inline-block;margin-top: 5px}*/
   
    .list_sp2_2 {
    display: block;
    width: 259px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: rgba(0,0,0,.75);
    /*position: absolute;
    left: 11px;
    top: 460px;*/
    font-size: 15px;
    color: #ffffff;
    z-index: 99;
}
.fangdan2 {
    margin-left:10px;
}

/*nav带图标*/
nav,ul,li{
    list-style: none;
}
.hotList {
    height: 88px;
    width: 100%;
    position: absolute;
    background: #fff;
    top: -20px;
}
    .hotList ul li.explode, .hotList ul li.realList, .hotList ul li.dayList {
        width:50% /*400px*/;
        float: left;
        position: relative;
        padding: 10px 0;
    }

.liActive {
    border-bottom: 2px solid #319ee1;
}


.liActive2 {
    border-bottom: 2px solid #ff9326;
}

.hotList ul li.explode:hover {
    border-bottom: 2px solid #c44347;
    background: #f7f7f7;
    transition: all 0.1s linear;
}

.hotList ul li.dayList:hover {
    border-bottom: 2px solid #ff9326;
    background: #f7f7f7;
    transition: all 0.1s linear;
}

.hotList ul li.realList:hover {
    border-bottom: 2px solid #319ee1;
    background: #f7f7f7;
    transition: all 0.1s linear;
}

.hotList ul li .explode_img, .hotList ul li .realList_img, .hotList ul li .dayList_img {
    float: left;
    margin-left: 18%;
}

.hotList ul li .explode_con, .hotList ul li .realList_con, .hotList ul li .dayList_con {
    float: left;
    margin-top: 2.5%;
    margin-left: 2%;
}

.explode_con p {
    color: #c44347;
}

.realList_con p {
    color: #75baf8;
}

.dayList_con p {
    color: #ffb274;
}

    .explode_con p span, .realList_con p span, .dayList_con p span {
        color: #999;
        display: inline-block;
        margin-left: 15px;
        font-size: 12px;
    }

.explode_con > span, .realList_con > span, .dayList_con > span {
    color: #999;
    font-size: 12px;
}