/*===============轮播图===============*/
.carousel{
    position: relative;
    height: 500px;
    width: 100%;
    overflow: hidden;
}
.carousel-inner{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.carousel-inner>.item{
    float: left;
    position: relative;
    height: 500px;
    width: 100%;
}
.carousel-inner .item-pic{
    position: absolute;
    top: 0;
    left: 20%;
    width:1200px;
    height: 500px;
    overflow: hidden;
}
.pagination{
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index:6;
    width: 100%;
    text-align: center;
}
.pagination-item{
    display: inline-block;
    width: 30px;
    height: 5px;
    margin:0 3px;
    background: #fff;
    cursor: pointer;
}
.pagination-item:hover{
    background-color: #000;
}
.pagination-item.active{
    background-color: #000;
}

.carousel .carousel-control:hover{
    opacity:.6;
}
.banner-right-box{
    position: absolute;
    top: 0;left: 50%;
    margin-left: 412px;
    width: 200px;
    padding-top: 10px;
    overflow: hidden;
}
.banner-right-item{
    display: block;
    width: 200px;height: 235px;
    margin-bottom:10px;
    opacity: 0.7;
    overflow: hidden;
}
.banner-right-item:hover{
    opacity: 1;
}
.banner-right-item img{width: 100%;min-height: 100%;}

/*===============限时抢购===============*/
.flash_sale{overflow: hidden;margin-top: 30px;}
.flash_sale .tit{overflow: hidden;}
.flash_sale .tit p{float: left;line-height: 44px;position: relative;}
.flash_sale .tit .sale_ico{font-size: 20px;font-weight: 600;padding-left: 30px;}
.flash_sale .tit .sale_ico:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -12px;
    background-image: url(../images/sprite_chaoshi_index@1x.png);
    background-position: 0 -52px;
    -moz-background-size: 118px 73px;
    background-size: 118px 73px;
    background-repeat: no-repeat;
    width: 19px;
    height: 21px;
}
.flash_sale .tit .spacer{display: inline-block;margin: 0 15px;background:#777;}

.countdown-alt-1 {
    display: block;
    font-size: 0;
    float: left;
    margin-left:20px;
}
.countdown-alt-1 *{color: #c52922;}
.countdown-alt-1 .item {
    position: relative;
}
.countdown-alt-1 .dd,
.countdown-alt-1 .hh-1,
.countdown-alt-1 .hh-2,
.countdown-alt-1 .mm-1,
.countdown-alt-1 .mm-2,
.countdown-alt-1 .ss-1,
.countdown-alt-1 .ss-2 {
    font-family: 'Righteous', cursive;
    background:#f7e9e4;
    display: inline-block;
    font-size: 30px;
    margin: 1px 2px;
    min-width: 40px;
    text-align: center;
}
.countdown-alt-1 .hh-1,
.countdown-alt-1 .hh-2,
.countdown-alt-1 .mm-1,
.countdown-alt-1 .mm-2,
.countdown-alt-1 .ss-1,
.countdown-alt-1 .ss-2 {
    width: 40px;
    max-width: 40px;
}
.countdown-alt-1 .separator-dd,
.countdown-alt-1 .separator {
    font-size: 20px;
    padding: 0 5px;
    position: relative;
}
.flash_sale_cont{}
.sale_ul{;overflow: hidden;width: 1000px;float: left;background: #fff;}
.sale_ul .floor-goods-item{margin: 0;border-left: 1px solid #f0f0f0;}
.sale_ul li .googs-price{text-align:left;padding: 0 27px;}
.sale_ul li .googs-price b{font-size: 18px;}
.sale_ul li .googs-price .old_price{color: #888;text-decoration: line-through;float: right;font-size: 12px;}
.flash_sale_cont .flash_sale_r{width: 224px;float: left;height: 312px;overflow: hidden;}
.flash_sale_cont .flash_sale_r img{width:100%;min-height: 100%;}



/*===============品牌===============*/
.index_brand{overflow: hidden;background: #fff;margin: 10px 0;}
.index_brand li{
    float: left;
    width: 10%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px;
    box-sizing: border-box;
    height: 90px;
    overflow: hidden;
    text-align: center;
}
.index_brand li img{height: 100%;}


/*===============品质生活家===============*/
.quality_left{width: 834px;float: left;background: #fff;overflow: hidden;}
.quality_left .tit{
    line-height: 55px;
    font-size: 20px;
    color: #28ABFF;
    padding-left: 20px;
}
.quality_left .tit:before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 16px;
    background: #28ABFF;
    margin-right: 5px;
}
.qua_l{width:45%;float: left;border-right: 1px solid #eee;box-sizing: border-box;}
.qua_r{width:55%;float: left;}
.qua_l .img_box{height: 352px;overflow: hidden;}
.qua_l .img_box img{width: 100%;min-height: 100%;}
.qua_div,.quality_right .item{padding: 18px;border: 1px solid #fff;border-top: 1px solid #eee;box-sizing: border-box;overflow: hidden;}
.qua_div:hover,.quality_right .item:hover{border: 1px solid #c52922;}
.qua_div .qua_tit{font-weight:400;font-size: 18px;line-height: 28px;}
.qua_div .qua_tit span{font-size: 12px;color: #888;}
.qua_l .qua_div .qua_tit{margin-top: 30px;}
.qua_l .qua_div .qua_tit span{display: block;}
.qua_div dt{float: left;width: 45%;margin-left: 7%;}
.qua_div dd{float: left;width:40%;height: 135px;overflow: hidden;}
.qua_div dd img{width: 100%;}
.qua_r .qua_div .qua_tit{margin: 15px 0;}
.qua_div .img2{height: 183px;overflow: hidden;}
.qua_div .img2 img{width: 42%;margin: 0 4%;}

.quality_right{width:380px;float: right;}
.quality_right .tit{color: #ff242d;}
.quality_right .tit:before{background: #ff242d;}
.quality_right .item{padding: 18px 30px; padding-bottom: 13px;}
.quality_right .item dl{overflow: hidden;margin-top: 5px;}
.quality_right .item dl dt{float: left;width:45%;height: 125px;overflow: hidden;}
.quality_right .item dl dt img{width: 100%;height: 100%;}
.quality_right .item dl dd{float: left;width: 40%;margin-left: 15%;}
.quality_right .item dl dd p{font-size: 16px;line-height: 26px;}
.quality_right .item dl dd p span{font-size: 12px;color: #888;display: block;}
.quality_right .item dl dd a{
    margin-top: 13px;
    display: block;
    width: 76px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #ff242d;
    color: #ff242d;
    -webkit-border-radius: 12px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 12px;
    -moz-background-clip: padding;
    border-radius: 12px;
    background-clip: padding-box;
    text-align: center;
}
.quality_right .item h3{font-size: 18px;font-weight: 400;}



/*===============楼层===============*/
.floor-nav{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left:-674px;
    z-index: 7;
    background: #333;
    border:1px solid #ddd;
    display: none;
}
.floor-nav>li,.floor-nav p{
    width: 30px;
    height: 30px;
    padding:5px;
    line-height: 15px;
    color: #ddd;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}
.floor-nav>li:first-child{line-height: 30px;background: #c52922;}
.floor-nav>li+li{
    border-top: 1px solid #ddd;
}
.floor-nav>li:hover{
    background: #c52922;
    color: #fff;
}
.floor-nav .floor-nav-ac{
    background: #c52922;
    color: #fff;
}
.floor-nav>li>span{
    display: block;
    font-size: 12px;
    overflow: hidden;
    color: #f0f0f0;
}

.index_adv{margin-top: 10px;height: 100px;overflow: hidden;display: block;}
.index_adv img{width: 100%;}
.floor-top{
    height: 35px;
    padding-top: 30px;
}
.floor-title{
    float: left;
    width: 240px;
    height: 35px;
    font-weight: 400;
    font-size: 20px;
    color: #333;
}
.floor-nav-list{
    float: right;
    height: 35px;
    margin-left: 4px;
    overflow: hidden;
}
.floor-nav-item{
    float: left;
    height: 35px;
    padding:0 10px;
    font-size: 14px;
    color: #666;
}
.floor-nav-item:hover{
    color: #c52922;
}
.nav-more-btn{
    float: right;
    color: #666;
    margin-left: 10px;
}

.nav-more-btn:hover{
    color:#c52922;
}
.floor-main{
    min-height: 535px;
    overflow: hidden;
}
.floor-brand{
    float: left;
    width: 230px;
}
.floor-brand .brand-big{
    display: block;
    width: 100%;
    height:617px;
    overflow: hidden;
}
.floor-brand .brand-big img{height: 100%;}
.floor-brand .brand-samll{
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.floor-goods-list{
    float: left;
    width: 993px;
    border-left: 1px solid #eee;
}

.floor-goods-item{
    float: left;
    width:233px;height: 300px;
    border: 1px solid #fff;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    margin-left: 13px;margin-bottom: 13px;
}
.floor-goods-item:hover{
    border: 1px solid #c52922;
}
.floor-goods-item .googs-title{
    width: 177px;height: 44px;
    line-height: 22px;
    overflow: hidden;
    margin:auto;
}
.floor-goods-item .googs-price{
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    color: #c52922;
}
.floor-goods-item .goods-pic{
    width: 167px;
    height: 167px;
    margin:20px auto 14px;
    overflow: hidden;
}
.floor-goods-item .goods-pic img{max-width: 100%;height: 100%;}


.index_like_tit{line-height: 22px;text-align: center;margin: 20px 0;font-size: 18px;}
.index_like_tit span{
    background: url("../images/like.png");
    width: 25px;height: 22px;
    background-size:cover;
    display: inline-block;
    margin-left: 40px;
    margin-right: 8px;
    vertical-align: middle;
}
.index_like_tit:before,.index_like_tit:after{
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background-color: #979797;
    top: 12px;
}
.index_like_tit:after{margin-left: 10px;}
.index_like{overflow: hidden;margin-left: -12px;}
.index_like .floor-goods-item{margin-left: 12px;}