.zap-wrap { margin: 0 auto; padding-bottom: 100px; background: #090a1e;}
.zap-top { height: 720px; background: url(https://www.hicity.de/images/adv-comm/20190110/adv-top.jpg) no-repeat center top;}
.zap-main { margin: 10px auto; padding: 50px 90px 100px; width: 1200px; background-color: #f5ddbe;}
.zap-nav { height: 50px; text-align: center; margin: 30px 0 20px;}
.zap-ico1 { display: inline-block; width: 318px; height: 50px; background: url(https://www.hicity.de/images/adv-comm/20190110/left.png) no-repeat center center; vertical-align: middle;}
.zap-ico2 { display: inline-block; width: 318px; height: 50px; background: url(https://www.hicity.de/images/adv-comm/20190110/right.png) no-repeat center center; vertical-align: middle;}
.zap-nav span{ display: inline-block; height: 50px; line-height: 50px; font-size: 30px; padding: 0 40px; vertical-align: middle;}
.zap-con { margin: 0 auto; width: 1200px;}
.zap-con ul { width: 1212px; margin-right: -12px; padding: 5px 0; overflow: hidden;}
.zap-con li { float: left; width: 291px; height: 400px; margin-right: 12px; margin-bottom: 12px; background-color: #fff; position: relative; transition: all 0.2s ease-in-out;}
.zap-con .zap-tw { width: 283px; height: 291px; padding: 0 10px 0 301px;}
.zap-con li:hover { transform: translateY(-5px);}
.adv-off { position: absolute; right: 0; top: 0; color: #fff; width: 60px; height: 60px;}
.adv-off:before { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 30px; border-color: #f22148; border-bottom-color: transparent; border-left-color: transparent; z-index: 1;}
.adv-off span { display: block; position: absolute; top: 3px; right: 4px; line-height: 16px; font-style: italic; text-align: right; z-index: 10;}
.adv-off span em { display: block; font-style: italic; font-size: 16px;}
.adv-img { text-align: center; padding-bottom: 10px;}
.adv-title { padding: 0 10px; font-size: 14px; height: 40px; line-height: 20px; text-align: center; overflow: hidden;}
.adv-price { padding: 10px 0; text-align: center; font-weight: 700;}
.adv-price span { line-height: 30px; font-size: 20px; color: #f22148;}
.adv-price del { font-size: 14px; color: #999; margin-left: 8px;}
.zap-tw .adv-img { position: absolute; left: 0; top: 0;}
.zap-tw .adv-title { margin: 20px 0; text-align: left;}
.zap-tw .adv-title a { color: #333;}
.zap-tw .adv-price { margin: 0 10px; padding: 35px 40px 30px; border-top: 2px solid #735030; text-align: left;}
.zap-tw .adv-price del { display: block; margin: 10px 0 0 0;}
.zap-tw .adv-cart { margin: 0 10px; width: 200px; height: 40px; line-height: 40px; color: #fff; background-color: #735030; font-size: 18px; text-align: center; cursor: pointer;}
.zap-tw .adv-off { text-align: center; background: #f22148; padding: 4px 20px 5px 20px; left: 0; right: auto; border-radius: 0 0 10px 0; height: 16px;}
.zap-tw .adv-off span, .zap-tw .adv-off em { font-size: 14px; top: auto; right: auto; display: inline-block; font-style: normal; position: relative;}
.zap-tw .adv-off:before { display: none;}
.zap-con .zap-full { width: 1200px; height: 292px; background: url(https://www.hicity.de/images/adv-comm/20190110/a1.jpg) no-repeat center center;}   
.zap-new-img { float: left; width: 299px; padding: 10px 30px 10px 150px; height: 272px;}
.zap-new-img a { display: block; width: 100%; height: 100%;}
.zap-new-info { float: left; width: 591px; padding: 20px 60px 0 70px; height: 272px;}
.zap-info { margin: 0 auto; width: 530px;}
.zap-tit { text-align: center; color: #fff; font-size: 18px; text-shadow: 1px -1px 3px #230d1d; height: 30px; font-weight: 700;}
.zap-img { margin-top: 20px; height: 132px; position: relative; background: url(https://www.hicity.de/images/adv-comm/20190109/off_bg2.png) no-repeat center top;}
.zap-img del { position: absolute; display: block; color: #eee; left: 80px; top: 80px; font-size: 17px;}
.zap-img .zap-orp { top: 70px; left: 395px;}
.zap-img em { display: block; position: absolute; color: #ffea01; font-size: 34px; left: 215px; top: 60px; font-weight: 700;}
.zap-cart { margin: 30px auto 0; width: 160px; padding-right: 15px; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; cursor: pointer; position: relative; color: #963833; font-size: 15px; background-color: #ffea01;}
.zap-cart i { position: absolute; width: 9px; height: 11px; top: 10px; right: 25px; background: url(https://www.hicity.de/images/adv-comm/20190109/cart_bg2.png) no-repeat center top;}
.zap-con .zap-mid { width: 594px; height: 310px;}