@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; }
/*.minghu-top { margin: 10px 0 0 0; display: block; overflow: hidden; }*/
.device { overflow: hidden; border-radius: 5px; }

.more-word a { color: #999; }

body #center { background: none; }

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

.minghu-title {margin: 12px 10px 5px 10px; display: block; overflow: hidden; }
.minghu-title h2 { margin: 0 10px 0 0; font-size: 18px; color: #333; float: left; }
.minghu-title i { margin: 4px 0 0 0; font-size: 14px; color: #888; float: left; }
.minghu-title span { margin: 4px 3px 0 0; font-size: 14px; color: #888; float: right; }
.minghu-title span a { color: #666; display: block; }


.minghu-list { padding: 5px 0 6px 0; display: block; overflow: hidden; }
.minghu-list ul { padding: 0 4px; display: block; overflow: hidden; }
.minghu-list ul li { width: 23%; margin:4px 1%; padding: 0; font-size: 14px; color: #555; text-align: center; float: left; display: block; overflow: hidden; position: relative; background: #fff; /*border-bottom: 1px dashed #eee; */ border-radius: 4px; }
.minghu-list ul li span { width: 100%; height:0; padding-bottom: 47%; display: block; overflow: hidden; position: relative; background: #111; }
.minghu-list ul li span img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; }
.minghu-list ul li h3 { padding: 6px 0; font-size: 14px; color: #333; font-weight: normal; overflow: hidden; }
.minghu-list ul li h3 a { color: #333; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; }
.minghu-list ul li i { }


.minghu-block ul li img {-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; }
.minghu-block ul li:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
.minghu-block ul li:hover h3 a { color: #f39210; }

.pc-banner{ margin-top: 138px; background: url("minghu-top2.jpg") no-repeat center top #000; height: 340px; border-bottom: 6px solid #7d6556; }
.m-banner { display: block; overflow: hidden; }

.minghu-content { display: block; overflow: hidden; }
.minghu-nav { display: block; position: relative; width: 100%; margin: 0; padding: 0; }


.mh_nav { line-height: 45px; background: #5c4a3f; font-size: 16px; }
.nav_list{/*float: left;*/}
.nav_list li { width: 20%; /*margin: 0 0 3px 0;*/ line-height: 45px; float: left; text-align: center; background: #7d6556; font-size: 15px; }
.nav_list li a { display: block; color: #e3d7c1; }
.nav_list li a:hover { background: #7b5f4d; }
.mh_current { background: #463830; }
.mh_current .hover_a { }

.mh_hide { display: none; /*position: absolute; top: 45px; left: 0; z-index: 888; */padding:8px 0; font-size: 14px; width:100%; background:#fffaf2; border-top:none; overflow: hidden; }
.mh_hide a { display: block; width: 31.333%; margin: 0 1%; line-height:30px; float: left; border-radius: 3px; }
/*.mh_master:hover .hover_a { background: #fffaf2; color: #333; }*/
.nav_list .mh_hide a { color: #86776e;}
/*.mh_master:hover .mh_hide{ display: block;}*/
.nav_list .mh_hide a:hover { background: #bba191;color: #fff; }

/*.hi1 { background: #f9e7d6; }*/
/*.hi2 { background: #ffe0e0; }*/


/*名壶列表*/
.zsh-good-block { background: none; margin: 0 0 10px 0; }
.zsh-good-list { display: block; margin: 0; padding: 0; }
.zsh-good-list ul { /*width: 99%; margin: 0 0.5%;*/ }
.zsh-good-list ul li { text-align: center; padding: 3px 0; }
.zsh-good-list ul li .zsh-good-item { background: #f1e9dd; margin: 1px 5px; padding: 0 0 2px 0; border-radius: 5px; box-shadow:3px 5px 9px rgba(0,0,0,.05); border: 1px solid #f1e9dd; }
.zsh-good-list ul li .zsh-good-item h3 a { padding: 3px 0 1px 0; font-size: 15px; color: #7d6556; }
.zsh-good-list ul li .zsh-good-item .item-pic img { width: 100%; }
.zsh-good-list ul li .zsh-good-item .li-foot2 { width: 100%; font-size: 12px; color: #fff; text-align: center; margin: 3px auto; /*padding-bottom: 10px; position: relative; */}
.zsh-good-list ul li .zsh-good-item .li-foot2 span { width: 100%; font-size: 12px; color: #888; opacity: 1; transition: opacity .5s ease; display: block; overflow: hidden;  }
.zsh-good-list ul li .zsh-good-item .li-foot2 .li-btn2 { margin: 0 auto; padding:8px 0 4px 0; line-height: 26px; display: block; opacity: 1; transition: opacity .5s ease; cursor: pointer; /*position: absolute; top:0; left: 0; right: 0; */}
.zsh-good-list ul li .zsh-good-item .li-foot2 .li-btn2 button { width: 66px; height: 26px; margin: 0 4px; line-height: 26px; background: #fff; display: inline-block; overflow: hidden; border-radius: 80px; font-size:14px; color:#898989;cursor: pointer; }
.zsh-good-list ul li .zsh-good-item .li-foot2 .li-btn2 button.fav { background: #fff; }
/*.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; }


.mj-list { display: block; margin: 0; padding: 8px 0; }
.mj-list ul { width: 98%; margin: 0 1%; }
.mj-list ul li { text-align: center; }
.mj-list ul li .mj-item { background: #fff; margin: 1px 4px; border-radius: 5px; }
.mj-list ul li .mj-item h3 a { font-size: 15px; color: #555; }
.mj-list ul li .mj-item .li-foot2 { width: 100%; font-size: 12px; color: #fff; text-align: center; margin: 3px auto; /*padding-bottom: 10px; position: relative; */}
.mj-list ul li .mj-item .li-foot2 span { width: 100%; font-size: 12px; color: #999; opacity: 1; transition: opacity .5s ease; display: block; overflow: hidden;  }


.wz-list  { padding:2px 0 8px 0; margin: 0; display: block; overflow: hidden; background: #fff; border-radius: 6px; }
.wz-list ul li{ text-align:left; margin: 0; padding: 11px 10px; border-radius: 4px; font-size: 14px; color: #555; display: block; overflow: hidden; position: relative; border-bottom: 1px dashed #eee; }
.wz-list ul li:last-child { border-bottom: none; }
.wz-list ul li h3 { width:auto; margin: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-list ul li h3 a { font-size: 15px; color: #555; }
.wz-list ul li p { width:auto; }
.wz-list ul li .wz-pic { width: 120px; height: 90px; margin: 0 0 0 9px; float: right; display: block; overflow: hidden; background: #ddd; border-radius: 4px; border:1px solid #eee; }
.wz-list ul li .wz-pic img { width: 120px; height: 90px; object-fit: cover; }
.wz-list ul li .wz-text { height:90px; position: relative; display: block; overflow: hidden; }
.wz-list ul li .wz-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;  }
.wz-foot { font-size: 13px; color: #bbb; position: absolute; bottom: 0; left: 0; right: 0; }
.wz-foot i { float: left; }
.wz-foot span { float: right; }


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

    body.type2 #center { margin-top: 0; }

    /*.main { padding-bottom: 50px; }*/
    .minghu-block { margin: 0 6px 10px 6px }
    .minghu-lb-block { margin: 0 3px 10px 3px }
    .device{ position:relative; margin:0 6px; height:auto; background: #111; }
    .side-block{ display:block;overflow:hidden;margin:10px 6px;border-radius:6px;background:#fff; }
    .minghu-list ul li { width: 48%; margin:4px 1%; }
    /*.minghu-list ul li:last-child { display: none; }*/

    .hover_a i { width:0; height:0; border-width:5px 5px 0; border-style:solid; border-color:#b39e93 transparent transparent; /*position:relative; top:11px; left:5px;*/ display: inline-block; margin: 0 0 0 3px; }
    .qqq .hover_a i { width:0; height:0; border-width:0 5px 5px; border-style:solid; border-color: transparent transparent #b39e93; }
    .mh_hide {  position: absolute; top: 45px; left: 0; z-index: 888; border-bottom: 1px solid #d3c5bc; max-height: 280px; overflow: scroll; }
    .qqq .mh_hide { display: block;}
    .mh-banner{ width: 100%; height: 150px; margin: 118px 0 -2px 0; background: url("minghu-top.jpg") no-repeat center top #000; border-bottom: 1px solid #7d6556; background-size: cover; background-position: center 0; }

    .mh_hide a { width: 18%; margin: 0 1%; }
    .zsh-good-list ul { width: 99%; margin: 0 0.5%; }

}



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

    body.type2 #center { margin-top: 10px; }

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

    .minghu-main { display: block; }
    .minghu-top { position: relative; margin-bottom: 10px; }
    .device { width:1200px; height:376px; position:relative; right:0; float: right; }
    .device a { display: block; }

    .side-block{ width:360px; height:376px; background:#fff; position:absolute; left: 0; top:0; border-radius: 6px; }
    .minghu-list ul li h3 { height: auto; }
    .minghu-list ul li h3 a {  display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; }

    .mh-banner{ margin-top: 120px; background: url("minghu-top2.jpg") no-repeat center top #000; height: 340px; border-bottom: 6px solid #7d6556; }

    .minghu-banner { border-radius: 4px; }
    .minghu-nav { width: 220px; float: left; /*background: #fff;*/ margin-bottom: 10px; border-radius: 6px; display: block; overflow: hidden; }
    .mh_hide { width: 100%; display: block; z-index: 8; }
    .nav_list li{  width: 100%;  text-align: center }

    .minghu-right { width: 970px; float: right; }



}