body{background:#fff;}
body,html{ width: 100%; height: 100%; position: relative;background:#f5f5f5;font-family:"Microsoft YaHei"}
*{margin:0;padding:0;outline:0;}
ul,li,dd,dt{list-style:none;}
li{cursor:pointer;}
em,i{font-style:normal;}
img {background-size:contain; }
textarea{ resize:none; overflow:auto;}
input,textarea{margin:0;padding:0;border:none; outline:none;}
a{text-decoration: none}
button{cursor:pointer;}
span{cursor:auto}
.header{
    width:100%;
    min-width:1200px;
    height:87px;
    background:#ffffff;
}
.header> .headerMain{
    position:relative;
    width:1200px;
    height:100%;
    line-height:87px;
    margin:0 auto;
}
.headerMain:before{
    content:" ";
    position:absolute;
    left:0;
    top:50%;
    margin-top:-32px;
    width:109px;
    height:64px;
    background:url(../image/gouwuke_icon.png) no-repeat;
}
.headerMain >ul{
    font-size:0;
    height:100%;
    margin-left:236px;
}
.headerMain >ul>li{
    position:relative;
    display: inline-block;
    font-size:24px;
    font-weight:bold;
    width:126px;
    text-align:center;
    margin-right:66px;
    color:#3b3b3b;
}
.headerMain >ul>li.active{
    color:#d74140;
}
.headerMain >ul>li.active:after{
    content:" ";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:3px;
    background:#d74140;
}
.wrap{
    width:1200px;
    margin:0 auto;
}
.wrap .main{
    width:100%;
    position:relative;
    margin-top:18px;
    font-size:0;
    overflow: hidden;
}
.main >div{
    float:left;
    display:inline-block;
    vertical-align: bottom;
}
.main >.left{
    width:880px;
    margin-right:20px;
    font-size:14px;
	background:#fff;
}
.main >.left>.searchLayer{
    width:100%;
    position:relative;
}
.main >.left>.searchLayer>.searchTitle{
    position:relative;
    width:100%;
    height:50px;
}
.main >.left>.searchLayer>.searchTitle>ul{
    width:100%;
    height:100%;
    font-size:0;
    background:#fafafa;
}
.searchTitle >.productSearchLayer{
    display: inline-block;
    position:absolute;
    right:22px;
    top:50%;
    margin-top:-18px;
    width:322px;
    height:36px;
    border-radius:2px;
}
.searchTitle >.productSearchLayer >input{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 65px 0 15px;
    height:100%;
    width:100%;
    border:1px solid #cdcdcd;
}
.searchTitle >.productSearchLayer >#go2search{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:100%;
    background:#f04848;
    border: none;
    cursor:pointer;
}
.filterLayer{
    position:relative;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 22px;
    background:#ffffff;
    overflow: hidden;
}
.filterLayer >.filterLink{
    margin-top:9px;
    width:100%;
    height:26px;
    line-height:26px;
    font-size:0;
}
.filterLayer >.resultCount{
    position:absolute;
    right:22px;
    top:9px;
    height:26px;
    line-height:26px;
    font-size:12px;
    color:#323232;
}
.filterLayer >.resultCount>span{
    color:#f04848;
    padding:0 5px;
}
.filterLayer >.filterLink>li{
    position:relative;
    display:inline-block;
    font-size:12px;
    padding-right:10px;
    color:#7e7e7e;
    margin-right:12px;
    vertical-align: bottom;
}
.filterLayer >.filterLink>li.last:after{
    display: none;
}
.filterLayer >.filterLink>li:after{
    position:absolute;
    right:0;
    content:">";
    font-size:12px;
    color:#7e7e7e;
}
.filterLayer >.filterLink>li.filterType{
    font-size:0;
}
.filterLayer >.filterLink>li.filterType>div{
    position:relative;
    display:inline-block;
    height:26px;
    line-height:26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #fdbdbd;
    color:#000000;
    padding:0 33px 0 10px;
    font-size:12px;
    margin-right:10px;
    vertical-align: bottom;
}
.filterLayer >.filterLink>li.filterType>div>.close{
    position:absolute;
    right:10px;
    color:#fdbdbd;
    cursor:pointer;
}
.filterLayer >.filter{
    margin-top:6px;
}
.filterLayer >.filter>div{
    position:relative;
    padding-top:14px;
    background:#ffffff;
    font-size:0;
    width:100%;
    border-bottom:1px solid #f4f4f4;
}
.filterLayer >.filter>div ul{
    height:30px;
}
.filterLayer >.filter>div>.getMore{
    position:absolute;
    bottom:14px;
    right:0;
    width:50px;
    height:20px;
    padding-left:6px;
    border-radius: 1px;
    border:1px solid #f1f0f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
}
.filterLayer >.filter>div>.getMore.goHide:before{
    content:"收起";
    position:absolute;
    left:6px;
    top:0;
    height:18px;
    line-height:18px;
    color:#2b93fe;
    font-size:12px;
}
.filterLayer >.filter>div>.getMore.goShow:before{
    content:"更多";
    position:absolute;
    left:6px;
    top:0;
    height:18px;
    line-height:18px;
    color:#2b93fe;
    font-size:12px;
}
.filterLayer >.filter>div>.getMore>span{
    position:absolute;
    top:8px;
    right:7px;
    display: inline-block;
    width:7px;
    height:4px;
    margin-left:5px;
    vertical-align: middle;
}
.filterLayer >.filter>div>.getMore.goHide>span{
    background:url(../image/goHide.png) no-repeat;
    background-size: contain;
}
.filterLayer >.filter>div>.getMore.goShow>span{
    background:url(../image/goShow.png) no-repeat;
    background-size: contain;
}
.filter>div>div{
    position:relative;
    display:inline-block;
    vertical-align: top;
}
.filter>div>div.first{
    margin-top:14px;
}
.filter>div>.filterLeft{
    position:relative;
    font-size:12px;
    line-height:12px;
    color:#323232;
    width:45px;
    margin-top:3px;
}
.filter>div>.filterLeft:after{
    position:absolute;
    content:" ";
    right:10px;
    top:0;
    width:1px;
    height:12px;
    background:#f4f4f4;
    z-index:1;
}
.filter>div>.filterRight{
    width:590px;
}
.filter>div>.filterRight>ul{
    width:100%;
    overflow: hidden;
}
.filter>div>.filterRight>ul>li{
    display: inline-block;
    font-size:12px;
    color:#7e7e7e;
    padding:0 0 14px 20px;
}

.searchTitle >.productSearchLayer >#go2search:before{
    content:" ";
    background:url(../image/searchIcon.png) no-repeat;
    width:20px;
    height:20px;
    background-size:contain;
    position:absolute;
    top:50%;
    left:50%;
    margin:-10px 0 0 -10px;
}
.searchLayer>.searchTitle>ul>li{
    display:inline-block;
    width:80px;
    height:100%;
    line-height:50px;
    text-align:center;
    font-size:14px;
    color:#8a8a8a;
}
.searchLayer>.searchTitle>ul>li>a{
    display:inline-block;
    width: 100%;
    height:100%;
}
.searchLayer>.searchTitle>ul>li.active{
    background:#f04848;
    color:#ffffff;
}
.searchLayer>.searchTitle>ul>li.active>a{
    color:#ffffff;
}
.searchLayer>.searchTitle>ul>li:hover{
    background:#f04848;
    color:#ffffff;
}
.searchLayer>.searchTitle>ul>li:hover>a{
    color:#ffffff;
}
.filterLayer>.order{
    height:44px;
    width:100%;
}
.filterLayer>.order>ul{
    height:100%;
    width:100%;
    font-size:0;
}
.filterLayer>.order>ul>li{
    position:relative;
    display: inline-block;
    color:#8a8a8a;
    margin-right:22px;
    font-size:14px;
    height:100%;
    line-height:44px;
}
.filterLayer>.order>ul>li.first:after{
    content:" ";
    position:absolute;
    top:17px;
    right:-11px;
    height:10px;
    width:1px;
    background:#bababa;
}
.filterLayer>.order>ul>li.active{
    color:#f04848;
}
.filterLayer>.order>ul>li:hover{
    color:#f04848;
}

