/*
Template Name: EC模板堂正版授权模板
Template URI: http://www.ecmoban.com/
Description: 买模板请认准模板堂(ecmoban.com) <br/> 24小时客服联系 QQ:264944615
Version: 2.73
Author: 进模板堂挑选更多ECSHOP模板
Author URI: http://www.ecmoban.com/
Logo filename: logo.gif
*/

/* ================= 分类页左侧 ================= */
.cate-side{ width: 200px; float: left; }
.cate-side .gdclass {background-color: #FFF; border: 1px #ddd solid; }
.cate-side .gdclass h2 {height: 35px; line-height: 35px; padding-left: 10px; font-size: 16px; font-weight: bold; border-bottom: 1px #ddd dotted; }
.cate-side .gdclass .gdclass-li{ border-bottom: 1px #ddd dotted; }
.cate-side .gdclass .gdclass-li a.big {display: block; height: 50px; line-height: 50px; padding-left: 10px; }
.cate-side .gdclass .gdclass-li a.big.hov {color: #F60; font-weight: bold; background: url(../images/ar.png) right no-repeat; }
.cate-side .gdclass .gdclass-li a.big img {vertical-align: middle; width: 30px; height: 30px;}
.cate-side .gdclass .gdclass-li a.big span {padding-left: 5px; font-size: 14px; }
.cate-side .gdclass .gdclass-li .cat-sub{ padding: 0 10px 15px 60px; }
.cate-side .gdclass .gdclass-li .cat-sub a{ display: block; font-size: 14px; line-height: 1.8;}

.cate-side .showgoods{border: 1px solid #ddd; background: #fff; }
.cate-side .showgoods dt{padding-left: 12px; background: #fff; border-bottom: 2px solid #85BC56; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: #333; }
.cate-side .showgoods dd{border-bottom: 1px dashed #e3e3e3; padding: 15px; }
.cate-side .showgoods dd .image{width: 100%; }
.cate-side .showgoods dd .title{display: block; }
.cate-side .showgoods dd .price{color: #f60; font-weight: bold; }

/* ================= 分类页主体 ================= */
.cate-main{ width: 980px; float: right;}


/* ================= 属性筛选 ================= */
.filtrate_box { position:relative; }
.filtrate_box .filtrate_list{padding: 20px; background: #fff;}
.filtrate_box ul.user_selected li {line-height: 20px; white-space: nowrap; }
.filtrate_box ul.user_selected li {float: left; zoom: 1; line-height: 45px; *line-height:20px; padding-left:10px; height:45px; _font-family: SimSun; white-space: nowrap; }
.filtrate_box ul.user_selected li .bn {display: inline-block; vertical-align: top; height: 25px; line-height: 25px; margin-top:10px; background: #f87d74; overflow: hidden; cursor: pointer; color:#fff; padding: 0 5px 0 10px; }
.filtrate_box ul.user_selected .block_selected {position: relative; float: left; height: 22px; line-height: 22px; border: 1px dotted #999; font-size: 12px; vertical-align: top; margin: 9px 5px 5px 0; padding: 0 26px 0 4px; cursor: pointer; max-width: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 2px; color: #666; }
.filtrate_box ul.user_selected .block_selected{cursor: pointer; border: 1px solid #c40000; color: #c40000; }
.filtrate_box ul.user_selected .block_selected .t {display: inline-block; font-family: SimSun; vertical-align: top; _padding-top: 1px; color: #fff; }
.filtrate_list li.child_li,.filtrate_list li.child_li.brand_filter {float: left; width: 1200px; height:auto; line-height:39px; clear: both; overflow:hidden; position:relative; border-bottom: 1px #EFEFEF dashed;}
.filtrate_list li.child_li.close{ height:39px;}
.filtrate_list li.child_li.brand_filter.close{height: 65px;}
.filtrate_list li .list_left {width: 80px; height:39px; text-align:right;  float: left; color: #999; font-weight: bold; }
.filtrate_list li .list_right {width: 883px; float: left; line-height:39px; position: relative; zoom: 1; }
.filtrate_list li .list_right .list_content, .img_list_content{width: 790px; }
.filtrate_box ul.user_selected {width: 730px; float: none; margin-left:29px; }
.filtrate_box ul.user_selected .block_selected .close {display: block; background: url(../images/search.png) no-repeat 7px -140px; width: 25px; height: 22px; cursor: pointer; position: absolute; right: 0; top: 0; }
.filtrate_box .clear_right {position: absolute; right: 52px; top: 1px; color: #666; }
.filtrate_box .clear_right:hover{ color:#f6827a;}
.filtrate_box ul {clear: both; }
.filtrate_box .filtrate_list{border: 1px solid #ddd; }
.filtrate_list .list_right .list_content span {padding: 10px 0 10px 10px; line-height:39px; float: left; }
.filtrate_list .list_right .list_content span a { line-height: 20px; height: 20px; padding: 0 8px; color: #444;}
.filtrate_list .list_right .list_content span a:hover{color: #fff; background-color: #FF6300; border-radius: 10px; }
.img_list_content {position: relative; overflow: hidden; padding-left:10px; }

.img_list_content .img_list_content_ul li {float: left; margin: 5px -1px 4px 0; position: relative; width: 108px; height: 51px; border: 1px solid #E8E8E8; text-align: center; line-height: 28px; }
.img_list_content .img_list_content_ul li a .img {display: inline-block; width: 88px; height: 36px; vertical-align: middle; padding-top: 5px; } 
.img_list_content .img_list_content_ul li .tit {position:absolute; left:-1px; top:-1px; z-index: 2; width:108px; height:51px; line-height:51px; border:2px solid #FF6300; background:#fff; color:#FF6300; font-size:12px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:none; }
.img_list_content .img_list_content_ul li .tit.noimg{display:block; color: #806F66; border: 1px solid #ddd; z-index: 1; } 
.img_list_content .img_list_content_ul li .tit.noimg:hover{z-index: 2; border:2px solid #FF6300; color:#FF6300; } 
.img_list_content .img_list_content_ul li.on .tit{display:block; } 
.img_list_content .img_list_content_ul li a {}

.img_list_content .img_list_content_ul li a span {display: none; width: 16px; height: 16px; position: absolute; right: -1px; top: -1px; background: #ff0000 url(../images/close_bg.png) 3px 3px no-repeat; }
.filtrate_list .list_right .btn_choose {background-position: left -146px; width: 30px; height: 18px; line-height: 18px; position: absolute; right: 48px; top: 13px; padding-left: 18px; color: #777888; }
.filtrate_list .list_right .btn_more {display: block; background: url(../images/thirdbg.png) no-repeat; }
.filtrate_list .list_right .btn_more:hover{ color:#c10001;}
.filtrate_list .list_right .btn_in, .filtrate_list .list_right .btn_out {background-position: -380px -186px; color: #0081CC; width: 25px; height: 18px; line-height: 18px; position: absolute; right: 38px; top: 10px; padding: 0px 13px 0px 3px; color: #666; }
.filtrate_list .list_right .btn_in {background-position: -420px -186px; }
.filtrate_list .list_right .btn_none {display: none; }

.filtrate_list li.choose_li {}
.filtrate_list li.choose_li .list_left{height:45px; line-height:45px; }

.filtrate_boxbottom-btn{position:absolute; bottom:-28px; text-align:center; left:50%; width: 128px; height: 26px; margin-left:-65px; cursor: pointer; color: #666; font-family: "宋体"; border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 1px solid #FFF; line-height: 26px; }
.filtrate_boxbottom-btn:hover{color:#f6827a; }


/*分类页筛选栏*/
#filter .component-filter-sort{position: relative; height:54px;}
.component-filter-sort .filter-sortbar { height:53px; line-height:53px; background: #fff; border: 1px solid #ddd; width: 976px;}
.component-filter-sort .button-strip{ float:left; font-size:12px; line-height:53px; text-align:center;}
.component-filter-sort .button-strip-item{ background: #fff; float:left; position:relative; color:#666;  height: 53px; line-height: 53px; transition:all .2s; -webkit-transition:all .2s;}
.component-filter-sort .button-strip-item span{ padding:0 23px 0 18px; height: 53px; display: block; border-right:1px solid #ddd;}
.component-filter-sort .button-strip-item span.arrow{ background: url(../images/paixu-ico.png) 34px 4px no-repeat;}
.component-filter-sort .button-strip-item span.arrow.arrowp{ background-position: 34px -117px;}
.component-filter-sort .button-strip-item span.current.arrow{ background-position: -30px 4px; background-color: #343933; color: #fff;}
.component-filter-sort .button-strip-item span.arrow:hover  { background-position: -30px 4px; background-color: #343933; color: #fff;}
.component-filter-sort .button-strip-item span.current.arrow.up{ background-position: -30px -54px; }
.component-filter-sort .button-strip-item span.arrow.up:hover  { background-position: -30px -54px; }
.component-filter-sort .button-strip-item span.current.arrow.arrowp{ background-position: -30px -230px; }
.component-filter-sort .button-strip-item span.arrow.arrowp:hover  { background-position: -30px -230px; }
.component-filter-sort .button-strip-item span.current.arrow.arrowp.up{ background-position: -30px -172px; }
.component-filter-sort .button-strip-item span.arrow.arrowp.up:hover  { background-position: -30px -172px; }
.component-filter-sort .price-button-strip{ float:left; padding:0 5px;border-right:1px solid #dcdcdc; position:relative}
.component-filter-sort .price-button-strip input { width:50px; height:20px; line-height:20px; outline:0; padding-left:5px; color:#666; border:1px solid #ccc;}
.price-button-strip .fP-box{color: #ccc;}
.price-button-strip .fP-expand,.price-button-strip .fP-expand-kword{ display:none; position:absolute;z-index:99; border: 1px solid #dcdcdc; border-top: 0 none; background: #faf9f9; width:127px; left:0px; text-align:center; padding: 5px 0;}
.price-button-strip .fP-expand .ui-btn-s, .price-button-strip .fP-expand-kword .ui-btn-s{ border:1px solid #ccc;height:18px;line-height:18px;*line-height:20px;color:#333; padding:0 10px;display:inline-block;outline:0;cursor:pointer;
background-color: #f7f7f7;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: -o-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: linear-gradient(top,#f7f7f7,#f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);}
.price-button-strip .fP-expand .ui-btn-s-primary, .price-button-strip .fP-expand-kword .ui-btn-s-primary{
color:#fff;
border-color:#c40000; 
background-color: #c40000;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#f55658,#c40000);
background-image: -webkit-linear-gradient(top,#f55658,#c40000);
background-image: -o-linear-gradient(top,#f55658,#c40000);
background-image: linear-gradient(top,#f55658,#c40000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c40000', endColorstr='#f55658', GradientType=0);margin-left:8px;
}
.price-button-strip .fP-expand .ui-btn-s:hover,.price-button-strip .fP-expand-kword .ui-btn-s:hover{ background-position: 0 -321px;}
.price-button-strip .fP-expand .ui-btn-s-primary:hover,.price-button-strip .fP-expand-kword .ui-btn-s-primary:hover{background-position: 0 -21px;}
.component-filter-sort .xz-button-strip{ float:left;}
.store-checkbox{ float:left;}
.store-checkbox .checkbox{ display:none;}
.store-checkbox label{ padding-left:20px; margin-left:10px; color:#666; background:url(../images/ecsc_icon.png) -5px -71px no-repeat; cursor:pointer; background-position: -5px -71px\0; +background-position: -5px -73px;}
.checkbox-checked label{ background:url(../images/checked-icon-r.png) 1px 1px no-repeat;background-position: 1px 2px\0;+background-position: 1px 0;}

.component-filter-sort{ height: 55px; }
.component-filter-sort .button-page{ float:right; position:relative; margin-right:20px; width: 100px;}
.component-filter-sort .button-page .pageState{ font-size:12px;font-family:"microsoft yahei";  color:#999; margin-right: 10px;}
.component-filter-sort .button-page .pageState span{ color:#999;}
.component-filter-sort .button-page a{ float:right;width: 30px;height: 28px;line-height: 28px;display: inline-block; background: #fff; color: #806f66; text-align: center;font-size: 14px; font-family: simsun; margin-right:2px; margin-top: 11px; border: 1px solid #E5E5E5; cursor: pointer;}
.component-filter-sort .button-page a:hover{ color: #b10000; background: #efefef;}

/* ================= 商品列表 =================*/
.proListTile { margin-right: -10px;}
.proListTile .container {width: 1004px; }
.proList a:hover {color: #f70; }
.proListTile li.item {width: 237px; height: 360px; float: left; margin:0 10px 10px 0; position: relative; overflow: visible; z-index: 1; line-height: 1.5; }
.proListTile.list-4 li.item{width:288px; }
.proListTile .item-inner{width: 207px; height: 340px; border: 1px solid #e6e6e6; border-radius: 3px; padding: 14px; padding-bottom: 0;background: #fff; }
.proListTile .item-inner:hover{
    border: 1px solid #53aa5b;
    border-radius: 0;
    -webkit-transition: border-color .2s ease-in;
    -moz-transition: border-color .2s ease-in;
    -ms-transition: border-color .2s ease-in;
    -o-transition: border-color .2s ease-in;
    transition: border-color .2s ease-in;
}
.proListTile .item .productImg{display: block; height: 210px; width: 100%; padding: 0; margin: 0; margin-bottom: 5px; }
.proListTile .item .productImg img{width: 100%; height: 100%; }
.proListTile .item .pro-price{font-family: arial,verdana,sans-serif!important; color: #C00; font-size: 20px; height: 30px; line-height: 30px; margin: 0 0 5px; letter-spacing: normal; overflow: inherit!important; white-space: nowrap; }
.proListTile .item .pro-price em{font-size: 12px; }
.proListTile .item .pro-price del{font-size: 14px; color: #666; }
.proListTile .item .pro-name{display: block; height: 16px; line-height: 1.5; margin-bottom: 7px; word-break: break-all; position: relative; overflow: hidden; }
.proListTile .item .pro-name a{color: #333; }
.proListTile .item .pro-name a:hover{color: #248DCC; }
.pro-info{line-height: 25px; margin-bottom: 5px; }
.pro-info span{ margin-right: 10px; }
.pro-info span em{color: #b57c5b; font-weight: bold;}
.pro-info span em.a{color: #38b}
.pro-info .end_date strong{ color:#78b300; padding:0 3px;}
.pro-status{position: relative; height: 32px; border: 0; border-top: 1px solid #eee; margin: 0 -14px; color: #999; }
.pro-status .status-item{float: left; display: inline-block; border-right: 1px solid #eee; width: 38%; line-height: 14px; text-align: left; white-space: nowrap; text-align: center; overflow: hidden;}
.pro-status .status-item.last{ border-right: 0;}
.pro-status .status-item.proBg{ background: url(../images/pro-listico.jpg) no-repeat; background-position: center -11px;text-indent: -9999px; }
.pro-status .status-item.proBg.proBg-buy{ background-position: center -59px; width:61.582%;}
.pro-status .status-item:hover{ background: #343933; font-size: 14px; text-indent: 0;}
.pro-status .status-item:hover a{ color: #fff; }
.pro-status .status-item a{ display: block; padding: 10px 3px; height: 16px;}
.pro-status .status-item a input[type=checkbox]{ vertical-align: middle; *vertical-align: middle; margin-top: -1px; *margin-top: -1px;}
.pro-status.no-border,.pro-status.no-border .status-item{border: 0 none;}
.pro-status .status-item .iconfont{ margin-right: 3px; font-size: 14px;}
.new_picon{ position:absolute; overflow:hidden; width:30px; height:30px; top:15px; right:15px; z-index: 3;}
.pi0{ background:url(../images/quehuo.jpg) left top no-repeat;}
.pi1{ background:url(../images/xinpin.png) left top no-repeat;}
.pi2{ background:url(../images/remai.png) left top no-repeat;}
.pi3{ background:url(../images/jingpin.png) left top no-repeat;}
/*//无符合条件的商品提示*/
.search-notip {padding: 50px 100px; background: #fff; border: 1px solid #ddd;}
.search-notip .notip-text{ background: url(../images/cry.jpg) no-repeat left #fff; padding-left: 170px; min-height: 140px; padding-top: 50px;}
.search-notip .notip-text h1{ font-size: 18px; color: #000; margin-bottom: 10px; }
.search-notip .notip-text p{ color: #b6b6b6; line-height: 20px;}

/* ==================== 顶级分类页 ====================*/
.cate-top-wrap{}
.slide-wrap{ }
.slide-wrap .sub-menu{  width: 240px; margin-right: 10px; background: #fff; position: absolute; left: 0; z-index: 999;*border:#ddd solid 1px;}
.slide-wrap .sub-menu .menu{ border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 3px solid #fff; box-shadow: 0 0 14px #ccc; height: 653px;}
.slide-wrap .sub-menu .menu.active{ border: 3px solid #6c33a8;}
.slide-wrap .sub-menu .menu-item{ padding: 16px 16px 15px 13px; width: 208px; border-bottom: 1px dotted #ccc; position: relative;} 
.slide-wrap .sub-menu .menu-item.current{background: #6c33a8; border-bottom: 1px dotted #6c33a8;}
.slide-wrap .sub-menu .item-title{font-size: 14px; font-family: 'Microsoft Yahei'; font-weight: 700; line-height: 20px;} 
.slide-wrap .sub-menu .item-bd{overflow: hidden; height: auto;}
.slide-wrap .sub-menu .item-bd li{font-size: 12px; float: left; margin: 5px 12px 0 0; line-height: 18px; white-space: nowrap;} 
.slide-wrap .sub-menu .item-bd a{ color: #535353;}
.slide-wrap .sub-menu .item-bd a.highlight{color: #6c33a8;}
.slide-wrap .sub-menu .to-show{ position: absolute; top: 15px; right: 10px; width: 16px; height: 18px; line-height: 18px; font-size: 18px; color: #777; font-style: normal;}
.slide-wrap .sub-menu .menu-item.current .item-title a,
.slide-wrap .sub-menu .menu-item.current .item-bd a,
.slide-wrap .sub-menu .menu-item.current .to-show{ color: #fff; }
.slide-wrap .menu-panel{ position: absolute; left: 236px; border-top: 3px solid #6c33a8; border-bottom: 3px solid #6c33a8; border-right: 3px solid #6c33a8; width: 200px; height: 653px; top: 0; background: #fff; display: none;}
.slide-wrap .menu-panel .menu-shadow{    background: url(../images/menu-shadow.png) repeat-y; width: 11px; height: 653px; display: block; position: absolute; top: 0; left: 0;}
.slide-wrap .menu-panel .menu-header{ display: block; height: 24px; line-height: 24px; padding: 26px 0 12px 26px; font-size: 24px; color: #6c33a8;}
.slide-wrap .menu-panel .sub-col{ height: 565px; padding: 0 25px 25px;}
.slide-wrap .menu-panel .sub-col a{ display: block; color: #535353; margin: 4px 0 0;}
.slide-wrap .menu-panel .sub-col a:hover{text-decoration: underline;}
.slide-wrap .menu-panel .sub-col a.highlight{ color: #6c33a8; }
.slide-wrap .slide-main{ width: 700px; height: 660px; float: left; margin-left: 240px; overflow: hidden; position: relative;} 
.slide-wrap .slide-style{width: 700px; height: 400px; overflow: hidden;}
.slide-wrap .slide-style .slide-item{ height: 400px;}
.slide-wrap .slide-style .tab-nav{position: absolute; height: 20px; line-height: 20px; bottom: 20px; z-index: 10; top: 366px; right: 10px;}
.slide-wrap .slide-style .tab-nav li{ width: 20px; height: 20px; float: left; border-radius: 50%; background-color: #000; margin-right: 8px; cursor: pointer;color: #fff; text-align: center;}
.slide-wrap .slide-style .tab-nav li.on{background-color: #6c33a8;}
.slide-wrap .slide-main .daily-brand{ position: absolute; top: 409px; left: 10px;}
.slide-wrap .slide-main .daily-brand img{ width: 222px; height: 250px; }
.slide-wrap .slide-main .brand-show{ width: 450px; height: 250px; position: absolute; top: 409px; left: 250px; overflow: hidden;}
.slide-wrap .slide-main .brand-slide .bd li a{ float: left; height: 73px; width: 110px;} 
.slide-wrap .slide-main .brand-slide .bd .small-brand img{ width: 90px; height: 45px; margin-top: 20px; }
.slide-wrap .right-side{ width: 250px; height: 658px; border: 0; border-top: 0; float: left; overflow: hidden;}
.slide-wrap .right-side .new-ad{width: 248px; height: 400px; border-bottom: 1px solid #e6e6e6; position: relative;}
.slide-wrap .right-side .nine-clock{text-align: center; background: #fff;}
.slide-wrap .right-side .nine-clock .head{ line-height: 50px; font-size: 24px;}
.slide-wrap .right-side .nine-clock .head img{ vertical-align: middle; margin-top: -3px; }
.slide-wrap .right-side .nine-clock .body{position: relative; height: 210px;}
.slide-wrap .right-side .nine-clock .list{ text-align: center;}
.slide-wrap .right-side .nine-clock .list li{ width: 160px; margin: 0 45px;}
.slide-wrap .right-side .nine-clock .list .img img{ height: 160px; width: 160px;}
.slide-wrap .right-side .nine-clock .list .price{ color: #c40000; font-size: 18px; line-height: 30px; }
.slide-wrap .right-side .nine-clock .list .price del{ color: #999; font-size: 14px; }
.slide-wrap .right-side .nine-clock .body .prev,
.slide-wrap .right-side .nine-clock .body .next{ position: absolute; top: 50%; height: 100px; width: 30px; line-height: 100px; font-size: 100px; margin-top: -70px; color: #6c33a8;}
.slide-wrap .right-side .nine-clock .body .prev{ left: 0; }
.slide-wrap .right-side .nine-clock .body .next{ right: 0; }
.recommend-wrap{}
.recommend-style-5{ margin-top: 30px; }
.recommend-style-5 .style-title{background-color: transparent; border-bottom: 2px solid #000; height: 31px;}
.recommend-style-5 .style-title .title{font-size: 20px; font-family: 'microsoft yahei'; font-weight: 700; line-height: 28px; float: left; white-space: nowrap;}
.recommend-style-5 .style-title .tag{display: inline-block; width: 23px; height: 23px; float: left; margin-right: 7px; font-size: 20px; font-weight: 700; line-height: 30px; background: url(../images/cate-top-tag.png) no-repeat;}
.recommend-style-5 .style-list{ margin-right: -24px; padding-top: 7px;}
.recommend-style-5 .style-list a{ border: 1px solid #f2f2f2; border-bottom: 3px solid #f2f2f2; float: left; display: block; margin: 0 20px 20px 0;}
.recommend-style-5 .style-list a img{width: 386px; height: 217px;}
.recommend-style-4{ margin-top: 30px; margin-bottom: 30px; }
.recommend-style-4 .style-title{border-bottom: 2px solid #000; height: 31px;}
.recommend-style-4 .style-title .title{font-size: 20px; font-family: 'microsoft yahei'; font-weight: 700; line-height: 28px; float: left; white-space: nowrap;}
.recommend-style-4 .style-list a img{ width: 290px; height: 330px; }
.recommend-style-hybrid{ margin-top: 30px; }
.recommend-style-hybrid .style-title{background-color: transparent; border-bottom: 2px solid #000; height: 31px;}
.recommend-style-hybrid .style-title .title{font-size: 20px; font-family: 'microsoft yahei'; font-weight: 700; line-height: 28px; float: left; white-space: nowrap;}
.recommend-style-hybrid .style-title .extra{ float: right; line-height: 30px;}
.recommend-style-hybrid .style-title .extra a{ margin-left: 15px; color: #999; }
.recommend-style-hybrid .style-title .extra a:hover{text-decoration: underline;}
.recommend-style-hybrid .style-list{ height: 400px; padding-bottom: 50px; overflow: hidden; }
.recommend-style-hybrid .list-side{ width: 190px; height: 400px; float: left; background-color: #f8f8f8;}
.recommend-style-hybrid .list-side .head-img{ height: 115px; display: block; background: url(../images/catetop-floortitle-bg.jpg) no-repeat; line-height: 97px; text-align: center; color: #fff; font-size: 23px; font-weight: bold;}
.recommend-style-hybrid .list-side .slide-hybrid{ height: 275px; margin: 0 10px 10px; position: relative; background-color: #fff; padding-left: 35px;}
.recommend-style-hybrid .list-side .slide-hybrid .bd{ width: 100px; overflow: hidden; height: 275px; margin: 0 auto; position: relative;}
.recommend-style-hybrid .list-side .slide-hybrid .bd li{ float: left; overflow: hidden; width: 100px; display: block;}
.recommend-style-hybrid .list-side .slide-hybrid .bd a{ width: 90px; height: 45px; padding: 17px 5px 0; display: block; text-decoration: none;}
.recommend-style-hybrid .list-side .slide-hybrid .bd img{ width: 90px; height: 45px; }
.recommend-style-hybrid .list-side .slide-hybrid .prev,
.recommend-style-hybrid .list-side .slide-hybrid .next{width: 14px; height: 20px; position: absolute; top: 125px; cursor: pointer;}
.recommend-style-hybrid .list-side .slide-hybrid .prev{background: url(../images/catetop-brandprev.png) no-repeat; left: 13px;}
.recommend-style-hybrid .list-side .slide-hybrid .next{background: url(../images/catetop-brandnext.png) no-repeat; right: 13px;}
.recommend-style-hybrid .list-main{ padding: 10px 0 0 10px; float: left; height: 390px; width: 390px; overflow: hidden;}
.recommend-style-hybrid .list-sub{ float: left; width: 600px; padding-top: 10px; padding-left: 10px; margin-right: -10px;}
.recommend-style-hybrid .list-sub a{float: left; margin: 0 10px 10px 0; height: 190px; width: 190px; position: relative; overflow: hidden;}
.recommend-style-hybrid .list-sub img{width: 190px; height: 190px;}
.recommend-style-hybrid .list-sub .title{ position: absolute; left: 0; bottom: -30px;  width: 170px; padding: 0 10px; line-height: 30px; line-height: 30px; background-color: rgba(0, 0, 0, .5); *background: #000; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s;}
.recommend-style-hybrid .list-sub a:hover .title{ bottom: 0; }
.floor-wrap{}

/* ================= 团购页面 ================= */
.group_buy_pg{ padding-bottom:50px;}
.group_head{width: 100%; height: 350px; overflow: hidden; position: relative; }
.group_head_a {position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; display: block; text-align: center; z-index: 1; }
.actionList li.item{ width: 232px; }
.actionList li.item .item-inner{ width: 202px; }