.zhw-wrap { margin: 0 auto; padding-bottom: 100px; background: #5a0405 url(https://www.hicity.de/images/adv-comm/20190108/bg.jpg) no-repeat center top; background-attachment: fixed;}
.zhw-top { height: 750px; background: url(https://www.hicity.de/images/adv-comm/20190108/adv-top.jpg) no-repeat center top;}
.zhw-nav { margin: 50px auto 20px; height: 50px; line-height: 50px; color: #fff; font-size: 36px; text-align: center;}
.zhw-con { margin: 0 auto; width: 1200px;}
.zhw-con ul { width: 1212px; margin-right: -12px; padding: 5px 0; overflow: hidden;}
.zhw-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;}
.zhw-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;}
.zhw-con .zhw-left { width: 594px; height: 600px;}
.zhw-con .zhw-mid { width: 594px; height: 294px;}
.zhw-con .zhw-bot { width: 594px; height: 264px;}