@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; }


/*壶型首页*/
.huxing-banner { margin:0 0 10px 0; border-radius: 4px; display: block; overflow: hidden; }

.huxing-jingdian { }
.huxing-jd-title { display: block; overflow: hidden; line-height: 36px; border-bottom: 1px solid #eee; }
.huxing-jd-title h2 { float: left; margin: 0 8px 0 0;  font-size: 17px; color: #333; }
.huxing-jd-title i { font-size: 13px; color: #888; }

.huxing-jd-list { margin:0; padding: 3px 0 8px 0; /*background:#f3f3f3; */display: block; overflow: hidden; border-top: 1px solid #f6f6f6; }
.huxing-jd-list ul { margin: 0 -1%; }
.huxing-jd-list ul li { width:24%; margin: 5px 0.5%; background:#fff; float: left; border-radius: 4px; }
.huxing-jd-list ul li i { width: 150px; height:150px; margin:8px auto 4px auto; border: 1px solid #f3f3f3; border-radius: 50%; display: block; overflow: hidden; }
.huxing-jd-list ul li i img { width:100%; margin-top: 10%; display: inline-block; }
.huxing-jd-list ul li b { margin:5px 0; font-size: 15px; font-weight:normal; color: #bbac9c; text-align: center; display: block; overflow: hidden; }
.huxing-jd-list ul li em { margin:5px 5px 12px 5px; line-height: 18px; font-size: 13px; font-style:normal; color: #aaa; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.huxing-block { margin: 0 0 10px 0; display: block; overflow: hidden; background: #fff; border-radius: 4px; }
.huxing-list { padding: 7px 0 6px 0; display: block; overflow: hidden; }
.huxing-list ul li { width: 18%; margin:0 1% 8px 1%; padding: 0; font-size: 14px; color: #555; text-align: center; float: left; display: block; overflow: hidden; position: relative; /*border-bottom: 1px dashed #eee; */ border-radius: 4px; }
.huxing-list ul li a { background: #fff; display: block; overflow: hidden; }
.huxing-list ul li i { }
.huxing-list ul li b { font-weight: normal; color: #777; }

.hx-top { padding: 10px; display: block; overflow: hidden; background: #f1efec; }
.hx-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; }
.hx-head img { width: 100px; height: 100px; object-fit: cover; }
.hx-title { display: block; overflow: hidden; line-height: 40px; border-bottom: 1px dashed #ddd; }
.hx-title h2 { float: left; margin: 0 12px 0 0; font-size: 17px; color: #333; }
.hx-title i { font-size: 13px; color: #999; }
.hx-title span { float: right; }
.hx-title span a { color: #ab9b8a; }
.hx-text { padding: 8px 0 0 0; font-size: 13px; color: #999; line-height: 21px; }


/*壶型列表*/
.hx-lb-block { background: none; }
.hx-lb-list { padding: 0 0 10px 0; }
.hx-lb-list ul { margin: 0 -1%; }
.hx-lb-list ul li {  }
.hx-lb-list ul li a { padding-bottom: 6px; border: none; }


/*壶型详情*/
.hx-detail-top { padding: 12px; display: block; overflow: hidden; }
.hx-detail-head { width: 180px; margin: 0 auto; display: block; overflow: hidden; background: #ddd; }
.hx-detail-head img { width: 100%; display: block; }
.hx-detail-info { margin: 3px auto; text-align: center; }
.hx-detail-info h2 { padding: 3px 0 8px 0; font-size: 22px; color: #c5a786; border-bottom: 1px solid #eee; font-weight: normal; display: inline-block; }
.hx-detail-info p { padding: 8px 0; font-size: 14px; color: #888; }

.hx-detail-content { padding: 2px 10px; font-size: 14px; color: #666; line-height: 24px; display: block; overflow: hidden; }
.hx-detail-content img { width: auto; height: auto; max-width: 96%; }
.hx-detail-content p img { margin-left: -28px; }
.hx-detail-content p { padding: 8px 0; text-indent: 28px; }
.hx-detail-content b,.hx-detail-content strong,.hx-detail-content h2,.hx-detail-content h3,.hx-detail-content h4 { font-size: 16px; font-weight: bold; }

/*.huxing-good-list { margin: 2px 3px; padding: 0 0 7px 0; display: block; overflow: hidden; }*/
/*.huxing-good-list ul { width: 100%; margin: 0; }*/
.huxing-good-list { margin: 2px 6px; padding: 0 0 10px 0; display: block; /*overflow: hidden;*/ }
.huxing-good-list ul { width: 100%; margin: 0; }
.huxing-good-list ul li { width: 23%; margin: 5px 1%; display: block; float: left; text-align: center; }
.huxing-good-list ul li .huxing-good-item { /* border: 1px solid #f6f6f6; background: #f9f9f9;*/ box-shadow:3px 5px 9px rgba(0,0,0,.05); }
.huxing-good-list ul li a { width: 100%; margin: 0; display: block; overflow: hidden; color: #555; }
.huxing-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; }
.huxing-good-list ul li i img { width: 100%; height: 100%; object-fit: cover; display: block; overflow: hidden; position: absolute; }
.huxing-good-list ul li .right_goods_info { padding: 0 0 10px 0; }
/*.huxing-good-list ul li h3 { padding: 1px 5px; font-size: 15px; color: #555; font-weight: normal; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }*/
/*.huxing-good-list ul li p { padding: 3px 0 10px 0; font-size: 13px; color: #999; display: block; overflow: hidden; }*/
/*.huxing-good-list ul li p span { width: 48%; margin: 0 1%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }*/
.huxing-good-list ul li .right_goods_pic { height: 0; padding-bottom: 66.666%; overflow: hidden; }
.huxing-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; }
.huxing-good-list ul li p { padding: 3px 0; font-size: 13px; color: #999; display: block; overflow: hidden; }
.huxing-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; }
.more-word a { color: #888; }

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

.mansheng-good-list ul li { width: 18%; margin: 5px 1%; display: block; float: left; text-align: center; }
.mansheng-detail-article-list ul li { width: 32%; margin: 0 0.666%; padding: 6px 0; display: block; float: left; }

/*曼生十八式*/
.ms-box { padding: 0 10px; margin:0 8px 8px 8px; display: block; overflow: hidden; clear: both; /*background: #f6f6f6; */}
.ms-head { width: 220px; margin: 0 15px 0 0; float: left; display: block; overflow: hidden; background: #ddd; /*border-radius: 4px;*/ }
.ms-head img { width: 100%; display: block; }
.ms-title { display: block; overflow: hidden; background: #f6f6f6; border-radius: 4px; }
.ms-title h2 { padding: 12px 0 8px 0; font-size: 18px; color: #c5a786; font-weight: normal; }
.ms-title .ms-honor { }
.ms-title .ms-honor p { padding: 3px 0; font-size: 14px; color: #999; }
.ms-intro { padding: 8px 0 5px 0; color: #666; display: block; /*overflow: hidden;*/ }
.ms-intro p { padding: 5px 0; line-height: 26px; font-size: 15px; color: #666; }

.ms-head1 { width: 330px; margin: 5px 0 0 12px; float: right; border: 1px solid #f6f6f6; overflow: hidden; border-radius: 4px; }
.ms-intro1 { padding: 1px 0 5px 0; color: #666; display: block; /*overflow: hidden;*/ }
.ms-intro1 p { padding: 5px 0; line-height: 26px; font-size: 15px; color: #666; }

.mansheng-block { margin: 0 0 10px 0; display: block; overflow: hidden; background: #fff; border-radius: 4px; }
.mansheng-list { padding: 7px 0.5% 10px 0.5%; display: block; overflow: hidden; }
.mansheng-list ul li { width: 23.1%; margin:6px 0.5% 6px 1%; padding: 0; font-size: 14px; color: #555; text-align: center; float: left; display: block; overflow: hidden; position: relative; border: 1px solid #f3f3f3; border-radius: 4px; background: #fff; }
.mansheng-list ul li a { display: block; overflow: hidden; }
/*.mansheng-list ul li i { }*/
/*.mansheng-list ul li b { font-weight: normal; color: #777; }*/

.mansheng-list ul li .ms-pic { }
.mansheng-list ul li .ms-info { }
.mansheng-list ul li .ms-info h3 { padding: 8px 0; border-bottom: 1px dashed #eee; font-size: 16px; color: #333; }
.mansheng-list ul li .ms-info p { padding: 8px 6px; height: 42px; line-height: 22px; font-size: 13px; color: #a19584; }

.ms-other { margin: 0 1.5% 6px 1.5%; display: block; overflow: hidden; }
.ms-other ul li { width: 15.666%; margin: 5px 0.5%; float: left; text-align: center; }
.ms-other ul li span { display: block; overflow: hidden; border-radius: 4px; }
.ms-other ul li h3 { padding: 8px 0; font-size: 15px; color: #333; }


/*侧栏样式*/

.huxing-left-box { margin: 0 0 10px 0; display: block; overflow: hidden; background: #fff; border-radius: 4px; }
.huxing-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; }
.huxing-left-box ul { width: 100%; margin: 0 0 10px 0; display: block; overflow: hidden; }
.huxing-left-box ul li { width: 32.333%; margin: 1px 0.5%; padding: 1px 0 2px 0; float: left; text-align: center; }
.huxing-left-box ul li a { font-size: 14px; color: #666; padding: 7px 0; background: #f9f9f9; border-radius: 2px; }
.huxing-left-box 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: 74%; 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: 40px; 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";}
.ul-number li:nth-child(13) i{ color: #9195A3; }
.ul-number li:nth-child(13) i:before{content:"13";}
.ul-number li:nth-child(14) i{ color: #9195A3; }
.ul-number li:nth-child(14) i:before{content:"14";}
.ul-number li:nth-child(15) i{ color: #9195A3; }
.ul-number li:nth-child(15) i:before{content:"15";}

.mansheng_nav { position:relative; height: auto; margin:1px 0 10px 0; padding: 6px 0; background: #fff; border: 1px solid #eee; display: block; overflow: hidden; border-radius: 4px; }
.mansheng_nav ul li { width: 11%; margin: 10px 0; height:20px; line-height: 20px; font-size:14px; border-right:1px solid #e8e8e8; text-align:center; float:left; }
.mansheng_nav ul li a { color: #666; }
.mansheng_nav ul li.no { border:none; }
.mansheng_nav ul li.current a { color: #ffffff; background: #dd801a; padding: 3px 6px;}

.ms-detail-content h5 { padding:6px 0; font-size:16px; color: #bba287; }

/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){
    .mansheng_nav { margin:1px 6px 10px 6px; }
    .mansheng_nav ul li { width: 19.7%; }
    .mansheng_nav ul li:nth-child(5),.mansheng_nav ul li:nth-child(10),.mansheng_nav ul li:nth-child(15){ border:none; }

    .ms_dt_box { margin: 12px 6px 3px 6px; padding:10px 0 3px 0; /*border: 1px solid #eee; */  display: block; overflow: hidden; }
    .ms_dt_pic { width: 240px; margin: 0 auto; }
    .ms_dt_pic img { width: 100%; border-radius: 3px; }
    .ms_dt_info { width: 100%; text-align: center; }
    .ms_dt_info h2 { padding:15px 0 5px 0; font-size: 18px; color: #222; /*border-bottom: 1px solid #f3f3f3;*/ display: inline-block; }
    .ms_dt_info p { padding:8px 0 10px 0; font-size:15px; color: #a19584; }
    .ms_dt_info span { width: 90%; margin: 6px 1% 2px 1%; padding:16px 4%; font-size:13px; color: #999; line-height: 24px; background: #f9f9f9; border-radius: 4px; display: block; overflow: hidden; text-align: left; }


    /*.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; }*/
    .huxing-left-box { margin: 0 6px 10px 6px; }

    .huxing-banner { margin:0 6px 10px 6px; }

    .huxing-jd-title { margin: 0 8px; }

    .huxing-jd-list ul { margin: 0 1%; }
    .huxing-jd-list ul li { width:31.333%; margin: 3px 1%; background:#fff; float: left; }
    .huxing-jd-list ul li:nth-child(n+7) { display: none; }
    .huxing-jd-list ul li i { width: 90px; height:90px; margin:8px auto 4px auto; border: 1px solid #f6f6f6; border-radius: 50%; display: block; overflow: hidden; }

    .huxing-detail-article-list ul li { width: 98%; margin: 0 1%; }

    .huxing-block { margin: 0 6px 10px 6px; }
    .hx-top { padding: 8px 10px 3px 10px; /*background: #fff; */}
    .hx-title { border-bottom: none; }
    .huxing-list ul li { width: 23%; margin:4px 1%; }
    .huxing-index ul li:nth-child(n+9) { display: none; }
    .huxing-relate ul li:nth-child(n+5) { display: none; }

    .huxing-left-box ul li { width: 24%;margin: 1px 0.5%;float: left;text-align: center; }

    .mansheng-block { margin: 0 6px 10px 6px; }
    .mansheng-list ul li { width: 46.5%; margin:4px 0.1% 4px 2%; }
    .ms-head { width: 170px; }
    .ms-head1 { width: 190px; margin: 5px 0 0 10px; }
    .ms-box { padding: 2px; }
    .huxing-good-list ul { width: 99%; margin: 0 0.5%; }
    .huxing-good-list ul li { width: 48%; margin: 5px 1%; display: block; float: left; }

    .ms-other ul li { width: 31.333%; margin: 5px 1%; }
}


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

    .mansheng_nav ul li:nth-child(9),.mansheng_nav ul li:nth-child(18) { border:none; }
    .ms_dt_box { margin: 18px 20px 12px 20px; padding:10px; /*border: 1px solid #eee; */background:#fafafa; display: block; overflow: hidden; }
    .ms_dt_pic { width: 240px;  float: left; }
    .ms_dt_pic img { width: 100%; border-radius: 3px; }
    .ms_dt_info { width: 880px; float: right; }
    .ms_dt_info h2 { /*width: 130px;*/ padding:6px 0 16px 0; font-size: 20px; color: #222; border-bottom: 1px solid #f3f3f3;}
    .ms_dt_info p { padding:12px 0 14px 0; font-size:15px; color: #a19584; }
    .ms_dt_info span { width: 860px; margin: 15px 0; /*padding:12px;*/ font-size:13px; color: #999; line-height: 22px; /*background: #f3f3f3;*/ border-radius: 4px; display: block; overflow: hidden; }
    .ms-detail-content img { max-width: 800px; border-radius: 3px; }

    .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; }

    .huxing-main { width: 76%; float: right; display: block !important;}
    .aside { width: 23%; float: left; display: block !important;}
    .side-block { margin: 0 0 10px 0; }

    .huxing-jd-list ul li:nth-child(n+9) { display: none; }
    .huxing-jd-list ul li em { margin: 6px 15px 12px 15px; }

    .huxing-list ul { margin:0 1%; }
    .huxing-list ul li { width: 19%; margin: 0 0.5% 10px 0.5%; box-shadow:3px 5px 9px rgba(0,0,0,.05); }
    .huxing-list ul li a { padding: 0 0 9px 0; /*border: 1px solid #f6f6f6; */display: block; overflow: hidden; border-radius: 4px; }

    .hx-lb-list ul { margin: 0 -0.5%; }

    .hx-detail-top { padding: 12px; display: block; overflow: hidden; }
    .hx-detail-head { width: 180px; margin: 0 8px 0 250px; float: left; display: block; overflow: hidden; background: #ddd; /*border: 1px solid #f3f3f3; */}
    .hx-detail-head img { width: 100%; display: block; }
    .hx-detail-info { margin: 28px 0 0 10px; float: left; }
    .hx-detail-info h2 { padding: 8px 0; font-size: 22px; color: #c5a786; border-bottom: 1px solid #eee; font-weight: normal; }
    .hx-detail-info p { padding: 8px 0; font-size: 14px; color: #888; }

    .hx-detail-content { padding: 3px 20px 6px 20px; font-size: 14px; color: #666; line-height: 24px; display: block; overflow: hidden; }

    .ms-title { width: 35%; float: left; margin: 8px 16px 10px 0; }

}