/*
  ** shuzhan
  *  2018-04-17
 * */


.list-col-main{overflow: hidden;width: 1204px;padding-left: 4px;position: relative;}
.bedding-list{width: 1280px;}
/* 展会跟踪 */
.bedding-list>li.bedding-list-track{float: left;background: #fff;width:282px; margin-right:23px;margin-bottom: 30px;font-size: 12px;position:relative;}
.bedding-list>li.bedding-list-track>div.pic-box{width:270px;height:270px;padding:5px 5px 0;border: 1px solid #eee;border-bottom: 0 none;}
.bedding-list>li.bedding-list-track>div.pic-box>a{position: relative; display: block;overflow: hidden; width: 270px; height: 270px;line-height: 270px;text-align: center; margin: 0 auto;}
.bedding-list>li.bedding-list-track>div>a>.watermark-box{background: url(/skin/images/watermark_new.png) no-repeat center center;width: 100%;height: 100%; position: absolute;top: 0;left: 0;}
.bedding-list>li.bedding-list-track>div>a>.watermark-tourist-box{background: url(/skin/images/watermark1_new.png) no-repeat center center;width: 100%;height: 100%; position: absolute;top: 0;left: 0;}
.bedding-list>li.bedding-list-track>div>a>img{vertical-align: middle;max-width: 270px;}
.bedding-list>li.bedding-list-track .text-time{cursor: pointer; background: url(/skin/images/opa-fff-80.png) 0 0 repeat; display: none;height: 28px;line-height: 28px;width: 100%;left: 0;bottom: 0px;text-align: center;color: #666;}
.bedding-list>li.bedding-list-track .text-time-space{opacity:0.79;}
.bedding-list>li.bedding-list-track .text-time>i{vertical-align:middle;margin-right:4px;display: inline-block;*display: inline;*zoom: 1;width: 13px;height: 13px;background: url(/skin/images/all_icon.svg) no-repeat -83px -57px;}
.bedding-list>li.bedding-list-track .text-space{position: absolute;bottom: 0px;left: 0px;width: 100%;display: none;}
.bedding-list>li.bedding-list-track .text-space>div{width: 250px;max-height: 82px;background:#FFFFFF;line-height: 18px;text-align: left;font-size: 12px;color: #666666;padding:15px 10px;}
.bedding-list>li.bedding-list-track .text-space>div>p{overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
/* 空间设计 */
.bedding-list>li.bedding-list-station{float: left;width:282px; margin-right:23px;margin-bottom: 30px;font-size: 12px;position:relative;}
.bedding-list>.bedding-list-station>div.pic-box{height:270px;border: 1px solid #eee;border-bottom: 0 none;position: relative;}
.bedding-list>.bedding-list-station>div.news-box{height: auto !important;}
.bedding-list>.bedding-list-station>div.news-box>a {height: 160px !important;line-height: 160px !important}
.bedding-list>.bedding-list-station>div.pic-box>a{position: relative; display: block;overflow: hidden; height: 270px;line-height: 270px;text-align: center; margin: 0 auto;}
.bedding-list>.bedding-list-station>div>a>.watermark-box{background: url(/skin/images/watermark_new.png) no-repeat center center;opacity: .8;width: 100%;height: 100%; position: absolute;top: 0;left: 0;}
.bedding-list>.bedding-list-station>div>a>.watermark-tourist-box{background: url(/skin/images/watermark1_new.png) no-repeat center center;opacity: .8;width: 100%;height: 100%; position: absolute;top: 0;left: 0;}
.bedding-list>.bedding-list-station>div>a>img{vertical-align: middle;max-width: 100%;}
.bedding-list>.bedding-list-station .text-time{cursor: pointer; background: url(/skin/images/opa-fff-80.png) 0 0 repeat; display: none;position: absolute;height: 28px;line-height: 28px;width: 100%;left: 0;bottom: 0px;text-align: center;color: #666;}
.bedding-list>.bedding-list-station .text-time-space{opacity:0.79;}
.bedding-list>.bedding-list-station .text-time>i{vertical-align:middle;margin-right:4px;display: inline-block;*display: inline;*zoom: 1;width: 13px;height: 13px;background: url(/skin/images/all_icon.svg) no-repeat -83px -57px;}
.bedding-list>.bedding-list-station .text-space{position: absolute;bottom: 0px;left: 0px;width: 100%;display: none;}
.bedding-list>.bedding-list-station .text-space>div{width: 250px;max-height: 82px;background:#FFFFFF;line-height: 18px;text-align: left;font-size: 12px;color: #666666;padding:15px 10px;}
.bedding-list>.bedding-list-station .text-space>div>p{overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.bedding-list>.bedding-list-station .text-space .text-time{cursor: pointer; background: url(/skin/images/opa-fff-80.png) 0 0 repeat;height: 28px;line-height: 28px;width: 100%;text-align: center;color: #666;display: block;position: static;}
.bedding-list>.bedding-list-station .text-space .text-time>i{vertical-align:middle;margin-right:4px;display: inline-block;*display: inline;*zoom: 1;width: 16px;height: 16px;background: url(/skin/images/list-icon1.png) no-repeat -25px -27px;}

.color-time-box{position:absolute;bottom:0;left:0;width: 100%;}
.bedding-list .color-time-box .text-time{position: static;}
.color-bottom{width:100%;height:20px;display: none;}
.color-bottom>div{float:left;height:100%;padding:0;display:block;}

/* 全屋 */
.bedding-list>li.bedding-list-house{float: left;background: #fff;width:350px; margin-right:75px;margin-bottom: 30px;font-size: 12px;position:relative;}
.bedding-list>.bedding-list-house>div.pic-box{width:350px;height:393px;/* padding:5px 5px 0;border: 1px solid #eee;border-bottom: 0 none; */}
.bedding-list>.bedding-list-house>div.pic-box>a{position: relative; display: block;overflow: hidden; width: 100%; height: 335px;/* line-height: 270px;text-align: center; */ margin: 0 auto;}
.bedding-list>.bedding-list-house>div>a>.watermark-box{background: url(/skin/images/watermark_new.png) no-repeat center center;opacity: .8;width: 100%;height: 100%; position: absolute;top: 0;left: 0;}
.bedding-list>.bedding-list-house>div>a>.watermark-tourist-box{background: url(/skin/images/watermark1_new.png) no-repeat center center;opacity: .8;width: 100%;height: 235px; position: absolute;top: 0;left: 0;}
.bedding-list>.bedding-list-house>div>a>.pic-box-top{width: 350px;height: 235px;line-height: 235px;text-align: center;overflow: hidden;position: relative;}
.bedding-list>.bedding-list-house>div>a>.pic-box-top img{max-width: 350px;width: 350px;height: 235px;transition: all 0.5s ease;}
.bedding-list>.bedding-list-house>div>a .pic-box-top:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ;}
.bedding-list>.bedding-list-house .text-space{width: 100%;display: block;padding: 16px 16px 0 16px;box-sizing: border-box;}
.bedding-list>.bedding-list-house .text-space .text-title{width: 318px;height: 24px;color: #333333;font-size: 18px;font-weight: bold;line-height: 24px;text-align: left;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.bedding-list>.bedding-list-house .text-space>p{width: 318px;height: 20px;color: #999;font-size: 12px;line-height: 20px;text-align: left;margin-top: 8px; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.bedding-list>.bedding-list-house .text-time-box{height: 14px;margin-top: 16px;}
.bedding-list>.bedding-list-house .text-time-box>span{display: inline-block;float: left;color: #999;font-size: 14px}
.bedding-list>.bedding-list-house .text-time-box>span.text-time-space>i{margin-right:6px;display: inline-block;*display: inline;*zoom: 1;}
.bedding-list>.bedding-list-house .text-space .text-time>i{background: url(/skin/images/new-icon.svg) no-repeat -30px -27px ;width: 14px;height: 14px;vertical-align: -2px;}
.bedding-list>.bedding-list-house .text-space .text-views{float: right;}
.bedding-list>.bedding-list-house .text-space .text-views>i{background: url(/skin/images/new-icon.svg) no-repeat -62px -29px; width: 15px;height: 9px;vertical-align: 1px;}
.bedding-list>.bedding-list-house .text-label-box{height: 28px;margin-top: 16px;}
.bedding-list>.bedding-list-house .text-space .text-label{ width: 53px; height: 28px; border-radius: 5px;border: 1px solid #E5E5E5;box-sizing: border-box;line-height: 28px;text-align: center;color: #666;font-size: 12px;padding: 5px 8px;display: inline;margin-right: 9px;}
.bedding-list>.bedding-list-house .text-down{margin-top: 16px;height: 42px;overflow: hidden;}
.bedding-list>.bedding-list-house .text-down .report-img-label{border: none;width: 350px;max-height: 28px;padding: 0 16px 16px 16px; box-sizing: border-box;overflow: hidden;}
.bedding-list>.bedding-list-house .text-down>.report-img-label>a{display: inline-block;/* width: 53px; */line-height: 16px;height: 28px;padding: 5px 8px;border: 1px solid #eee;border-radius: 5px;margin-right: 9px;color: #666;box-sizing: border-box;}
.bedding-list>.bedding-list-house .text-down>.report-img-label>a:hover{color: #333;border: 1px solid #999;}

.bedding-list>li .tools-box{position: absolute;right: 13px;top: 13px;width: 30px;z-index: 1;display: none;}
.bedding-list>li .tools-box>a{width:30px;height:30px;cursor:pointer;background: rgba(0, 0, 0, 0.4);display: block;position: relative;cursor: pointer;margin-bottom: 4px;border-radius: 4px;}
.bedding-list>li .tools-box>a>div{position: absolute;right: 37px;height: 30px;padding: 0 5px;background: rgba(0, 0, 0, 0.5);font-size: 12px;color: #fff;white-space: nowrap;top: 50%;transform: translateY(-50%);display: none;line-height: 30px;border-radius: 5px;}
.bedding-list>li .tools-box>a>div::after{content: '';position: absolute;right: -4px;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: url(/skin/images/collect_svg.svg) no-repeat -212px -81px;}
.bedding-list>li .tools-box .collect-btn::before{content: '';background: url(/skin/images/collect_svg.svg) no-repeat -168px -28px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 16px;height: 16px;}
.bedding-list>li .tools-box>a:hover>div{display: block;}
.bedding-list>li .tools-box .collect-btn.cur::before{background-position: -192px -28px;}
.bedding-list>li .tools-box .download-btn::before{content: '';background: url(/skin/images/collect_svg.svg) no-repeat -30px -150px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 16px;height: 16px;}

.bedding-list>li .text-down{/*padding: 9px 10px;*/height: 61px; position: relative;}
.bedding-list>li.bedding-list-station .text-down>.report-img-label{border: 1px solid #eee;border-top: 0 none;position: absolute;z-index: 2;background:#fff; width: 100%; padding: 7px 10px 2px; min-height: 52px;height: 52px; line-height: 24px;word-break: break-all;overflow: hidden;}

.bedding-list>li .text-down>.report-img-label{border: 1px solid #eee;border-top: 0 none;position: absolute;z-index: 2;background: #fff; width: 260px; padding: 7px 10px 2px; min-height: 52px;height: 52px; line-height: 24px;word-break: break-all;overflow: hidden;}
.bedding-list>li .text-down>.report-img-label>a{font-size:12px;color:#999;margin-right:5px;line-height:20px;}
.bedding-list>li .text-down>.report-img-label>a+a{border-left:1px solid #e5e5e5;padding-left:5px;}

.bedding-list>li:hover>div.pic-box{box-shadow: 0 0 10px #d9d9d9;}
.bedding-list>li:hover .text-time{display: block;}
.bedding-list>li:hover .color-bottom{display: block;}
.bedding-list>li:hover .text-space{display: block;}
.bedding-list>li:hover .tools-box{display: block;}
.bedding-list>li.bedding-list-station:hover .report-img-label{box-shadow: 0 3px 4px #d9d9d9;height: auto;}
.bedding-list>li:hover .report-img-label>a{color:#333;}
.bedding-list>li .report-img-label>a:hover{color:#FF9300;}
.bedding-list>li .report-img-label>p{white-space: nowrap;overflow: hidden;}
.bedding-list>li .report-img-label>p>a{color:#333;font-size:12px;color:#999;margin-right:5px;line-height:20px;}
.bedding-list>li .report-img-label>p>a+a{border-left:1px solid #e5e5e5;padding-left:5px;}
.bedding-list>li .report-img-label>p>a:hover{color:#FF9300;}

/* 推荐数据 */
.recommend-listdata>p{font-size: 30px;font-weight: bold;color: #1C232B;margin-bottom: 38px;position: relative;}
.recommend-listdata .bedding-list{max-height: 734px;overflow: hidden;}
.recommend-listdata>p::after{content: 'HOT STYLE';font-size: 18px;color: #333;position: absolute;left: 0;bottom: -8px;opacity: 0.11;font-weight: normal;}
.recommend-listdata-exhibition>p::after{content: 'NEW RECOMMEND';}

/*底部列表*/
.style-discovery{padding-top: 30px;}
.style-discovery>p{height: 28px;margin: 0px 0 22px;}
.discovery-list{width: 1240px;height: 290px;overflow: hidden;padding: 4px 0 0 10px;margin-left: -7px;}
.discovery-list>li{float: left;background: #fff;border: 1px solid #eee; width:280px; margin-right:22px;margin-bottom: 30px; font-size: 12px;position:relative;}
.discovery-list>li>a{display:block;width:280px;margin: 0 auto; height:196px;line-height:196px;position: relative;z-index:1;text-align:center;cursor: pointer;overflow: hidden;}
.discovery-list>li>a>img{display: block;height: 196px;}

.discovery-list>li .text-down{ border-top: none;position:relative;min-height:64px;}
.discovery-list>li .text-position{position:absolute;left:0;bottom:0;z-index:9;width:100%;min-height:64px;}
.discovery-list>li .text-position>a{display: block;cursor: pointer;}
.discovery-list>li .img-description{background:#fff;max-height:54px;line-height: 18px;overflow: hidden; font-size:12px;color:#999;padding:10px 10px 0px 10px;display:none;cursor:default;}
.discovery-list>li .report-img-label{border-bottom: 10px solid #fff; background:#fff;padding:8px 10px 0px;max-height:24px;overflow:hidden;line-height:24px;word-break: break-all;}
.discovery-list>li .report-img-label>a{font-size:12px;color:#999;margin-right:5px;line-height:20px;}
.discovery-list>li .report-img-label>a+a{border-left:1px solid #e5e5e5;padding-left:5px;}
.discovery-list>li .text-position>a span{cursor: pointer;}
.discovery-list>li .text-position>a em{cursor: pointer;}
.discovery-list>li p.title{overflow: hidden;color: #333; cursor: pointer;padding:12px 10px 0;background:#fff;max-height:35px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;}
.discovery-list>li p.time{color: #666;cursor:default;padding:0 10px;display:none;cursor:pointer;height:26px;line-height:26px;background:#f5f5f5 url(/skin/images/opa-fff-80.png) 0 0 repeat;}
.discovery-list>li p.time>.fl>em{vertical-align:middle;margin-right:4px;display: inline-block;*display: inline;*zoom: 1;width: 16px;height: 16px;background: url(/skin/images/list-icon1.png) no-repeat -25px -27px;}
.discovery-list>li p.time>.fr>em{vertical-align:middle;margin-right:4px;display: inline-block;*display: inline;*zoom: 1;width: 16px;height: 16px;background: url(/skin/images/list-icon1.png) no-repeat -59px -29px;}
.discovery-list>li p.time i{font-style: normal;}


.discovery-list>li:hover{box-shadow: 0 0 10px #d9d9d9;}
.discovery-list>li:hover p.time{display:block;}
.discovery-list>li:hover p.title{white-space:normal;}
.discovery-list>li:hover .report-img-label>a{color:#333;}
.discovery-list>li .report-img-label>a:hover{color:#de7228;}
.discovery-list>li:hover .report-img-label{max-height:44px;}


@media only screen and (min-width: 1500px){
    .bedding-list>li.bedding-list-house{margin-right: 33px;}
    .list-col-main{overflow: hidden;width: 1504px;}
    .bedding-list,.discovery-list{width: 1540px;}

}