XIAOMI MI MIX 3

<div class="detail-box">
										<div ai-if="item.title" ai-style="styles.title" class="title"><a ai-attr-href="item.url" ai-attr-title="item.title" target="_blank">{{item.title}}</a></div>

<div class="horizontal wrap justified no-flexbox-legacy">
											<div ai-if="item.preorder" class="preorder">PRE-ORDER PRICE</div>

<div ai-if="item.price" class="price">{{item.price}}</div>

<div ai-if="item.specprice" class="specprice"><i class="glyph glyph-mobile">{{item.specprice}}</i></div>

<div ai-if="item.listprice" class="listprice"><del>{{item.listprice}}</del></div>

<div ai-if="item.discount" ai-style="styles.discount" class="discount self-center">{{item.discount}}% off</div>

<div ai-if="item.stock" class="stock"><i>{{item.stock}}</i> left</div>

<div ai-if="item.sold" class="sold">{{item.sold}} Orders</div>

<div ai-if="item.offers" ai-style="styles.offers" class="offers">{{item.offers}}</div>
										</div>
									</div>

<div class="handle-box"><a ai-attr-href="item.storeURL || item.url" ai-if="item.coupon" class="coupon" target="_blank">Get {{item.coupon}} coupon</a> <a ai-attr-href="item.url" ai-class="soldout:item.soldout" ai-if="behavior.handle" ai-style="styles.handle" class="purchase" data-locale="Sold Out" target="_blank">Shop Now</a></div>
								</div>
							</li>
						</ul>
						<div ai-if="loading" class="loader-wrap loader">
							<div class="loading round">Loading...</div>
						</div>
					</section>