body{font-family: \5FAE\8F6F\96C5\9ED1;}
.w1200{width: 1200px;margin: 0 auto;position: relative;}
.content{padding-bottom: 100px;}
/*头部*/
.J-header .nav_r{float: inherit;}
.J-header .nav_r li{z-index: 9;}
.top{width: 1200px;margin: 0 auto;}
.top-left{width: 438px;}
.top-left a{margin: 20px 0 30px;}
.top-left .mall-logo{display: inline-block;width: 162px;vertical-align: middle;border-right:1px solid #e6e6e6 ;}
.top-left .hssj-logo{display: inline-block;width: 120px;vertical-align: middle;margin: 0 20px;}
.top-middle{margin-top: 30px;}
.top-middle .search-items a{color: #666666;margin-right: 15px;line-height: 26px;}
.top-middle .search-items a:hover{color: #ff7f00;}
.search-inp{border: 2px solid #ff7f00;border-right: 0;height: 32px;line-height: 32px;padding: 0 5px;width: 350px;font-size: 12px;vertical-align: middle;}
.search-sub{border:0;background: url(http://mall.snailmobile.com/store/hhsj/images/v2/search_bg.png) no-repeat center center #ff7f00;width: 36px;height: 36px;vertical-align: middle;cursor: pointer;}
.J-header #commMeu{margin-top: 30px;float: right;}
#commMeu{position: relative;}
/*导航栏*/
.nav{background-color: #ff8400;min-width: 1200px;}
.navList .nav-item{float: left;}
.navList .nav-item .nav-link{display: block;height: 50px;line-height: 50px;color: #ffffff;font-size: 18px;padding: 0 48px;}
.navList .nav-item.selected .nav-link{background-color: #ffa21f;}
.navList .proLiAll{position: relative;z-index: 2;background: url(http://mall.snailmobile.com/store/hhsj/images/v2/navAll.png) no-repeat #ffa21f ;width: 232px;margin-left: -4px;}
.navList .proLiAll .proAll{background: url(http://mall.snailmobile.com/store/hhsj/images/v2/icon-list.png) no-repeat 188px -187px ;
    border-top: 0;height: 50px;line-height: 50px;font-size: 18px;padding-left: 20px;padding-right: 97px;display:block;color: #ffffff;position: relative;z-index: 3;
}

.proList{float: left;width: 224px;background:url(http://mall.snailmobile.com/store/hhsj/images/v2/proListBg.png) repeat-x #ffa21f;padding-top: 1px;position: absolute;display: none;left: 4px;}
.on .proList{display: block;}
.proList .proLi{position: relative;z-index: 2;}
.proList .proLi .pro-nav{display:block;height: 59px;line-height: 59px;color: #ffffff;padding-left: 60px;border-left:1px solid #ffb040 ; border-top: 1px solid #ffb040;position: relative;background: url(http://mall.snailmobile.com/store/hhsj/images/v2/icon.png) no-repeat;}
.proList .proHover .pro-nav{background-color: #ffffff;color: #333333;border-left:1px solid #dedede ; border-top: 1px solid #dedede;width: 166px;position: relative;z-index: 1;}
.proList .proLi01 .pro-nav{background-position: 0 -43px;border-top: 0;}
.proList .proLi02 .pro-nav{background-position: 0 -103px;}
.proList .proLi03 .pro-nav{background-position: 0 -163px;}
.proList .proLi04 .pro-nav{background-position: 0 -223px;}
.proList .proLi05 .pro-nav{background-position: 0 -283px;}
.proList .proLi06 .pro-nav{background-position: 0 -343px;}
.proList .proHover.proLi01 .pro-nav{background-position: 0 -403px;}
.proList .proHover.proLi02 .pro-nav{background-position: 0 -464px;border-top: 1px solid #dedede;height: 58px;line-height: 58px;}
.proList .proHover.proLi03 .pro-nav{background-position: 0 -523px;}
.proList .proHover.proLi04 .pro-nav{background-position: 0 -583px;}
.proList .proHover.proLi05 .pro-nav{background-position: 0 -643px;}
.proList .proHover.proLi06 .pro-nav{background-position: 0 -703px;height: 58px;border-bottom: 1px solid #dedede;}
.proList .arrow{background: url(http://mall.snailmobile.com/store/hhsj/images/icon.png) no-repeat left -755px;display: inline-block;width: 60px;height: 59px;position: absolute;right: 0;top: 0;}
.proList .proHover .arrow{background-position: left -815px;}
.proList .pro-items{position: absolute;background-color: #ffffff;left: 224px;width: 130px;top: 0;border: 1px solid #dedede;display: none;}
.proList .pro-items li{text-align: center;height: 40px;line-height: 40px;}
.proList .pro-items li a{color: #666666;}
.proList .pro-items li a:hover{color: #ff870c;text-decoration: underline;}
.proList .proHover .pro-items{display: block;}

.left{width: 223px;float: left;}
.right{width: 955px;float: right;}
/*商品类别*/
.shopBox{border: 2px solid #ffa21f;}
.shop-item:last-child .item-lists{border-bottom: 0;}
.item-head{height: 40px;line-height: 40px;color: #333333;font-size: 16px;background-color: #f7f7f7;padding: 0 20px;cursor: pointer;}
.item-head em{background: url(http://mall.snailmobile.com/store/hhsj/images/v2/icon-list.png) no-repeat center 3px #dfdfdf;display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin-right: 10px;}
.item-lists{height: 0;border-bottom: 1px dashed #dedede;overflow: hidden;margin: 0 8px;}
.last-item .item-lists{border-bottom: 0;}
.fold .item-head em{background-position: center -27px;}
.fold .item-lists{padding: 10px 16px;border-bottom: 1px dashed #dedede;border-top: 1px dashed #dedede;height: auto;}
.item-lists a{color: #666666;font-size: 14px;white-space: nowrap;float:left;line-height: 38px;margin-right: 20px;}
.item-lists a.selected,
.item-lists a:hover{color: #ff7f00;}

/*筛选框*/
.filterBox{background-color: #f7f7f7;border: 1px solid #dfdfdf;padding:0 20px;}
.filterBox h3{border-bottom: 1px dashed #dedede ;font-size: 16px;line-height: 50px;}
.filterBox .filter{padding: 20px 0;font-size: 14px;}
.filterBox .filter .filter-time{position: relative;display: inline-block;vertical-align: middle;}
.filterBox .filter .filter-time.on .options{display: block;}
.filterBox .filter .filter-ul .filter-li{float: left;width: 304px;}
.filterBox .filter .time-selecct{border: 1px solid #dedede;width: 120px;height: 30px;font-size: 14px;background-color: #ffffff;}
.filterBox .filter .time-selecct .select-value{display: inline-block;width: 80px;height: 30px;line-height: 30px;padding-left: 10px;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.filterBox .filter .time-selecct em{display: inline-block;width: 30px;height: 30px;background: url(http://mall.snailmobile.com/store/hhsj/images/v2/icon-list.png) no-repeat center -168px;vertical-align: middle;}
.filterBox .filter .options{position: absolute;top: 32px;left: 0;background: #ffffff;border: 1px solid #dedede;width: 120px;border-top: 0;display: none;}
.filterBox .filter .options a{display: block;color: #333333;height: 29px;line-height: 29px;padding: 0 10px;}
.filterBox .filter .options .selected a{display: block;color: #333333;height: 29px;line-height: 29px;background-color: #f7f7f7;}
.filterBox .filter .filter-order{display: inline-block;vertical-align: middle;}
.filterBox .filter .order-item{display: inline-block;vertical-align: middle;border: 1px solid #dedede;width: 60px;height: 30px;line-height: 30px;background: url(http://mall.snailmobile.com/store/hhsj/images/v2/icon-list.png) no-repeat right -110px #ffffff;text-indent: 10px;cursor: pointer;}
.filterBox .filter .order-item.selected{border: 1px solid #ff7f00;color: #ff7f00;background-position: right -140px;}
.filterBox .filter .order-num{margin-right: 10px;}
.filterBox .filter .up{background-position:right -50px;}
.filterBox .filter .up.selected{background-position:right -80px;}
.filterBox .filter .filter-during{display: inline-block;vertical-align: middle;}
.filterBox .filter .text-inp{border: 1px solid #dedede ;width: 50px;height: 26px;line-height: 26px;padding: 2px 3px;vertical-align: middle;font-size: 14px;ime-mode:disabled;}
.filterBox .filter .filter-btn{background-color: #ff7f00;display: inline-block;width: 70px;height: 32px;line-height: 32px;color: #ffffff;text-align: center;font-size: 14px;vertical-align: middle;margin-left: 10px;}

/*销量排行*/
.noborder{border: 0;}
.sale-tit{font-size: 18px;color: #333333;line-height: 38px;padding: 10px;}
.sale-cont{border: 1px solid #dedede;}
.intro-board{background-color: #ffffff;padding: 0 18px;}
.board-li{border-bottom: 1px dashed #dfdfdf;padding:10px 0;height: 85px;}
.board-li.nobottom{border-bottom: 0;}
.board-left{float: left;width: 115px;line-height: 24px;}
.board-left .board-name{font-size: 14px;color: #333;}
.board-left .board-price{font-size: 14px;color: #ff7f00;}
.board-right{float: right;width: 67px;height: 67px;position: relative;display: block;overflow: hidden;}
.board-right:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}
.board-right img{display: block;width: 100%;
    transition: all 1s;
    -moz-transition: -moz-transform 1s; /* Firefox 4 */
    -webkit-transition: -moz-transform 1s; /* Safari 和 Chrome */
    -o-transition: -moz-transform 1s; /* Opera */
}
.board-right .board-num{position: absolute;left: 0;top: 0;background-color: #e62528;color: #ffffff;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 14px;}
.board-right .num2{background-color: #ff4d00;}
.board-right .num3{background-color: #ff860d;}

/*面包屑*/
.bread{color: #666;font-size: 14px;line-height: 38px;margin: 15px 0;}
.bread a{color: #666666;}
.bread span{color: #333333;}


/*产品内容*/
.result-info{border: 1px solid #dedede;padding-top: 39px;}
.pro-item{float: left;width: 234px;height: 210px;text-align: center;position: relative;overflow: hidden;}
.pro-item .pro-move{width: 234px;height: 210px;position: absolute;left: 0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}
.pro-item:hover .pro-move{
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    -o-transform: translateX(-8px);
    transform: translateX(-8px)
}
.sale-photo{display: block;margin: 0 auto;width: 114px;height: 114px;overflow: hidden;}
.sale-photo img{display: block;width: 100%;}
.pro-item .sale-name{color: #333;font-size: 14px;margin-top: 15px;display: block;line-height: 26px;}
.pro-item .sale-price{color: #ff7f00;font-size: 14px;line-height: 26px;}
.noResult{padding: 100px 0;text-align: center;}
.noResult .emptyTips{background: url(http://mall.snailmobile.com/store/hhsj/images/v2/noresult.png) no-repeat left top;padding-left: 120px;display: inline-block;text-align: left;}
.noResult .no-tips{font-size: 18px;}
.noResult .back-btn{font-size: 14px;color: #ffffff;background-color: #ff7f00;display: inline-block;width: 100px;height: 30px;line-height: 30px;text-align: center;}

/*翻页样式*/
.page-area {
    margin: 20px auto;
    overflow: hidden;
    text-align: right;
}
.page-area .first, .page-area .prev, .page-area .next, .page-area .last, .page-area .page-nav, .page-area .disabled {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    color: #666;
    display: inline-block;
    font: 14px/24px "微软雅黑";
    height: 24px;
    margin: 0 5px;
    text-align: center;
    width: 24px;
    text-indent: -999em;
    background: url(http://mall.snailmobile.com/store/hhsj/images/v2/icon-list.png) no-repeat center -233px;
}
.page-area .next{background-position: center -263px;}
.page-area .page-num, .page-area .current {
    background: #fff none repeat scroll 0 0;
    color: #666;
    display: inline-block;
    font: 14px/24px "微软雅黑";
    height: 24px;
    margin: 0 5px;
    text-align: center;
    width: 24px;
}
.page-area .page-num:hover, .page-area .page-nav:hover, .page-area .page-num.cur, .page-area .page-nav.cur, .page-area .current {
    color: #ff7f00;
}
.page-area .disabled, .page-nav .disabled {
    cursor: not-allowed;
}
.page-area .full-page{display: none;}