.zsm-wrap { margin: 0 auto; background: url(https://www.hicity.de/images/adv-comm/20190107/bst-bg.jpg) no-repeat center top; background-attachment: fixed; padding-bottom: 100px;}
.zsm-top { margin: 0 auto; height: 724px; background: url(https://www.hicity.de/images/adv-comm/20190107/bestseller.jpg) no-repeat center top; padding-bottom: 60px;}
.zsm-con { margin: 0 auto; width: 1000px; padding: 30px 49px 50px; background-color: #f1ac35;}
.zsm-ban { text-align: center; height: 50px; line-height: 50px;}
.zsm-ban span { display: inline-block; width: 50px; height: 50px; vertical-align: middle;}
.zsm-ico1 { background: url(https://www.hicity.de/images/adv-comm/20190107/left.png) no-repeat center top;}
.zsm-ico2 { background: url(https://www.hicity.de/images/adv-comm/20190107/right.png) no-repeat center top;}
.zsm-ban em { display: inline-block; vertical-align: middle; color: #fff; font-size: 24px; font-weight: 700; padding: 0 50px;}
.zsm-con ul { width: 1012px; margin-right: -12px; overflow: hidden; padding-top: 15px;}
.zsm-con li { float: left; width: 241px; height: 400px; background-color: #fff; margin-right: 12px; margin-bottom: 12px; position: relative;}
.zsm-con li:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: .5s; transition: .5s;}
.adv-img { text-align: center; padding: 10px 0;}
.adv-title { font-size: 13px; width: 224px; margin: 0 auto; height: 32px; line-height: 16px; overflow: hidden; text-align: center;}
.adv-title a { color: #333;}
.adv-price { text-align: center; font-weight: 700; color: #8a0000; margin: 10px 0;}
.adv-price span { display: block; line-height: 30px; font-size: 20px;}
.adv-price del { font-size: 13px; display: block;}
.adv-cart { margin: 0 auto; width: 180px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 15px; background-color: #735030; border-radius: 30px; cursor: pointer;}
.adv-off { position: absolute; right: 10px; top: 10px; width: 50px; height: 50px; border-radius: 50px; background-color: #ff5417; color: #fff; text-align: center;}
.adv-off span { display: block; margin-top: 12px; font-size: 16px;}
.zsm-mid { margin: 60px auto;}
.zsm-mid li { width: 494px; height: 450px;}
.zsm-mid li.mid-last { width: 650px; height: 270px; padding: 25px 30px 0 320px;}
.zsm-mid .adv-img { margin: 20px 0;}
.zsm-mid .adv-title { border-bottom: 1px dashed #ccc; height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 24px; width: 434px; padding-bottom: 10px;}
.zsm-mid .adv-price { text-align: left; padding: 40px 0 10px 30px; font-weight: normal;}
.zsm-mid .adv-price del { font-size: 14px; color: #999;}
.zsm-mid .adv-price span { font-size: 26px; color: #f30240; margin-top: 5px}
.zsm-mid .adv-cart { position: absolute; border-radius: 5px; right: 30px; bottom: 25px; padding-right: 15px;}
.zsm-mid .adv-cart i { position: absolute; width: 10px; height: 10px; top: 10px; right: 20px; background: url(https://www.hicity.de/images/adv-comm/cart_bg.png) no-repeat center top;}
.zsm-mid .mid-last .adv-img { margin: 0; position: absolute; width: 224px; height: 224px; left: 48px; top: 25px;} 
.zsm-mid .mid-last .adv-title { margin-top: 20px; width: 530px; text-align: left; margin-right: 120px;}
.zsm-mid .mid-last .adv-price { padding: 80px 0 10px;}
.zsm-mid .mid-last .adv-cart { bottom: 55px;}