@charset "utf-8";
/* CSS Document */

.path {display:none;}

.active-banner {width: 100%;height: 700px;}
.active-body{background: url(banner_bg.jpg?6) no-repeat center top;}


.active-nav {background: rgba(255,255,255,0.5);height:60px;}
.active-nav.fixed { background:#e7dec5; height:60px;}
.active-nav.fixed ul{ background:#e7dec5;}
.active-nav ul {color: #000;height: 60px;background: none;padding: 0;}
.active-nav li a {font-family: Century_Gothic_B;font-weight: normal;padding: 0 30px;line-height: 60px;font-size:18px;color: #333;overflow:hidden;z-index:0;}
.active-nav li a:after {content:"";position:absolute;color:#fff;display:block;left:50%;margin-left:-70px;width:140px;height:140px;transition:all .8s;border-radius:100%;z-index:-1;}
.active-nav li a:hover:after {background:#000; color:#fff; width:200px; height:200px; margin-left:-100px ;margin-top:-100px; border-radius:0px;}
.active-nav li a.active>i{display: none;}
.active-nav li a:hover>i{display: none;}
.active-nav li a.active{color: #fff;background:#000;}
.active-nav li a:hover{color:#fff;}

.active-list {margin: 0 auto 20px;}
.active-list-title {padding-top: 30px;position: relative;background: url(tittle.jpg?2) center no-repeat #fff;font-size: 42px;height: 128px;line-height: 42px;}
.active-list-title a {border: 1px #333 solid;left: 548px;top: 100px;position: absolute;font-family: Century_Gothic;line-height: 18px;color: #333;padding;padding: 2px 10px 2px 14px;transition: all 0.5s ease-in-out;}
.active-list-title a:hover {background:#333; color:#fff;}
.market-price { display:block;}
.active-list .goods-time { display: none;}
.active-list ul {background: #fff;width: 1200px;padding: 0px 20px 0px 20px;}
.active-list li {width: 340px;margin: 20px;padding: 0px;border: none;transition: All 0.4s ease-in-out;}
.active-list li:hover {box-shadow: 0px 0px 50px #eee;transform: translateY(-10px);}
.active-list .goods-img img {width: 340px;height: 452px;transition: All 0.4s ease-in-out;}
.active-list .goods-img:hover .pic-mask { display:none;}
.active-list .goods-img:hover .goods-buy {display:none;}
.active-list .goods-title {padding: 10px 0 0 0;}

.active-list .shop-price {display: block;color: #c8a66c;padding: 5px 0 10px 0px;}
.active-list .goods-price { margin-top: 0;}