.active-body {position: relative; padding-bottom: 418px;
    background: url(https://uidesign.zafcdn.com/ZF/image/banner/20180427_3174/en_pc_background.jpg) 0 192px repeat;}
.active-banner {height: 600px; width: 100%;}
.active-list {width: 1240px;}
.active-list-title {height: 130px; line-height: 20px; margin-bottom: 20px; font-weight: bolder; font-size: 36px; color: #eb4a61; background: url("https://uidesign.zafcdn.com/ZF/image/banner/20180427_3174/en_pc_title_bg.jpg") no-repeat top center;}
.active-diy-top {position: relative;}
.active-list-title a {float: none; display: block; width: 125px; height: 32px; line-height: 32px; font-size: 16px; text-transform: lowercase; text-align: center; background: #fff; border-radius: 10px; margin: 0 auto; position: relative; top: 74px;}
.active-list-product {background: #fff; padding-bottom: 20px;}
.active-list .goods-img img {width: 276px;}
.active-list ul {width: 1184px; margin:0 auto;}
.active-list li {border: none; width: 276px; margin: 32px 10px 0; padding-bottom: 10px;}
.active-list .goods-title {padding: 0; margin-top: 20px; text-align: left; height: 36px; line-height: 18px; color: #ccc;}
.active-list .goods-price {color: #aaa; text-align: left; margin-top: 8px;}
.active-list .goods-title a {color: #333;}
.active-list .shop-price {color: #000; font-weight: bold; padding-left: 10px;}

.active-list .shop-price b{color: #eea643; display: block; margin-top: 6px;}

.bottom-banner a {height: auto!important; width: auto!important;}

.bottom-last-banner {position: absolute; width: 1239px; height: 219px; bottom: 130px; left: 50%; margin-left: -620px; z-index: 1;}

.active-nav {height: 0;visibility: hidden;}

.active-nav.fixed ul {float:right;width:172px;background:#ffa7b1;padding:4px; border: 5px solid #fff;}

.active-nav.fixed li {font-size:18px;font-weight:normal;margin:0; text-transform: uppercase; margin-bottom: 3px;}
.active-nav.fixed li a {padding:20px 0;min-width:168px;color:#fff; border:2px solid #fff; background: #ffa7b1;}
.active-nav.fixed li a.active,.active-nav li a:hover {background:#ff5266; border:2px solid #ff5266;}
.active-nav.fixed li a.active>i,.active-nav li a:hover>i {display:none}
.active-nav.fixed {visibility:visible;width:190px;height:auto;top:50%;left:50%;margin-left:680px;margin-top:-200px;background:#f7f7f7}

.active-list .float_zhekou {background: url(https://uidesign.zafcdn.com/ZF/image/banner/20180427_3174/tag_pc.png) no-repeat; background-position: 8px 0; padding-top: 7px!important;width: 78px; height: 50px; top: -19px; right: -12px;}
.active-list .float_zhekou span {font-weight: bold; padding-top: 7px;}
.wrap-link {width: 1240px; margin: 0 auto; height: 100%; position: relative;}

.wrap-link a {position: absolute; z-index: 1; display: block; width: 655px; height: 92%;}
.wrap-link a.a1 {left: 0; top: 64px;}
.wrap-link a.a2 {right: 18px; top: 127px; width: 524px; height: 75%;}