@charset "UTF-8";
img{ width:100%; }
main { background: none; }
.main-top { margin: 10px 0 0 0; }
.pp-tab-top { padding: 5px 3px 0 3px; border-bottom: 1px solid #eee; }
.block-top { margin: 11px 8px 0 8px; padding-bottom: 6px; }


/*泥料首页*/
.niliao-block { margin: 0 0 10px 0; display: block; overflow: hidden; background: #fff; border-radius: 4px; }

.niliao-jd-list { padding: 2px 0 8px 0; display: block; overflow: hidden; }
.niliao-jd-list ul { margin:0 1%; display: block; overflow: hidden; }
.niliao-jd-list ul li { width: 32.333%; margin:2px 0.5% 8px 0.5%; padding: 0; font-size: 14px; color: #555; text-align: left; float: left; display: block; overflow: hidden; position: relative; border-radius: 2px; background: #f9f9f9; }
.niliao-jd-list ul li .niliao-jd-pic { width: 130px; height: 130px; margin: 11px 10px 11px 14px; float: left; border:1px solid #e9e9e9; border-radius: 150px; display: block; overflow: hidden; }
.niliao-jd-list ul li .niliao-jd-pic img { width: 130px; height: 130px; object-fit: cover; }
.niliao-jd-list ul li .niliao-jd-text { margin: 12px 18px 0 0; }
.niliao-jd-list ul li .niliao-jd-text h3 { padding: 8px 0; font-size: 16px; color: #333; font-weight: normal; border-bottom: 1px dashed #eee; display: block; overflow: hidden; }
.niliao-jd-list ul li .niliao-jd-text h3 a { color: #ab978a; }
.niliao-jd-list ul li .niliao-jd-text p { margin:10px 0 0 0; font-size: 13px; color: #aaa; text-align: left; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }


.niliao-top { padding: 10px 10px 0 10px; display: block; overflow: hidden; /*background: #ede9e3; */}
/*.niliao-head { width: 100px; height: 100px; margin: 0 8px 0 0; float: left; display: block; overflow: hidden; background: #ddd; border: 1px solid #f3f3f3; border-radius: 82px; }*/
/*.niliao-head img { width: 100px; height: 100px; object-fit: cover; }*/
.niliao-title { display: block; overflow: hidden; line-height: 40px; }
.niliao-title h2 { float: left; margin: 0 12px 0 0; font-size: 17px; color: #333; }
.niliao-title i { font-size: 13px; color: #999; }
.niliao-title span { float: right; }
.niliao-title span a { color: #ab9b8a; }
.niliao-text { margin: 0 8px; padding: 10px; font-size: 13px; color: #999; line-height: 21px; background: #f9f9f9; border-radius: 3px; }


.niliao-list { padding: 2px 0 10px 0; display: block; overflow: hidden; }
.niliao-list ul { margin:0 1%; }
.niliao-list ul li { width: 15.666%; margin:4px 0.5%; padding: 0; font-size: 14px; color: #555; text-align: center; float: left; display: block; position: relative; border-radius: 2px; }
.niliao-list ul li a { background: #fff; display: block; overflow: hidden; }
.niliao-list ul li i { width: 97%; height: 0; padding-bottom: 66%; display: block; overflow: hidden; border: 1px solid #eee; position: relative; }
.niliao-list ul li i img { width: 100%; /*height: 100%;*/ object-fit: cover; position: absolute; left: 0; right: 0; }
.niliao-list ul li b { padding: 6px 0; font-weight: normal; font-size: 14px; color: #777; background: #fff; display: block; overflow: hidden; }


/*泥料详情*/
.niliao-detail-content { margin: 5px 0 10px 0; display: block; overflow: hidden; }
.niliao-detail-header { margin: 12px 0 8px 0; }
/*.niliao-detail-pic { width: 260px; margin: 13px 8px 2px 12px; float: left; }*/
.niliao-detail-pic { width: 240px; height: 200px; margin: 0 auto 0 auto; border-radius: 3px; background: #f3f3f3; display: block; overflow: hidden; }
.niliao-detail-pic img { width: 240px; height:200px; object-fit: cover; }
.niliao-detail-title { text-align: center; padding-bottom: 10px; }
.niliao-detail-title h2 { padding: 5px 3px; font-size: 17px; color: #dd801a; font-weight: normal; border-bottom: 1px solid #eee; display: inline-block; }
.niliao-detail-title p { padding: 5px 0 8px 0; color: #aaa; }
.niliao-detail-intro { margin: 2px 12px; padding: 5px 12px; }
.niliao-detail-intro h3 { margin: 12px 0 2px 0; font-size: 15px; color: #444; }
.niliao-detail-intro p { padding: 8px 0; font-size: 14px; color: #666; line-height: 24px; text-indent:28px; }

.niliao-good-list { margin: 2px 6px; padding: 0 0 10px 0; display: block; /*overflow: hidden;*/ }
.niliao-good-list ul { width: 99%; margin: 0 0.5%; }
.niliao-good-list ul li { width: 19%; margin: 6px 0.5%; float: left; text-align: center; /*background: #f6f6f6;*/ display: block; }
.niliao-good-list ul li .niliao-good-item { /* border: 1px solid #f6f6f6; background: #f9f9f9;*/ border-radius: 4px; overflow: hidden;  box-shadow:3px 5px 9px rgba(0,0,0,.05); }
.niliao-good-list ul li a { width: 100%; margin: 0; display: block; overflow: hidden; color: #555; }
.niliao-good-list ul li i { width: 100%; height: 0; padding-bottom: 80%; display: block; overflow: hidden; position: relative; /*background: #333;*/ font-size: 0; margin: 0; }
.niliao-good-list ul li i img { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; position: absolute; }
.niliao-good-list ul li .nl_goods_info { padding: 0 0 10px 0; }
.niliao-good-list ul li h3 { margin: 0 6px; padding: 5px 0; font-size: 15px; color: #333; font-weight: normal; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.niliao-good-list ul li p { padding: 3px 0; font-size: 13px; color: #999; display: block; overflow: hidden; }
.niliao-good-list ul li p span { width: 44%; margin: 0 3%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; float: left; }

.niliao-detail-article-list { margin: 5px 0 15px 0; display: block; overflow: hidden; }
.niliao-detail-article-list ul { margin: 0 1%; }
.niliao-detail-article-list ul li { width: 32.333%; margin: 0 0.5%; padding: 8px 0; display: block; float: left; }
.niliao-detail-article-list ul li h3 { font-size: 14px; color: #666; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.niliao-detail-article-list ul li i { width: 3px; height: 3px; margin: 8px 6px 0 3px; float: left; background: #f39210; display: block; overflow: hidden; }

/*.niliao-head { margin: 15px 16px 2px 18px; float: left; background: #eee; }*/


/*侧栏样式*/
.niliao-left-box { margin: 0 0 10px 0; display: block; overflow: hidden; background: #fff; border-radius: 4px; }
.niliao-left-box h2 { padding: 12px 0; font-size: 17px; color: #333; text-align: center; background: #ede9e3; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.niliao-left-box .niliao-cate-title { padding: 12px 0 0 0; text-align: center; font-size: 15px; color: #ccc; }
.niliao-left-box .niliao-cate-title b { font-size: 15px; color: #ab978a; }
.niliao-left-box .niliao-left-list { display: block; overflow: hidden; border-bottom: 1px dashed #eee; }
.niliao-left-box .niliao-left-list ul { width: 100%; padding: 0 0 12px 0; display: block; overflow: hidden; }
.niliao-left-box .niliao-left-list:last-child { border-bottom: none; }
.niliao-left-box .niliao-left-list ul li { width: 23%; margin: 1px 1%;  float: left; text-align: center; }
.niliao-left-box .niliao-left-list ul li a { font-size: 14px; color: #666; padding: 7px 0; background: #f6f6f6; border-radius: 2px; }
.niliao-left-box .niliao-left-list ul li a:hover { color: #fff; background: #ccb283; }


.side-article-list { margin:5px 9px 10px 9px; }
.side-article-list ul { width:100%; }
.side-article-list ul li { text-align:left; margin: 0; height: 30px; padding: 0; line-height: 30px; border-radius: 4px; font-size: 14px; color: #555; display: block; overflow: hidden; }
.side-article-list ul li a { width: 100%; margin: 0; color: #555; }
.side-article-list ul li a:hover { color: #dd801a; }
.side-article-list ul li a:hover i { color: #dd801a; }
.side-article-list ul li a:hover span { color: #dd801a; }
.side-article-list ul li a h3 { width: 76%; float: left; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.side-article-list ul li i { padding-right: 7px; float: left; text-align:left; font-size: 15px; color: #9195A3; font-weight: bold; }
.side-article-list ul li span { width: 50px; float: right; text-align: right; font-size: 13px; color: #999; margin-top: 1px; }


.side-master-list  { padding:6px 0; margin: 0; display: block; overflow: hidden; background: #fff; border-radius: 6px; }
.side-master-list ul li{ text-align:left; margin: 0 8px; padding: 8px 0; font-size: 14px; color: #555; display: block; overflow: hidden; position: relative; border-bottom: 1px dashed #eee; border-radius: 4px; }
.side-master-list ul li:last-child { border-bottom: none; }
.side-master-list ul li .master-text a { font-size: 15px; color: #666; padding: 6px 0 5px 0; display: block; overflow: hidden; }
.side-master-list ul li h3 { width:auto; padding: 0; float: left; font-size: 15px; color: #666; }
.side-master-list ul li .honor { font-size: 14px; color: #bbab91; font-weight: normal; padding: 1px 0 0 8px; float: left; }
.side-master-list ul li p { width:auto; }
.side-master-list ul li .master-pic { width: 80px; height: 80px; margin: 0 0 0 9px; float: right; display: block; overflow: hidden; background: #ddd; border: 1px solid #f3f3f3; border-radius: 82px; }
.side-master-list ul li .master-pic img { width: 80px; height: 80px; object-fit: cover; }
.side-master-list ul li .master-text { height:80px; position: relative; display: block; overflow: hidden; }
.side-master-list ul li .master-text p { font-size: 13px; color: #999; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.side-master-list ul li .master-foot { font-size: 13px; color: #bbb; position: absolute; bottom: 0; left: 0; right: 0; }
.side-master-list ul li .master-foot i { float: left; }
.side-master-list ul li .master-foot span { float: right; }


.side-good-list { margin: 2px 3px; padding: 0 0 7px 0; display: block; overflow: hidden; }
.side-good-list ul { width: 100%; margin: 0; }
.side-good-list ul li { width: 47%; margin: 1px 1.5%; display: block; float: left; }
.side-good-list ul li .side-good-item { /* border: 1px solid #f6f6f6; background: #f9f9f9;*/ box-shadow:3px 5px 9px rgba(0,0,0,.05); }
.side-good-list ul li a { width: 100%; margin: 0; display: block; overflow: hidden; color: #555; }
.side-good-list ul li i { width: 100%; height: 0; padding-bottom: 80%; display: block; overflow: hidden; position: relative; background: #333; font-size: 0; margin: 0; }
.side-good-list ul li i img { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; position: absolute; }
.side-good-list ul li h3 { padding: 1px 0; font-size: 15px; color: #555; display: block; overflow: hidden; }
.side-good-list ul li p { padding: 3px 0 10px 0; font-size: 13px; color: #999; display: block; overflow: hidden; }


.ul-number li:nth-child(1) i{ color: #FE2D46; }
.ul-number li:nth-child(1) i:before{content:"1";}
.ul-number li:nth-child(2) i{ color: #F60; }
.ul-number li:nth-child(2) i:before{content:"2";}
.ul-number li:nth-child(3) i{ color: #FAA90E; }
.ul-number li:nth-child(3) i:before{content:"3";}
.ul-number li:nth-child(4) i{ color: #9ebaa0; }
.ul-number li:nth-child(4) i:before{content:"4";}
.ul-number li:nth-child(5) i{ color: #4796b3; }
.ul-number li:nth-child(5) i:before{content:"5";}
.ul-number li:nth-child(6) i{ color: #bb9998; }
.ul-number li:nth-child(6) i:before{content:"6";}
.ul-number li:nth-child(7) i{ color: #9195A3; }
.ul-number li:nth-child(7) i:before{content:"7";}
.ul-number li:nth-child(8) i{ color: #9195A3; }
.ul-number li:nth-child(8) i:before{content:"8";}
.ul-number li:nth-child(9) i{ color: #9195A3; }
.ul-number li:nth-child(9) i:before{content:"9";}
.ul-number li:nth-child(10) i{ color: #9195A3; }
.ul-number li:nth-child(10) i:before{content:"10";}
.ul-number li:nth-child(11) i{ color: #9195A3; }
.ul-number li:nth-child(11) i:before{content:"11";}
.ul-number li:nth-child(12) i{ color: #9195A3; }
.ul-number li:nth-child(12) i:before{content:"12";}


/*泥料导航*/
.niliao-nav { width:1198px; position:relative; margin:10px 0; padding: 6px 0; background: #fff; /*border: 1px solid #eee;*/ display: block; overflow: hidden; border-radius: 4px; }
.niliao-nav ul li { margin:0 20px; padding: 6px 0; line-height: 27px; font-size:14px; border-bottom:1px dashed #eee; display: block; overflow: hidden; }
.niliao-nav ul li:last-child { border-bottom:none; }
.niliao-nav ul li b { width: 46px; display: block; float: left; color: #b5ab90; font-weight: normal; }
.niliao-nav ul li span { display: block; float: left; margin: 0 0 0 8px; }
.niliao-nav ul li span a { margin: 0 25px 0 5px; display: block; float: left; color: #999; }
.niliao-nav ul li span a:hover { color: #dd801a; }



/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){

    .niliao-nav { width:auto; margin: 1px 5px 8px 5px; /*background: #fff; border: none; */ }
    .niliao-nav ul li { margin: 0 10px; padding: 5px 0; font-size:13px; }
    .niliao-nav ul li b { line-height: 24px; }
    .niliao-nav ul li span { width: 85%; margin: 0; }
    .niliao-nav ul li span a { margin: 0 15px 0 2px; line-height: 24px; display: block; float: left; color: #999; }


    /*.main { padding-bottom: 50px; }*/
    .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; }

    .aside { display: none; }
    .niliao-left-box { margin: 0 6px 10px 6px; }


    .niliao-block { margin: 0 6px 10px 6px; }
    .niliao-top { padding: 8px 10px 3px 10px; /*background: #fff; */}
    .niliao-title { border-bottom: none; line-height: 30px; }
    .niliao-list ul li { width: 23%; margin:4px 1%; }
    .niliao-detail-intro { background: #fafafa; border-radius: 3px; display: inline-block; }

    .niliao-jd-list ul li { width: 31.333%; margin: 2px 1% 8px 1%; text-align: center; }
    .niliao-jd-list ul li .niliao-jd-pic { width: 100px; height: 100px; margin: 8px auto 2px auto; float: none; }
    .niliao-jd-list ul li .niliao-jd-pic img { width: 100px; height: 100px; object-fit: cover; }
    .niliao-jd-list ul li .niliao-jd-text { margin: 1px 0 0 0; }
    .niliao-jd-list ul li .niliao-jd-text h3 { padding: 3px 0; margin: 0 8px; font-size: 15px; }
    .niliao-jd-list ul li .niliao-jd-text p { margin: 6px 6px 8px 6px; line-height: 20px; font-size: 13px; -webkit-line-clamp: 2; }

    .niliao-good-list ul li { width: 48%; margin: 5px 1%; display: block; float: left; }
    .niliao-detail-article-list ul li { width: 98%; margin: 0 1%; }
}



/*屏幕大于1024px*/
@media screen and (min-width:1025px){

    .pp-block{display:block;overflow:hidden; margin:0 0 10px 0; padding:6px;border-radius:6px;background:#fff;}
    .block-top { margin: 12px 12px 0 12px; padding-bottom: 6px; }

    .niliao-main { width: 100%; float: right; display: block !important; }
    .aside { width: 26%; float: left; display: none; }
    .side-block { margin: 0 0 10px 0; }

    .niliao-detail-header { margin: 20px 16px 8px 22px; border: 1px solid #eee; float: left; border-radius: 3px; overflow: hidden; }
    .niliao-detail-pic { border-radius: 0; }

    .niliao-detail-title { text-align: left; margin: 12px 0 5px 0; }
    .niliao-detail-title h2 { float: left; margin: 0 15px 0 0; padding: 5px 0; font-size: 20px; font-weight: bold; /*border: none;*/ }
    .niliao-detail-title p { padding: 10px 0 0 0; }


}