.classify{
    height:24px;
    margin-top: 15px;
    position: relative;
    z-index:10;
    float: left;
    width: 180px;
    margin-bottom:11px;
}
.classify .selected{
    height:24px;
    cursor:pointer;
    position: absolute;
    z-index:10;
    background: #fff;
    border:1px solid #e2e2e2;
}
.classify .selected p{
    height:24px;
    float: left;
    padding:0 7px;
    line-height: 24px;
    color: #666;
}
.classify .selected img{
    width:14px;height:12px;
    float: left;
    margin:6px 7px 0 0;
    transition:all 0.2s;
}
.classify:hover .selected{
    /*border-top: 1px solid #e50012;*/
    /*border-left: 1px solid #e50012;*/
    /*border-right: 1px solid #e50012;*/
    /*dill新增 20191023-------------------start*/
    border-top: 1px solid #1955b5;
    border-left: 1px solid #1955b5;
    border-right: 1px solid #1955b5;
    /*dill新增 20191023-------------------end*/

    border-bottom:1px solid #fff;
}
.snd-classify{
    z-index:5!important;
    margin-left: 20px;
}
.snd-classify span{
    width: 20px;height: 100%;
    font-size: 16px;
    position: absolute;
    left: -20px;
    line-height: 24px;
    text-align: center;
}
.snd-classify .selected{
    z-index:5!important;
}
.snd-classify:hover .selected{
    border:1px solid #e2e2e2;
}
.classify:hover .selected p{
    /*color:#e50012;*/
    /*dill新增 20191023-------------------start*/
    color:#1955b5;
    /*dill新增 20191023-------------------end*/
}
.classify:hover .selected img{
    transform:rotate(180deg);
}
.classify:hover>div{
    /*border:1px solid #e50012;*/
    /*dill新增 20191023-------------------start*/
    border:1px solid #1955b5;
    /*dill新增 20191023-------------------end*/
    display: block;
}
.classify .item{
    width:1150px;height:76px;
    position: absolute;
    top:24px;
    z-index:9;
    overflow-y:auto;
    display: none;
    background: #fff;
}
.classify ul{
    width:100%;
    overflow:hidden;
}
.classify ul li{
    float:left;
    margin:10px 17px;
    cursor:pointer;
    color: #666;
}
.classify ul li:hover{
    color:#e50012;
}
.filter{
    width:100%;
    overflow:hidden;
}
.filter>div{
    float: left;
    width:1198px;height:38px;
    border:1px solid #e2e2e2;
    margin-top:-1px;
    overflow:hidden
}
.filter>div:first-child{
    margin-top:0;
}
.filter-left{
    background: #f1f1f1;
    width:121px;
    height:100%;
    border-right:1px solid #e2e2e2;
    line-height: 37px;
    color: #666;
    text-indent: 19px;
    float: left;
}
.filter-right{
    width:1030px;height:100%;
    float: left;
    background: #fff;
}
.filter-right ul{
    width:870px;
    overflow:hidden;
    float: left;
}
.filter-right ul li{
    height:25px;
    padding:0 6px;
    margin:6px 5px;
    float: left;
    line-height: 25px;
    text-align: center;
    cursor:pointer;
    background: #fff;
    color: #666;
}
.filter-right .more{
    display:none;
}
.filter-right div{
    width:50px;height:22px;
    border:1px solid #e2e2e2;
    margin-left: 12px;
    margin-top: 6px;
    float: left;
    line-height: 22px;
    text-align: center;
    cursor:pointer;
    color: #666;
}
.filter-right div:hover{
    color:#e50012;
    border:1px solid #e50012;

}
.menu{
    width:1198px;height:40px;
    margin-top:12px;
    border:1px solid #e2e2e2;
    background: #f1f1f1;
}
.menu-left{
    float: left;
    height:100%;
}
.menu-left li{
    float: left;
    width:60px;height:100%;
    cursor:pointer;
    text-align: center;
    line-height:40px;
    border-right:1px solid #e2e2e2;
}
.menu-left li a{
    color: #666;
}
.menu-left li.current a{
    /*background: #e50012;*/
    /*dill新增 20191023-------------------start*/
    background: #1955b5;
    /*dill新增 20191023-------------------end*/
    color: #fff;
}
.menu-mid{
    width:211px;height:100%;
    float: left;
    border-right:1px solid #e2e2e2;
}
.menu-mid input{
    width:60px;height:22px;
    background: #fff;
    border:1px solid #e2e2e2;
    margin-top: 7px;
    text-indent: 4px;
    color: #666;
    float: left;
}
.menu-mid span{
    width:15px;height: 22px;
    text-align: center;
    line-height: 22px;
    color: #666;
    float: left;
    margin-top: 7px;
}
.min{
    margin-left: 10px;
}
.menu-mid p{
    width:40px;height:22px;
    border:1px solid #e2e2e2;
    text-align: center;
    margin-top: 7px;
    cursor:pointer;
    color: #666;
    background: #fff;
    float: left;
    line-height: 22px;
    margin-left: 10px;
}
.menu>span{
    width:394px;height:100%;
    border-right:1px solid #e2e2e2;
    float: left;
}
.menu-right{
    width:142px;height:38px;
    float: left;
    border-right: 1px solid #e2e2e2;

}
.menu-right p{
    margin-left: 35px;
    float: left;
    margin-top: 13px;
    color: #666;
    cursor:pointer;
}
.menu-right p:first-child{
    margin-left: 32px;
    /*color:#e50012;*/
    /*dill新增 20191023-------------------start*/
    color:#1955b5;
    /*dill新增 20191023-------------------end*/
}
.menu-right p:hover{
    /*color:#e50012;*/
    /*dill新增 20191023-------------------start*/
    color:#1955b5;
    /*dill新增 20191023-------------------end*/
}
.menu>p{
    float: right;
    text-align: right;
    margin-right: 10px;
    margin-top: 12px;
    color: #666;
}
.menu>p span{
    /*color: #e50012;*/
    /*dill新增 20191023-------------------start*/
    color:#1955b5;
    /*dill新增 20191023-------------------end*/
}
.product{
    width:100%;
    overflow:hidden;
    margin-top: 12px;
}
.view{
    width:100%;
    overflow:hidden;
}
.view ul{
    width:100%;
    overflow:hidden;
}
.view ul li{
    width:238px;height: 400px;
    border:1px solid #ffffff;
    float: left;
}
.view ul li:hover{
    border:1px solid #e2e2e2;
}
.view ul li img{
    width:180px;height:180px;
    margin:29px 29px 0;
    float: left;
}
.view .price{
    color: #e50012;
}
.view .price span{
    font-size: 16px;
    color: #e50012;
}
.view p{
    float: left;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 5px;
    clear: both;
}
.view .name{
    color: #333333;
    min-height:32px;
}
.view .type{
    color: #999999;
}
.view .brand{
    color: #999999;
}
.view .date{
    color: #666666;
}
.view .love{
    clear:both;
    color: #333333;
    border:1px solid #e2e2e2;
    width: 78px;height: 26px;
    float: left;
    margin: 12px 0 20px 12px;
    text-align: center;
    border-radius:2px;
    cursor:pointer;
    line-height: 26px;
}
.view .love:hover{
    /*border:1px solid #e50012;*/
    /*dill新增 20191023-------------------start*/
    border:1px solid #1955b5;
    /*dill新增 20191023-------------------end*/
}
.view .cart{
    /*color: #e50012;*/
    /*dill新增 20191023-------------------start*/
    color:#1955b5;
    /*dill新增 20191023-------------------end*/
    border:1px solid #e2e2e2;
    width: 105px;height: 26px;
    float: left;
    margin: 12px 0 0 0;
    text-align: center;
    border-radius:2px;
    cursor:pointer;
    line-height: 26px;
    clear: none;
}
.view .cart:hover{
    /*border:1px solid #e50012;*/
    /*background: #e50012;*/
    /*dill新增 20191023-------------------start*/
    border:1px solid #1955b5;
    background: #1955b5;
    /*dill新增 20191023-------------------end*/
    color: #fff;
}
.prolist{
    width:1198px;
    border-top:1px solid #e2e2e2;
    border-left:1px solid #e2e2e2;
    border-right:1px solid #e2e2e2;
    overflow:hidden;
    display: none;
}
.prolist .prolist-hd{
    width:100%;height:38px;
    border-bottom:1px solid #e2e2e2;
    background: #f1f1f1;
}
.prolist-hd p{
    color: #666666;
    height:38px;
    line-height: 38px;
    float: left;
}
.prolist-hd .pic{
    margin-left: 60px;
}
.prolist-hd .info{
    margin-left: 118px;
}
.prolist-hd .brand{
    margin-left: 123px;
}
.prolist-hd .style{
    margin-left: 111px;
}
.prolist-hd .detail{
    margin-left: 127px;
}
.prolist-hd .dw{
    margin-left: 129px;
}
.prolist-hd .date{
    margin-left: 54px;
}
.prolist-hd .price{
    margin-left: 116px;
}
.prolist-hd .cart{
    width:110px;
    float:right;
    color: #fff;
    background: #e50012;
    text-align: center;
    cursor:pointer;
}
.prolist-bd{
    width:100%;
    overflow:hidden;
}
.prolist-bd>ul>li{
    width:100%;
    height:137px;
    border-bottom:1px solid #e2e2e2;
    position: relative;
}
.prolist-bd>ul>li>*{
    position: absolute;
    color:#333333
}
.prolist-bd>ul>li a{
    width:80px;height:80px;
    border:1px solid #e2e2e2;
    left: 29px;top: 35px;
}
.prolist-bd>ul>li a img{
    width:80px;height:80px;
}
.prolist-bd .name{
    top: 24px; left:146px;
    width:168px;
    text-align: center;
}
.prolist-bd .code{
    top: 82px; left:146px;
    width:168px;
    color: #999999;
    text-align: center;
}
.prolist-bd .brand{
    top:24px;left:326px;
    width:130px;
    text-align: center;
}
.prolist-bd .style{
    top:24px;left:498px;
    width:80px;
    text-align: center;
}
.prolist-bd .detail{
    top:24px;left:615px;
    width:230px;height:90px;
    overflow-y:auto;
    text-align: center;
}
.prolist-bd .dw{
    top:24px;left:872px;
    width:24px;
    text-align: center;
}
.prolist-bd .date{
    top:24px;left:931px;
    width:80px;
    text-align: center;
}
.prolist-bd .price{
    top:20px;left:1062px;
    width:130px;
    color: #e50012;
    text-align: center;
}
.prolist-bd .price span{
    font-size: 18px;
}
.prolist-bd .num{
    width:96px;height:24px;
    border:1px solid #e6e1db;
    left:1038px;top:20px;
}
.prolist-bd .num p{
    width:24px;height:24px;
    float: left;
    text-align: center;
    border-left: 1px solid #e2e2e2;
    line-height: 24px;
    cursor:pointer;
}
.prolist-bd .num p:first-child{
    border-right: 1px solid #e2e2e2;
    border-left:none;
}
.prolist-bd .num input{
    width:46px;height:24px;
    line-height: 24px;
    text-align: center;
    float: left;
}