@charset "UTF-8";
/*main { background: none; }*/
.bread { max-width: 1200px; margin: 15px 6px; font-size: 14px; color: #666; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*#center a:hover { color: #dd801a; }*/
img { width: 100%; }

.block-top { margin: 3px 12px; padding: 9px 0; border-bottom: 1px solid #f6f6f6; }
.block-top .pp-title h2 { font-size: 16px; }
.more-word a { color: #aaa; }

.baike-list { display: block; overflow: hidden; }
.baike-list ul { margin: 0 2.5% 5px 2.5%; display: block; overflow: hidden; }
.baike-list ul li { width: 29%; margin: 0 2%; padding: 6px 0; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.baike-list ul li a { font-size: 14px; color: #777; }


.baike-article { margin: 3px 0 10px 0; display: block; overflow: hidden; }
.baike-article ul { margin: 0 10px; }
.baike-article ul li { width: 48%; margin: 0 1%; padding:6px 0; text-align: left; float: left; font-weight: normal; font-size: 14px; color: #666; }
.baike-article ul li a { color: #777; }
.baike-article ul li a:hover { color: #dd801a; }


/*百科首页*/
.baike-row { display: flex; }
/*.baike-block { flex: 1; }*/

.baike-banner { margin:2px 0; display: block; overflow: hidden; }
.baike-banner ul li { width: 49%; margin: 0 0.5%; float: left; border-radius: 4px; display: block; overflow: hidden; }
.baike-banner2 { margin:2px 0.5%; display: block; overflow: hidden; border-radius: 4px; }

/*.device { width: 600px; height: 280px; margin: 10px 6px; position: relative; display: block; border-radius: 6px; }*/
.device { width: 305px; height: 280px; margin: 10px 6px; position: relative; display: block; border-radius: 6px; }
.device img { overflow: hidden; border-radius: 6px; }
.swiper-container { /*height: 280px;*/ border-radius: 6px; }
.block21 { width: 50%; }
.block31 { width: 33%; }
.block32 { width: 67%; }

.baike-hot { height: 280px; }

/*.baike-top-row { display: block; overflow: hidden; margin: 0; padding: 0; }*/
/*.baike-top-row .pp-block { margin: 0; padding: 0; }*/
/*.baike-hot { float: left; width: 280px; }*/
/*.baike-wonderful { float: right; width: 290px; }*/

/*图片百科*/
.baike-pics-list ul { margin: 5px 1%; display: block; overflow: hidden; }
.baike-pics-list ul li { width: 14.666%; margin: 7px 1%; text-align: center; }
.baike-pics-list ul li .bk-pic { width: 100%; height: 0; padding-bottom: 100%; display: block; overflow: hidden; border-radius: 4px; }
.baike-pics-list ul li p { padding: 4px 0 0 0; font-size: 13px; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*名家百科*/
.baike-master-list ul { margin: 5px 2%; display: block; overflow: hidden; }
.baike-master-list ul li { width: 23%; margin: 5px 1% 2px 1%; text-align: center; }
/*.baike-master-list ul li .bk-mj-pic { width: 100%; height: 0; padding-bottom: 100%; display: block; overflow: hidden; border-radius: 100px; }*/
.baike-master-list ul li .bk-mj-pic { height: 0; margin: 0 2%; padding-bottom: 100%; display: block; overflow: hidden; border-radius: 100px; }
.baike-master-list ul li p { padding: 4px 0 0 0; font-size: 14px; color: #b7a792; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.baike-master-list2 ul li { width: 23%; margin: 4px 1%; padding: 3px 0; text-align: center; background: #f6f6f6; border-radius: 4px; }
.baike-master-list2 ul li a { padding: 6px 0; display: block; }

/*壶型百科*/
.baike-huxing-list ul { margin: 5px 1%; display: block; overflow: hidden; }
.baike-huxing-list ul li { width: 19%; margin: 1px 0.5%; padding: 2px 0; text-align: center; }
.baike-huxing-list ul li .bk-hx-pic { width: 100%; height: 0; padding-bottom: 66%; display: block; overflow: hidden; border-radius: 4px; }
.baike-huxing-list ul li p { padding: 4px 0 0 0; font-size: 13px; color: #b7a792; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.baike-huxing-list2 { }
.baike-huxing-list2 ul { margin: 5px 1%; display: block; overflow: hidden; }
.baike-huxing-list2 ul li { width: 14.666%; margin: 5px 1%; padding: 7px 0; text-align: center; background: #f6f6f6; border-radius: 4px; }
.baike-huxing-list2 ul li a { display: block; }

/*泥料百科*/
.baike-niliao-list ul { margin: 5px 2% 1px 2%; display: block; overflow: hidden; }
.baike-niliao-list ul li { width: 31.333%; margin: 4px 1% 1px 1%; text-align: center; }
.baike-niliao-list ul li .bk-nl-pic { width: 98%; height: 0; padding-bottom: 70%; border: 1px solid #f6f6f6; display: block; overflow: hidden; border-radius: 4px; }
.baike-niliao-list ul li p { padding: 4px 0 0 0; font-size: 13px; color: #b7a792; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.baike-niliao-list2 { }
.baike-niliao-list2 ul { margin: 5px 2%; display: block; overflow: hidden; }
.baike-niliao-list2 ul li { width: 31.333%; margin: 0 1%; text-align: center; background: #fff; }
.baike-niliao-list2 ul li a { display: block; padding: 6px 0; border: 1px solid #eee; border-radius: 40px; }

/*.baike-wenhua-list ul { margin: 0 2.5%; display: block; overflow: hidden; }*/
.baike-wenhua-list ul li {  width: 48%; margin: 0 1%; }

/*作品百科*/
.baike-good-block { margin: 0 0.5% 10px 0.5%; }
.baike-good-list { display: block; margin: 0; padding: 0 0 10px 0; }
.baike-good-list ul { width: 99%; margin: 0 0.5%; }
.baike-good-list ul li { width: 16.266%; margin: 1px 0.2%; padding: 2px 0 0 0; text-align: center; }
.baike-good-list ul li .baike-good-item { background: #fff; margin: 5px 4px; padding: 0 0 5px 0; border-radius: 5px; box-shadow:1px 2px 5px rgba(0,0,0,.04); border: 1px solid #f6f6f6; }
.baike-good-list ul li .baike-good-item h3 a { font-size: 15px; color: #555; margin: 0 4px; }
.baike-good-list ul li .baike-good-item .li-foot2 { width: 100%; font-size: 12px; color: #fff; text-align: center; margin: 3px auto; /*padding-bottom: 10px; position: relative; */}
.baike-good-list ul li .baike-good-item .li-foot2 span { width: 100%; font-size: 12px; color: #999; opacity: 1; transition: opacity .5s ease; display: block; overflow: hidden;  }
.baike-good-list ul li .baike-good-item .li-foot2 .li-btn2 { margin: 0 auto; padding:7px 0 6px 0; line-height: 26px; display: block; opacity: 1; transition: opacity .5s ease; cursor: pointer; /*position: absolute; top:0; left: 0; right: 0; */}
.baike-good-list ul li .baike-good-item .li-foot2 .li-btn2 button { width: 66px; height: 26px; margin: 0 4px; line-height: 26px; background: #f3f3f3; display: inline-block; overflow: hidden; border-radius: 80px; font-size:14px; color:#888;cursor: pointer; }
.baike-good-list ul li .baike-good-item .li-foot2 .li-btn2 button.fav { background: #f3f3f3; }
/*.ask { width:100px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin: 6px auto 10px auto; display: block; background: #d33; border-radius: 40px; cursor: pointer}*/
.ask:before{content:"询底价";}
.fav:before{content:"收藏";}
.text-black a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


/*百科列表*/
.baike-main-content { display: block; overflow: hidden; }
.baike-main-block { margin: 0 6px 10px 6px; display: block; overflow: hidden; }

.baike-lb-list { margin: 0 1%; }
.baike-lb-list ul li { margin: 0 6px; padding: 14px 0; display: block; overflow: hidden; border-bottom: 1px solid #f6f6f6; position: relative; }
.baike-lb-list ul li .bk-lb-pic { width: 110px; height: 90px; display: block; overflow: hidden; float: right; position: relative; right: 0; border-radius: 4px; margin: 3px 0 0 10px; }
.baike-lb-list ul li .bk-lb-pic img { width: 110px; height: 90px; object-fit:cover; }
.baike-lb-list ul li .bk-lb-info { height: 98px; display: block; overflow: hidden; margin: 0; position: relative; }
.baike-lb-list ul li .bk-lb-info h3 { padding:0 0 2px 0; font-size: 15px; font-weight: bold; }
.baike-lb-list ul li .bk-lb-info h3 a { color: #555; }
.baike-lb-list ul li .bk-lb-info h3 a:hover { color: #c19768; }
.baike-lb-list ul li .bk-lb-info p { margin: 4px 0; font-size: 14px; color: #777; line-height: 22px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.baike-lb-list ul li .bk-lb-info p a { color: #777; }
.baike-lb-list ul li .bk-lb-info p a:hover { color: #777; }
.baike-lb-list ul li .bk-lb-info .bk-lb-time { padding: 3px 0 0 0; font-size: 13px; color: #aaa; }


.baike-side { background:#fff; margin-top: 0; }
/*.baike-side h1 { text-align: center; padding: 15px 6px 5px 6px; font-size: 19px; color: #333; }*/
.baike-side .bk-side-block { margin: 5px 0 8px 0; display: block; overflow: hidden; }
.baike-side .bk-side-block h2 { padding: 9px 1px; margin: 0 12px; /*background: #f5f0e8;*/ font-size: 16px; color: #333; border-bottom: 1px solid #f6f6f6; border-radius: 3px; }
.baike-side .bk-side-block .bk-side-list { margin: 5px 12px; display: block; overflow: hidden; }
/*.baike-side .bk-side-block .bk-side-list ul { display: block; overflow: hidden; }*/
.baike-side .bk-side-block .bk-side-list ul li { width: 46%; margin: 0 2%; font-size: 14px; color: #555; float: left; }
.baike-side .bk-side-block .bk-side-list ul li a { padding: 8px 0; color: #555; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.side-good-list { display: block; margin: 3px 1.5%; padding: 0 0 2px 0; }
.side-good-list ul { width: 99%; margin: 0 0.5%; }
.side-good-list ul li { width: 49%; margin: 1px 0.5%; text-align: center; }
.side-good-list ul li .baike-good-item { background: #fff; margin: 5px 4px; padding: 0 0 5px 0; border-radius: 5px; box-shadow:1px 2px 5px rgba(0,0,0,.04); /*border: 1px solid #f6f6f6;*/ }
.side-good-list ul li .baike-good-item h3 a { font-size: 14px; color: #555; margin: 0 4px; }
.side-good-list ul li .baike-good-item .li-foot2 { width: 100%; font-size: 12px; color: #fff; text-align: center; margin: 3px auto; /*padding-bottom: 10px; position: relative; */}
.side-good-list ul li .baike-good-item .li-foot2 span { width: 100%; font-size: 12px; color: #999; opacity: 1; transition: opacity .5s ease; display: block; overflow: hidden;  }



.paging_box{ margin: 10px 10px 25px 10px; float: left; text-align: center; }
#paging{ position: relative; text-align: center; zoom: 1; }
#paging span{ display: inline-block; margin:0 4px; width: 38px; height: 32px; line-height: 32px; color: #bdbdbd; font-size: 14px; }
#paging .active{ display: inline-block; margin:0 4px; width: 38px; height: 32px; line-height: 32px; background: #dd801a; color: #fff; font-size: 14px; border: 1px solid #dd801a; }
#paging a{ display: inline-block; margin:0 4px; width: 38px; height: 32px; line-height: 32px; background: #fff; border: 1px solid #ebebeb; color: #bdbdbd; font-size: 14px; }
#paging a:hover{ color:#fff; background: #dd801a; }
#paging .next,#paging .prev{ font-family: "Simsun",sans-serif; font-size: 16px; font-weight: bold; }


/*百科详情页*/
.baike-detail-block { margin: 0 6px 10px 6px; padding: 15px 15px 10px 15px; display: block; overflow: hidden; }
.baike-detail-block img { max-width: 100%; width: auto; height: auto; }
.baike-detail-content { margin: 6px 0; display: block; overflow: hidden; }
.baike-detail-content p { padding: 3px 0; line-height: 24px; font-size: 14px; color: #666; }
.baike-detail-content div { padding: 3px 0; line-height: 24px; font-size: 14px; color: #666; }
.baike-detail-content h3 { padding: 10px 0 5px 0; font-size: 15px; color: #333;}
.baike-detail-content .img { /*max-width: 180px;*/ margin: 6px 8px 5px 0; padding: 5px; float: left; border: 1px solid #f3f3f3; text-align: center; }
.baike-detail-content .img img { /*max-width: 180px;*/ border-radius: 2px; display: block; margin: 0 auto; }
.baike-detail-content .img_l { margin: 6px 8px 6px 0; float:left; clear:left; }
.baike-detail-content .img_r { margin: 6px 0 6px 8px; float:right; clear:right; }

.baike-detail-content .img strong { padding: 5px 0 1px 0; display: inline-block; font-size: 12px; color: #aaa; }
.baike-detail-content .hdwiki_tmml { padding: 15px 0 8px 0; font-size: 15px; font-weight: bold; color: #444; }
/*.baike-detail-content br{ width: 100%; height: 50px; line-height: 60px; margin: 10px 0; display: block; overflow: hidden; background: #f39210; }*/

.baike-detail-title { padding: 5px 0; display: block; overflow: hidden; }
.baike-detail-title h1 { float: left; font-size: 20px; color: #333; /*width: 66%;*/ }
.baike-detail-title span { float: right; font-size: 13px; color: #999; margin: 5px 0 0 0; }
.baike-detail-poster { margin: 5px 0; padding: 3px 0 10px 0; border-bottom: 1px solid #f3f3f3; }
.baike-detail-poster p { padding: 3px 0; line-height: 24px; font-size: 14px; color: #666; }

.baike-detail-foot { padding: 5px 0 2px 0; display: block; overflow: hidden; }
.baike-detail-foot span { float:left; font-size: 13px; color: #999; margin: 5px 0; }
.baike-detail-foot span a { color: #555; }
.baike-detail-foot i { float:right; font-size: 13px; color: #999; margin: 5px 0; }

.baike-detail-pn { padding: 12px 0; margin: 0 0.7%; display: block; overflow: hidden; font-size: 14px; color: #888; background: #fff; border-radius: 6px; }
.baike-detail-pn span { width: 45.9%; padding: 3px 2%; margin-right:0; display: block; float: left; }
.baike-detail-pn span.bk-prev { border-right: 1px solid #eee; }
.baike-detail-pn span a { color: #555; }


.baike-relate-block { display: block; overflow: hidden; }
.baike-relate-block h2 { padding: 15px 10px 5px 10px; font-size: 16px; color: #333; }
.baike-relate-list { padding: 10px; display: block; overflow: hidden; }
.baike-relate-list a { margin: 6px 5px; padding: 5px 12px; background: #fafafa; font-size: 14px; color: #666; float: left; border-radius: 5px; border:1px solid #eee; }
.baike-relate-list a:hover { color: #dd801a; }



/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){
    .baike-list ul { margin: 0 6px 5px 6px; }
    .baike-article ul li { width: 98%; }

    .baike-row { display: block; }
    .baike-block { width: 97%; margin: 10px 1.5%; }
    .baike-banner ul { margin: 0 1%; }
    .baike-banner ul li { width: 48%; margin: 0 1%; float: left; }
    .baike-banner2 { margin:2px 1.5%; }

    .device { width: 97%; height: auto; margin: 10px 1.5%; }

    .baike-pics-list ul li { width: 23%; margin: 5px 1%; text-align: center; }
    .baike-huxing-list ul li { width: 23%; margin: 5px 1%; text-align: center; }
    .baike-huxing-list2 ul li { width: 23%; margin: 5px 1%; }
    .baike-huxing-list ul li:nth-child(n+5)  { display: none; }

    .baike-good-list ul li { width: 48%; margin: 1px 0.5%; text-align: center; }

    .baike-side .bk-side-block .bk-side-list ul li { width: 30%; margin: 0 1.5%; font-size: 14px; color: #555; float: left; }

    .baike-detail-pn { margin: 0 6px; }
    .baike-detail-pn span { width: 92%; padding: 10px 4%; margin-right:0; display: block; float: left; border: none; background: none; }
    .baike-detail-pn span.bk-prev { border: none; }

    .main-tab { width: 40%; margin: 10px auto; background: #fffbe4;  }
    .main-tab li { width: 50%; margin: 0; padding: 5px 0; text-align: center; font-size: 14px; color: #888; }
    .main-tab li.current { background: #e1a768; color: #fff; border-bottom:none; }

    .baike-lb-side { display: none; }

}


/*屏幕大于1024px*/
@media screen and (min-width:1025px){
    .baike-index-content { width: 1200px; }

    .baike-main-content { width: 900px; float: left; display: block !important; }
    .baike-side { width: 288px; float: right; display: block !important; }

    .baike-huxing-list ul li:nth-child(n+6)  { display: none; }

    /*.baike-block { width: 960px; margin: 0 0 10px 0; display: block; overflow: hidden; }*/
    /*.baike-list ul li { width: 16%; margin: 15px 2% 25px 2%; }*/

}