@charset "UTF-8";

/*html { background: #533; }*/
body #center { background: none; margin-top: 0!important; }
img { width:100%; font-size: 0; }
/*main { background: none; }*/

/*.bowuguan-nav { margin: 0 0.5% 6px 0.5%; height: 40px; line-height: 40px; font-size: 15px; color: #fff; background: #188; display: block; overflow: hidden; }*/
.bowuguan-nav { margin: 0 0.5% 6px 0.5%; height: 40px; line-height: 40px; font-size: 15px; color: #fff; background: #8f7866; display: block; overflow: hidden; }
.bowuguan-nav ul { display: block; overflow: hidden; }
.bowuguan-nav ul li { width: 100px; text-align: center; float: left; }
.bowuguan-nav ul li a { color: #fff; display: block; overflow: hidden; }
.bowuguan-nav ul li a.active { background: #7d6758; }
.bowuguan-nav ul li:hover { background: #836d5d; }

.goods-banner { width: 100%; display: block; overflow: hidden; }
.goods-banner .banner-item { width: 49%; margin: 5px 0.5%; float: left; }
.goods-banner .banner-item img { border-radius: 4px; }

.bowuguan-block { margin: 5px 0 10px 0; display: block; overflow: hidden; }

.bwg-good-title { margin: 5px 4px 10px 4px; display: block; overflow: hidden; }
.bwg-good-title .title-left { float: left; }
.bwg-good-title .title-left i { margin: 6px 6px 0 0; font-size: 16px; color: #b59780; float: left; }
.bwg-good-title .title-left h3 { font-size: 17px; color: #333; float: left; }
.bwg-good-title .title-left span { margin: 5px 0 0 10px; font-size: 13px; color: #999; float: left; }
.bwg-good-title .title-right { margin: 5px 0 0 0; float: right; }
.bwg-good-title .title-right a { font-size: 14px; color: #888; }

.cate-good-title { margin: 0 8px; padding: 12px 0; font-size: 14px; color: #555; border-bottom: 1px solid #e9e9e9; }

/*作品列表*/
.block-list ul { width: auto; }
.bwg-good-list { margin: 3px 0 6px 0; padding: 0; display: block; overflow: hidden; clear: both; background: #fff; border-radius: 6px; }
.bwg-good-list ul { margin: 9px 10px; }
.bwg-good-list ul li { margin: 3px 0; padding: 0; text-align: center; float: left; }
.bwg-good-list ul li .zsh-good-item { background: #fff; margin: 1px 5px; border-radius: 5px; /*border: 1px solid #eee;*/ position: relative; box-shadow: 3px 5px 9px rgba(0, 0, 0, .05); }
.bwg-good-list ul li .zsh-good-item .good-tag { padding: 3px 6px; font-size: 12px; color: #fff; background: #c33; position: absolute; top:5px; right: 0; border-radius: 8px 0 8px 0; }
.bwg-good-list ul li .zsh-good-item h3 { margin: 5px 10px 2px 10px; }
.bwg-good-list ul li .zsh-good-item h3 a { font-size: 15px; color: #555; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bwg-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; */}
.bwg-good-list ul li .zsh-good-item .li-foot2 span { /*width: 100%;*/ margin: 0 8px; font-size: 12px; color: #999; opacity: 1; transition: opacity .5s ease; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bwg-good-list ul li .zsh-good-item .li-foot2 .li-btn2 { margin: 0 auto; padding:8px 0 10px 0; line-height: 26px; display: block; opacity: 1; transition: opacity .5s ease; cursor: pointer; /*position: absolute; top:0; left: 0; right: 0; */}
.bwg-good-list ul li .zsh-good-item .li-foot2 .li-btn2 button { width: 66px; height: 26px; margin: 0 4px; line-height: 26px; background: #eee; display: inline-block; overflow: hidden; border-radius: 80px; font-size:14px; color:#888;cursor: pointer; }
/*.bwg-good-list ul li .zsh-good-item .li-foot2 .li-btn2 button.fav { background: #f9e7d6; }*/

/*.bwg-good-list 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; }*/
/*.bwg-good-list ul li:hover img { -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2); }*/
.bwg-good-list ul li:hover h3 a { color: #dd801a; }
.bwg-good-list ul li:hover .good-tag { background: #c63; }
.huojiang-tag:before{content:"获奖";}
.guancang-tag:before{content:"馆藏";}
.yuanchuang-tag:before{content:"原创";}
.dasai-tag:before{content:"大赛";}


/*.ask:before{content:"询底价";}*/
/*.fav:before{content:"收藏";}*/
.faved { background: #dd801a!important; color: #fff!important; }
.faved:before{content:"已收藏";}


.cate-good-list { background: none; }
.cate-good-list ul { margin: 9px 0; }


/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){
    /*body #center { background: none; margin-top: 50px!important; }*/
    .bwg-good-title { margin: 6px 8px; display: block; overflow: hidden; }

    .bowuguan-nav { margin: 0 0 6px 0; }
    .bowuguan-nav ul li { width: 20%; text-align: center; float: left; }
    .bowuguan-nav ul li a { padding: 0; color: #fff; display: block; overflow: hidden; }

    .goods-banner { width: 98%; margin: 0 1%; display: block; overflow: hidden; }
    .goods-banner .banner-item { width: 48%; margin: 5px 1%; float: left; }

    .bwg-good-list ul { width: auto; margin: 5px 1%; }
    .bwg-good-list ul li .zsh-good-item h3 a { font-size: 14px; color: #555; }
    .bwg-good-list ul li .zsh-good-item .cart { width:96px; height: 28px; line-height: 30px;}
    .bg-banner{ width: 100%; height: 0; padding-bottom: 50%; margin: 80px 0 -2px 0; background: url("mbg.jpg") no-repeat center top #000; border-bottom: 1px solid #7d6556; background-size: cover; }
}


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

    .bg-banner{ height: 368px; margin: 80px auto 0 auto; background: url("pcbg.jpg") no-repeat center top #000; /*border-bottom: 1px solid #7d6556;*/ }

}