@charset "utf-8";

.active-body{padding-top:700px;background:url(https://uidesign.zaful.com/Z/images/promotion/2017/Swim/1920x700.jpg) no-repeat top center #fafafa;}
.active-list-title {
    padding-top: 30px;
    position: relative;
    background: url(https://uidesign.zaful.com/Z/images/promotion/2016/MIDSEASON/tittle1.jpg) center no-repeat #fafafa;
    font-size: 42px;
    height: 128px;
    line-height: 42px;
}
.active-list-title a:hover {
    background: #90d2ec;
    color: #fff;
    border: 1px #222222 solid;
}
.active-list-title a {
    border: 1px #333 solid;
    left: 548px;
    top: 100px;
    position: absolute;
    font-family: Century_Gothic;
    line-height: 18px;
    color: #333;
    padding: 2px 10px 2px 14px;
    transition: all 0.5s ease-in-out;
}

.active-list li {background:#fff; width:280px; margin:10px; border:none; transition: all .3s;}
.active-list .goods-time {display: none;}
.active-list .goods-title {padding:0 30px; margin-top:15px;}
.goods-price {margin:15px 0px;}
.active-list .goods-img .pic-mask {background-color: #fff; opacity: .7;filter:alpha(opacity=70); z-index:2;}
.active-list .goods-buy {z-index: 3;}
.active-list .goods-buy a {border: #000 2px solid; background:none; color:#000; opacity:1; font-size:16px;}

.active-list li:hover {transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform: translateY(-5px); box-shadow:#ebebeb 3px 3px 1px;}
.active-list .goods-buy a:hover {background: #000; opacity: 1; color:#fff;}



.active-nav {background:rgba(250,250,250,250); transition:0.4s all; height:70px;}
.active-nav.fixed {background:rgba(250,250,250,250); transition:0.4s all;height:70px;}
.active-nav ul {background:none; padding:0;}

.active-nav:hover {background:#fff; box-shadow:#aaa 1px 1px;}

.active-nav li a {font-size:16px; color:#000; line-height:70px; padding:0 24px; display:block; position:relative; overflow:hidden;}
.active-nav li a:after {content:""; position:absolute; color:#fff; display:block; left:50%; top:50%;margin-left:-5px; margin-top:-5px; width:10px; height: 10px; transition:all .8s; border-radius:100%; z-index:-1;}
.active-nav li a:hover:after {background:#90d2ec; 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:#90d2ec;}
.active-nav li a:hover {color:#fff;}

.active-list .goods-img img {width: 280px; height: 372px;}
.active-banner { margin: 0 auto; background-repeat: no-repeat; background-position: center top;}