.active-body{}
.active-banner-bg{width:100%;height:auto;margin-bottom:10px;position: relative;overflow: hidden;}
.active-banner{width:1200px;height:auto;overflow:hidden;margin: 0 auto;}
.active-banner .active-banner-text{width:1200px;height:auto;position:relative;}
.active-banner img{width:1200px;height:auto;vertical-align:top;}


.active-nav{width:100%;border-bottom:1px solid #ddd;background-color:#fff;padding-top:10px;position:relative;z-index:10;}
.active-nav ul{text-align:center;}
.active-nav li{display:inline-block;font-size:18px;font-weight:bold;margin:0 40px;}
.active-nav li a{display:block;color:#333;line-height:1;border-bottom:4px solid #fff;padding:10px 5px;}
.active-nav li a:hover,.active-nav li a.active{border-color:#e85355;color:#000;}

.active-title{text-align:center;}

.active-diy-top{font-size:16px;color:#333;padding-top:30px;padding-bottom:10px;text-align:center;}
.active-diy-top b{color: #F60;}
.active-diy-top i{color: #999;padding-left:5px;}

.active-list{margin-top:20px;}
.active-list-title{font-size:24px;border:1px solid #ddd;border-bottom:0;padding:15px;margin-left:-1px;text-align:center;}
.active-list-title a{color:#333;text-decoration:none;}
.active-list ul{width:1200px;}
.active-list li{width:259px;height:auto;float: left;border: 1px solid #ddd;margin: 0 0 -1px -1px;z-index: 0;}
.active-list li:hover{border-color: #da6667;z-index: 1;}
.active-list .goods-img{height: 250px;width: 250px;margin: auto;}
.active-list .goods-img a{display: block;height: 250px;width: 250px;overflow: hidden;text-align: center;z-index: 1;}
.active-list .goods-img img{height: 250px;width: auto;display: inline-block;vertical-align: top;}
.active-list .goods-discount{
	position:absolute;text-align:center;color:#da6667;width:56px;height:49px;font-size:18px;padding-top:7px;
	background: url("https://css.rglcdn.com/imagecache/RG/images/pageimg/special/google/off.png") no-repeat 0 0;left:10px;top:10px;
}
.active-list .goods-discount em{display: block;}
.active-list .goods-title{line-height: 1.5;height: 36px;overflow: hidden;font-size:12px;text-align:center;margin-top:15px;}
.active-list .goods-title a{color: #666;}
.active-list .goods-title a:hover{color:#da6667;}

.active-list .goods-price{color: #000;font-size:16px;text-align:center;margin-top:10px;}
.active-list .shop-price{color: #000;}
.active-list .shop-price strong{font-weight:bold;}
.active-list .market-price{color: #999;font-size:14px;padding-left:5px;}
.active-list .market-price strong{font-weight: normal;}

.active-list .goods-time{text-align:center;line-height:1;margin-top:15px;font-size:16px;color:#000;}
.active-list .goods-time i{display: inline-block;vertical-align: middle;width:17px;height:17px;background: url("https://css.rglcdn.com/imagecache/RG/images/pageimg/special/google/clock.png") no-repeat center top;margin-right:5px;}
.active-list .goods-time b{color:#da6667;font-weight:bold;}

.active-list .goods-buy{text-align:center;margin-top:15px;position:relative;}
.active-list .goods-buy a{width:150px;height:35px;line-height: 35px;padding: 0;font-size: 16px;text-decoration: none;}
.active-list .goods-buy a:hover{color:#fff;}

.active-list .goods-buy .mobile_ico{
    display:inline-block;
    width:14px;
    height:22px;
    background: url("../../images/styleimg/mobile_03.png?2016041903") no-repeat 0 0;
    vertical-align: top;
    position:absolute;
    top: 6px;
    right: 10px;
}
.active-list .mobile_tips{
    display:none;
    position:absolute;
    border:1px solid #ddd;
    background-color: #fff;
    right: -22px;
    bottom: -38px;
    padding:10px;
}
.active-list .mobile_tips p{
    font-size:14px;
    color:#666;
    font-weight:bold;
}
.active-list .mobile_tips em{
    font-size:14px;
    color:#da6667;
}
.active-list .mobile_tips .triangle{
    vertical-align: 0;
    margin-left: 5px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    /* transform: rotate(0); */
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 0;
    height: 0;
    border: 3px solid transparent;
}
.active-list .mobile_tips .bord_tri{
    position: absolute;
    left: 50%;
    margin-left: -8px;
    border-width: 5px;
    border-bottom-color: #ddd;
    top: -11px;
    left: 35px;
    right: auto;
}
.active-list .mobile_tips .bg_tri{
    position: absolute;
    left: 50%;
    margin-left: -8px;
    border-width: 5px;
    border-bottom-color: #fff;
    top: -9px;
    left: 35px;
    right: auto;
}
.active-list .mobile_tips strong{
    color:#da6667;
}





.active-more-link{text-align:center;font-size:26px;font-weight:bold;margin-top:30px;}
.active-more-link a{color:#333;}
.active-more-link a:hover{color:#000;}


.active-diy-bottom {
    text-align: center;
    margin-top:30px;
}

.active-diy-bottom  a {
    color: #333;
    font-size: 18px;
    display: block
}

.active-diy-bottom  dl {
    float: left;
    width: 386px
}

.active-diy-bottom  dt {
    width: 386px;
    height: 250px;
    overflow: hidden
}

.active-diy-bottom  img {
    width: 386px;
    height: 250px;
    display: block
}

.active-diy-bottom  img:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.active-diy-bottom  dd {
    display: block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase
}