.main >.right{
    width:300px;
    background:#ffffff;
}
.main > .right >.hotProduct> .rightTitle{
    position:relative;
    text-indent: 12px;
    height:50px;
    line-height:50px;
    width:100%;
    color:#4d4d4d;
    font-size:16px;
    border-bottom:1px solid #f0f0f0;
}
.main > .right>.hotProduct> .rightTitle:before{
    content:" ";
    position:absolute;
    left:0;
    top:50%;
    width:5px;
    height:16px;
    margin-top:-8px;
    background:#ee7271;
}
.main > .right >.hotProduct >ul{
    width:100%;
    margin-top:16px;
    background:#ffffff;
}
.right >.hotProduct >ul >li{
    position:relative;
    width:260px;
    height:282px;
    border:1px solid #f4f4f4;
    text-align:center;
    margin:0 auto 16px;
}
.hotProduct >ul >li.hasTag:after{
    position:absolute;
    content:" ";
    top:-1px;
    right:-10px;
    width:65px;
    height:60px;
    background:url(../image/hotIcon.png) no-repeat;
}
.hotProduct >ul >li:hover{
    border:1px solid #f04848;
}
.hotProduct >ul >li >div{
    display: inline-block;
    width:220px;
    height:220px;
    text-align: center;
    vertical-align: middle;
}
.hotProduct >ul >li >div>a>img{
    max-width:220px;
    max-height:220px;
}
.hotProduct >ul >li >a{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:56px;
    padding:12px 12px 0 12px;
    margin-bottom:12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:14px;
    color:#4d4d4d;
    overflow: hidden;
    line-height:1.5;
    text-align: center;
    word-break: break-all;
}

.hotProduct >ul >li >a >span{
    margin-left:14px;
    color:#f04848;
}