@charset "utf-8";
/* CSS Document */
.active-body {
background-color: #ffe9e6;
}
.active-banner-bg {
    background: url("https://uidesign.rosegal.com/RG/mail/images/161103/dresssale.jpg") no-repeat center top;
    padding-top: 500px;
}
.active-banner img {
    left: 50%;
    width: 1920px;
    margin-left: -960px;
    position: absolute;
    height: auto;
}
.active-nav {
background-color: #ffa899;
margin-top: -10px;
}
.active-list-title a {
    margin: 18px auto;
    font-size: 38px;
    color: #020204;
    text-decoration: none;
    text-transform: uppercase;

}
.active-list .shop-price {
    color: #f7624a;
}
.active-list-title a:hover {
    font-size: 42px;
}
.active-list li {
    background: #fff;
    width: 246px;
    height: auto;
    float: left;
    border: 0px solid #ddd;
    margin: 10px 0 5px 10px;
    z-index: 0;
    transition: 0.3s;
}
.active-list-title {
    border: 1px solid #ffe9e6;
    padding: 30px;
}
.active-list li:hover {
    border-color: #ef3e9e;
}
.active-nav li a {
    color: #fff;
    border-bottom: 4px solid #ffa899;
    font-size: 20px;
    padding: 15px 4px 20px;
    margin: 0 -40px 0 0;
}
.active-nav li a:hover, .active-nav li a.active {
border-color: #bb402d;
color: #bb402d;
}
.active-list .goods-discount em {
    font-size: 20px;
}
.active-list .goods-discount {
position: absolute;
text-align: center;
color: #fff;
width: 60px;
height: 60px;
font-size: 12px;
padding-top: 10px;
background:url("https://uidesign.rosegal.com/RG/mail/images/161103/off.png") no-repeat 0 0;
left: 10px;
font-weight: bold;
top: 10px;
z-index: 10;
}
.active-list li:hover {
    -webkit-transform: translate(0,-5px);
}
.active-list .goods-buy a {background: #e9462c;}