.new-user-floor { position: relative; background: #fff; -webkit-overflow-scrolling: touch; .new-user-icon { position: absolute; bottom: 26px; left: 0; height: 171px; width: 35px; font-size: 22px; color: #fff; text-align: center; letter-spacing: 4px; line-height: 2; background: resolve("channel/new-user.png"); background-size: 100% 100%; writing-mode: tb-rl; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; z-index: 2; } } .new-user-banner { height: 200px; width: 100%; overflow: hidden; } .new-user-goods-container { height: 213px; width: 100%; overflow-x: scroll; overflow-y: hidden; background-size: 100% 100%; ul { height: 213px; padding: 17px 0 26px 50px; white-space: nowrap; } .new-user-good { display: inline-block; height: 171px; width: 256px; background: #ccc; margin-right: 16px; } .goods-pic { float: left; height: 100%; width: 50%; } .goods-info { float: right; height: 100%; width: 50%; background: #fff; .title { height: 50px; width: 85px; margin: 26px 22px 0 26px; line-height: 1.4; text-align: center; font-size: 17px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; } .price { height: 20px; width: 85px; margin: 20px 22px 0 26px; line-height: 1.5; text-align: center; font-size: 17px; } .buy-now { height: 20px; width: 85px; margin: 25px 22px 0 26px; line-height: 1.5; text-align: right; font-size: 15px; color: #c5c5c5; } } }