/* 
    #data   20180904
    #author fanglinna

*/

/* 列表导航切换公共样式 */
.style-nav-section{margin-top:25px;position: relative;padding:14px 12px 14px 20px;background-color:#fff;border:1px solid #eee;box-shadow: 0px 0px 10px #f3f3f3;}
.style-nav-fl{padding-right:20px;position: relative;}
.style-nav-fl>h1{font-weight:bold;color:#333;font-size:24px;margin-bottom:15px;margin-top:31px;}
.style-nav-fl>.search-key-box{position: relative;}
.style-nav-fl>.search-key-box>input[type="text"]{height:34px;width:234px;padding-left:10px;border:1px solid #999;font-size:12px;color:#999;border-radius:3px;}
.style-nav-fl>.search-key-box>input[type="button"]{position: absolute;right:25px;top:9px;background:url(lists/icon.png) -34px 0 no-repeat;width:18px;height:18px;}
.hot-search-box{margin-top:15px;width:246px;}
.hot-search-box>span{font-size:12px;color:#999;}
.hot-search-box>div{font-size:0;width:185px;}
.hot-search-box>div>a{font-size:12px;color:#999;margin-right:9px;}
.hot-search-box>div>a:hover{color:#cc0066;}
.column-nav-rg{border-left:1px solid #ededed;}
.column-nav-rg>ul>li{float: left;margin-left:40px;}


/* 栏目介绍 */
.column-intro-box{position: absolute;right:20px;top:36px;}
.column-intro-box>span{width:62px;height:21px;border:1px solid #999;display:inline-block;text-align:center;line-height:21px;border-radius:3px;cursor: pointer;}
.column-intro-box .column-txt{position: absolute;right:0;top:29px;background-color:#fff;border:1px solid #999;padding:8px 10px;width:228px;border-radius:3px;font-size:12px;color:#333;text-align:left;display:none;}
.column-intro-box .column-txt>i{background:url(lists/arrow.png) no-repeat;width:13px;height:7px;display:inline-block;position: absolute;top:-7px;right:20px;}

.style-nav-fr>ul{margin-left:-7px;}
.style-nav-fr>ul>li{float: left;width:134px;height:146px;margin-left:7px;position: relative;top:0;transition:top 0.5s ease;-webkit-transition:top 0.5s ease;}
.style-nav-fr>ul>li>a{display:inline-block;width:100%;height:100%;position: relative;}
.style-nav-fr>ul>li>a>img{max-width:134px;}
.style-nav-fr>ul>li>a .style-layer{width:100%;height:100%;background:url(lists/style_hover.png) no-repeat;position: absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease;}
.style-nav-fr>ul>li>a .style-layer-cur{width:100%;height:100%;background:url(lists/style_s_cur.png) no-repeat;position: absolute;left:0;top:0;opacity:1;filter:alpha(opacity=100);}
.style-nav-fr>ul>li>a .column-name{position: absolute;right:10px;bottom:15px;font-size:0;text-align:right;transition:bottom 0.5s ease;-webkit-transition:bottom 0.5s ease;}
.style-nav-fr>ul>li>a .column-name>p{padding-bottom:8px;font-size:14px;color:#fff;font-weight:bold;}
.style-nav-fr>ul>li>a .column-name>span{width:27px;height:2px;background-color:#fff;display: inline-block;}
.style-nav-fr>ul>li>a .link-icon{background:url(lists/icon.png) no-repeat -17px -33px;;width:17px;height:17px;display:inline-block;position: absolute;bottom:13px;right:13px;opacity:0;filter:alpha(opacity=0);transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;}
.style-nav-fr>ul>li:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);top:-2px;}
.style-nav-fr>ul>li:hover .style-layer{opacity:1;filter:alpha(opacity=100);}
.style-nav-fr>ul>li:hover .column-name{bottom:93px;}
.style-nav-fr>ul>li:hover .link-icon{opacity:1;filter:alpha(opacity=100);}

.magazine-nav-section .style-nav-fl{width:246px;text-align:center;}
.magazine-nav-section .style-nav-fl>h1{margin-top:40px;}
.magazine-nav-section .column-intro-box{position: relative;top:0;right:0;}
.magazine-nav-section .column-intro-box .column-txt{right:50%;margin-right:-135px;}
.magazine-nav-section .column-intro-box .column-txt>i{right:50%;margin-right:-7px;}


/* 筛选 */
.labels-select-section{border: 1px solid #eee;padding: 0 20px;background: #fff;margin-top:20px;}
.labels-select-section>div{padding-top:10px;}
.labels-select-section>div+div{border-top: 1px dotted #eee;}
.labels-select-section>div .list-yixz{width: 68px; float: left;font-size: 12px;color: #333;margin-right: 19px;height: 24px;line-height: 24px;text-align: right;}
.labels-select-section>div.select-s .list-yixz{height:30px;line-height:30px;}
.labels-select-section>div .list-select-r{width:730px;}
/* 已选择样式 */

/* 关键字 */
.selected-labels .select-hot-search{margin-right: 10px; float: left; height: 24px;max-width: 300px;margin-bottom:10px;}
.selected-labels .select-hot-search>a{word-break: break-all;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display: block;position: relative; padding: 0 25px 0 10px;background: #fff;color: #333;border: 1px solid #e2e2e2;height: 22px;line-height: 22px;}
.selected-labels .select-hot-search>a>i{height: 9px;width: 9px;position: absolute;z-index: 2;right: 6px;top: 7px;background: url(lists/icon.png) -63px -31px no-repeat;}
.selected-labels .select-hot-search>a:hover{border:1px solid #cc0066;}
.selected-labels .select-hot-search>a:hover i{background-position:-63px -16px;}

/* 品牌 */
.selected-labels .select-brand-search{float: left;margin-right: 15px;margin-bottom:10px;}
.selected-labels .select-brand-search>a{background: #1c232b;display: block;font-size: 12px;color: #fff;padding: 0 30px 0 10px;height: 24px;line-height: 24px;position: relative;border: none;}
.selected-labels .select-brand-search>a:hover{background: #cc0066;}
.selected-labels .select-brand-search>a>i{display: block;position: absolute;z-index: 2;width: 9px;top: 8px;right: 7px; height: 9px;background: url(lists/icon.png) no-repeat -63px 0;}
.selected-labels .fg-line{float: left; background: #ccc;margin-right: 15px;width: 1px;height: 14px;margin-top: 5px;}

/* 选中带有下拉菜单 ---长*/
.selected-labels .select-key-box{margin-right: 10px; float: left;position: relative; height: 24px; padding-right: 24px;margin-bottom:10px;}
.selected-labels .select-key-name{position: relative; cursor: pointer;min-width: 96px; }
.selected-labels .select-key-name>.s-key-name{ border: 1px solid #cc0066;height: 22px;line-height: 22px;border-right: 0 none;padding: 0 10px;color: #333;position: relative;z-index:3;}
.selected-labels .select-key-name>.s-key-name>i{margin-left: 7px; display: inline-block;vertical-align: 1px;background: url(lists/icon.png) 0 -33px no-repeat;width: 9px;height: 5px;}
.selected-labels .select-key-box>.select-key-del{text-align: center;background: #cc0066; position: absolute;z-index: 2;right: 0;top: 0;height: 24px;line-height: 24px; width: 24px;}
.selected-labels .select-key-box>.select-key-del:hover{background: #ff0064;}
.selected-labels .select-key-box>.select-key-del>i{vertical-align: top;margin-top: 7px; display: inline-block;width: 9px;height: 9px;background: url(lists/icon.png) no-repeat -63px 0px;}
.selected-labels .select-key-name>.select-downlist{padding:0 3px 0 10px;border:1px solid #eee; width:480px; position:absolute;left:0;top:23px;z-index:2;background-color:#fff;visibility:hidden;}
.select-downlist .downlist-box{max-height:180px;position:relative;overflow-x:hidden;overflow-y:auto;}
.select-downlist .sm-content{padding-right:7px;}
.select-downlist .sm-content>a{padding:10px;font-size:12px;color:#666;line-height:20px;display:inline-block;}
.select-downlist .sm-content>a:hover{color:#cc0066;}
.selected-labels .select-key-name:hover .select-downlist{visibility: visible;}

/* 选中带有下拉菜单---短（性别，类型） */
.select-short-downlist{width:100%;border:1px solid #eee;position:absolute;left:0;top:23px;z-index:2;background-color:#fff;visibility:hidden;}
.select-short-downlist .downlist-box{max-height:180px;position:relative;overflow-x:hidden;overflow-y:auto;}
.select-short-downlist .sm-content{padding-right:7px;}
.select-short-downlist .sm-content>a{padding:8px 0 8px 10px;font-size:12px;color:#666;line-height:20px;display:block;}
.select-short-downlist .sm-content>a:hover{color:#cc0066;}
.selected-labels .select-key-name:hover .select-short-downlist{visibility: visible;}

/*清空*/
.selected-labels .delefilter{font-size: 12px; float: left;color: #333;height: 24px;line-height: 24px;margin-left: 10px;}
.selected-labels .delefilter>i{background: url(lists/icon.png) no-repeat -82px -18px;width: 12px;height: 12px; display: inline-block;vertical-align: -2px;margin-right: 5px;}
.selected-labels .delefilter:hover{color: #cc0066;}
.selected-labels .delefilter:hover i{background-position:-82px 0;}

/* /已选择样式 */

/*筛选品牌*/
.brand-select-box{border:1px solid #eee;border-right:none;margin-bottom:10px;float:left;background-color:#fff;position:relative;}
.brand-select-box>div.items{float:left;width: 22px;height:28px;text-align: center;border-right:1px solid #eee;line-height:28px;color:#333;font-size:12px;cursor:pointer;}
.brand-select-box>div.special-item{width: auto;padding: 0px 7px;}

.brand-select-box>div.items:hover, .brand-select-box>div.items.on{background-color:#cc0066;color:#fff;}
.brand-select-downlist{padding:20px;border:1px solid #eee;background-color:#fff;position:absolute;left:-1px;top:28px;z-index:6;display: none;}
.search-brand-input{position:relative;height:35px;border:1px solid #eee;}
.search-brand-input>input{height:35px;line-height:35px;border:none;width:633px;padding-left:10px;}
.search-brand-input>span{width:18px;height:18px;background:url(lists/icon.png) no-repeat -82px -50px;display:inline-block;position: absolute;right:10px;top:8px;cursor:pointer;}
.brands-max-height{max-height:200px;position:relative;overflow-x:hidden;overflow-y:auto; margin-top:10px;}
.list-content>ul>li{width:25%;height:20px;padding:5px 0;float:left;text-align:center;overflow:hidden;}
.list-content>ul>li.no-filter{width: 100%;}
.list-content>ul>li.filter-loading{width: 100%;height: 30px;background: url(loading/alertloading.gif) center no-repeat;}
.list-content>ul>li>a{ display: block;width: 94%;word-break: break-all;height: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 21px;margin: 0;font-size: 12px;color: #999;cursor: pointer;}
.list-content>ul>li>a:hover{color: #cc0066;}
/*筛选品牌*/

/*类型材质元素等*/
.list-select-content>.select-s{padding-top: 10px;min-height: 40px;}
.select-s>.list-select-r{float: left;position: relative;}
.select-s>.list-select-r>div.label-box{width:680px;overflow: hidden;height:40px;}
.select-s>.list-select-r>div.label-box>a{font-size: 12px;color: #333;padding:0 10px;margin-right: 10px;height:30px;display:inline-block;line-height:30px;margin-bottom:10px;}
.select-s>.list-select-r>div.label-box>a:hover{color: #cc0066;}
.select-s>.list-select-r>span{font-size:12px;color:#cc0066;position: absolute;bottom:16px;right:-40px;cursor: pointer;display:none;}
/*类型材质元素等*/

/*单个下拉筛选项*/
.select-single{position:relative;float:left;margin-bottom:10px;margin-right:10px;}
.select-single>span{display:inline-block;overflow: hidden; width:105px;height:28px;border:1px solid #eee;line-height:28px;font-size:12px;color:#333;padding-left:10px;background-color:#fff;position:relative;cursor:pointer;}
.select-single>span>em{background: url(lists/icon.png) no-repeat 0 -33px;display: inline-block; width: 9px;height: 5px;position:absolute;right:9px;top:12px;}

.select-single-downlist{padding:0 3px 0 10px;border:1px solid #eee; width:480px; position:absolute;left:0;top:29px;z-index:4;background-color:#fff;visibility:hidden;}
.select-single-downlist .cover-border{width:115px;height:1px;background-color:#fff;position: absolute;top:-1px;left:0;z-index:4;display:none;}
.select-max-height{max-height:180px;position:relative;overflow-x:hidden;overflow-y:auto;}
.list-content{padding-right:7px;}
.list-content>a{padding:10px;font-size:12px;color:#666;line-height:20px;display:inline-block;}
.list-content>a:hover{color:#cc0066;}
.select-single:hover .select-single-downlist{visibility: visible;}
.select-single:hover .cover-border{display:block;}
/*单个下拉筛选项*/


/* 小翻页 */
.page-nav-section{width: 1140px;height:45px;line-height:45px; margin:35px auto 10px; padding:10px}
.page-result-nav{float:right;}
.page-result-nav .findstyle{height:30px;float:left;color:#000;font-size: 12px;margin-top:1px;margin-right:15px;}
.page-result-nav .findstyle>span{color:#cc0066; font-weight: bold;display: inline-block;vertical-align:middle;margin-top:-3px;cursor:default;}
.page-result-nav .btn-page{ float: left;font-size: 12px;color: #666;}
.page-result-nav .btn-page>a{ display: inline-block; text-align: center;width: 13px; height: 16px; border:1px solid #ccc; background-color: #fff; cursor: pointer; vertical-align: middle;font-family:"simsun";font-size:12px;color:#666;line-height:16px;}
.page-result-nav .btn-page>a:hover{ background-color:#f6f6f6;border-color:#cc0066;color:#cc0066;}
.page-result-nav .btn-page>span{vertical-align: middle;}
.page-result-nav .btn-page>span.total-n{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}
.page-result-nav .btn-page>span.page-n{padding-left:7px;}
.page-result-nav .btn-page>span.total-n{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 7px;}

/* 列表底部翻页页码 */
.bottom-page-section{ height: 38px; text-align: center; margin-bottom: 50px;margin-top:10px;line-height:38px;font-size:0;}
.bottom-page-section>div{display: inline-block;}
.bottom-page-section span,.bottom-page-section a{ min-width: 18px;border: 1px solid #eee; padding: 0 9px; height: 36px; text-align: center; color: #999; font-size: 12px;display: inline-block; background-color: #fff; line-height: 36px; vertical-align: top; cursor: pointer;border-left:none;border-right:none;}
.bottom-page-section a:hover{background-color: #cc0066;color:#fff;}
.bottom-page-section span.hov{background-color: #cc0066;color:#fff; cursor: auto;}
.bottom-page-section span.hov.border-left{border-left:1px solid #eee;}
.bottom-page-section span.hov.border-right{border-right:1px solid #eee;}
.bottom-page-section .prev-page{background:#fff;border-left:1px solid #eee;font-size:14px;color:#333;}
.bottom-page-section .next-page{background: #cc0066;border-right: 1px solid #eee;font-size: 14px; color: #fff;}
.bottom-page-section .next-page:hover{background:#ff0064;}
.bottom-page-section .prev-page>em{font-style: normal; font-family:"simsun";font-weight:bold;font-size:14px;color:#333;margin-right:5px;vertical-align: middle;}
.bottom-page-section .next-page>em{font-style: normal;font-family:"simsun";font-weight:bold;font-size:14px;color:#fff;margin-left:5px;vertical-align: middle;}
.bottom-page-section a:hover em{color:#fff;}
.bottom-page-section input{ background-color: #fff; border: 1px solid #eee;  color:#999;font-size: 12px;width: 56px; height: 36px; text-align: center; vertical-align: top;  margin-left: 10px; line-height: 38px; padding: 0 2px;}
.bottom-page-section .ellipsis{ background-color: transparent;}
.bottom-page-section .go-btn{ color: #cc0066; cursor: pointer; padding: 0 12px;border-right:1px solid #eee;}
.bottom-page-section span.page-border-left{border-left:1px solid #eee;}

/* 搜索无结果 */
.key-search-null{width:580px;text-align:center;margin:95px auto;}
.key-search-null>h4{font-size: 18px;color: #000; height:66px;line-height: 66px;font-weight: bold;}
.key-search-null>h4>em{display: inline-block;overflow:hidden;vertical-align:top;*vertical-align:baseline;text-overflow:ellipsis;white-space:nowrap;max-width:100px;}
.key-search-null>h4>a{font-size:18px;color:#cc0066;}
.key-search-null>h4>i{background:url(lists/ss-icon.png) no-repeat;width:64px;height:64px;display:inline-block;vertical-align: middle;margin-right:10px;}
.key-search-null .sear-box{background-color: #fff;border: 1px solid #d2d2d2; padding:20px; font-size: 16px; color: #333;width:460px;margin-top: 20px;margin-bottom: 60px;display:inline-block;}
.key-search-null .sear-box>div{height: 40px;border-bottom: 1px dotted #e1e1e4;margin-bottom: 20px; text-align: left;}

.key-search-null .sear-box>p>a{width:160px;height:40px;line-height: 40px;border-radius: 3px; display: inline-block; color: #fff; background-color: #cc0066;text-align:center;}
.key-search-null .sear-box>p>a:hover{background-color:#ff0066;}
.key-search-null .sear-box>p>span{background-position:0px -516px; line-height: 30px;padding-left: 25px;}
.key-search-null .sear-box>p>span>em{font-style: normal; color:#cc0066;font-weight: bold;}
.key-search-null .sear-box>p>a>i{background:url(lists/c-cion.png) no-repeat 0 0;width:21px;height:22px;display:inline-block;vertical-align:middle;margin-right:5px;}
.key-search-null .sear-box>p>span>i{background:url(lists/c-cion.png) no-repeat 0 -39px;width:22px;height:22px;display:inline-block;vertical-align:middle;margin-right:5px;}


/* 详情 */
.detail-frame {display: none;position: fixed;z-index: 1200;left: 0;top: 0; width: 100%; height: 100%;}

/* 底部推荐广告 */
.list-bottom-ad{padding-top: 20px;overflow: hidden;}
.list-bottom-ad>p{width:100%;border-bottom:1px solid #eee;position: relative;}
.list-bottom-ad>p>span{position: absolute;left:50%;font-size: 20px;font-weight: bold;color: #333;width: 120px;margin-left: -60px;background-color: #f9f9f9;top:-15px;text-align: center;}
.list-bottom-ad>ul{height: 233px;overflow: hidden;margin:50px 0 60px -22px;}
.list-bottom-ad>ul>li{width: 318px;height: 233px;margin-left: 22px;float: left;position: relative;}
.list-bottom-ad>ul>li>a{display: block;width: 100%;height: 100%;}
.list-bottom-ad>ul>li>a>img{max-width: 318px;}
.list-bottom-ad>ul>li>a>div{width: 270px;height: 120px;background: rgba(0,0,0,0.35);position: absolute;top:72px;left:0;padding:0 15px;}
.layer-text>p{font-size: 24px;color: #fff;font-weight: bold;line-height: 36px;margin-top: 7px;height: 72px;overflow: hidden;}
.layer-text>div{font-size: 14px;color: #eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 7px;}



@media only screen and (min-width: 1500px){
    .style-nav-section{padding:20px 20px 20px 30px;}
    .style-nav-fl{padding-right:30px;}    
    .style-nav-fl>h1{margin-top:45px;}
    .style-nav-fl>.search-key-box>input[type="text"]{width:328px;}
    .hot-search-box{width:340px;}
    .hot-search-box>div{width:276px;}
    .column-intro-box{right:30px;top:50px;}
    .column-intro-box .column-txt{width:318px;}
    .magazine-nav-section .style-nav-fl{width:340px;}
    .magazine-nav-section .style-nav-fl>h1{margin-top:70px;}
    .magazine-nav-section .column-intro-box .column-txt{margin-right:-170px;}

    .style-nav-fr>ul{margin-left:-19px;}
    .style-nav-fr>ul>li{width:200px;height:220px;margin-left:19px;}
    .style-nav-fr>ul>li>a>img{max-width:200px;}
    .style-nav-fr>ul>li>a .style-layer-cur{width:100%;height:100%;background:url(lists/style_cur.png) no-repeat;}
    .style-nav-fr>ul>li>a .column-name{right:20px;bottom:20px;}
    .style-nav-fr>ul>li>a .column-name>p{padding-bottom:12px;font-size:20px;}
    .style-nav-fr>ul>li>a .column-name>span{width:40px;}
    .style-nav-fr>ul>li>a .link-icon{background-position:0 0;width:25px;height:25px;bottom:20px;right:20px;}
    .style-nav-fr>ul>li:hover .column-name{bottom:140px;}
    .style-nav-fr>ul>li:hover{top:-5px;}

    
    .labels-select-section>div .list-select-r{width:1130px;}
    .select-s>.list-select-r>div.label-box{width:1100px;}

    /*  底部推荐广告*/
    .list-bottom-ad>ul{height: 246px;overflow: hidden;margin-left: -33px;}
    .list-bottom-ad>ul>li{width: 350px;height: 246px;overflow: hidden;margin-left: 33px;}
    .list-bottom-ad>ul>li>a>img{max-width: 350px;}
    .list-bottom-ad>ul>li>a>div{width: 300px;top:76px;}
}

/* 游客留资 */
.col-footer-layer{background:rgba(102,102,102,0.9);}