@media screen and (min-width:900px) { html { transform: scale(0.3); background: #fff; transform-origin: 50% 0px 0px; height: calc(100vh); } #app { height: 6rem !important; overflow: scroll; } } * { margin: 0; padding: 0; list-style: none; } html { font-size: 26.66666667vw; } html, body, #app { height: 100%; } #app { background: #F4F6F9; font-size: 0.16rem; } .tab { display: flex; justify-content: space-between; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .tab>li { flex: 1; font-size: 0.16rem; text-align: center; background: white; height: 0.4rem; } .tab_text { display: inline-block; line-height: 0.35rem; height: 90%; } .tab_active { border-bottom: 0.03rem solid #FD6932; color: #FD6932; } .content { padding: 0.52rem 0.1rem 1rem; height: 100%; box-sizing: border-box; overflow: auto; } .content-box { display: flex; } .content-item { margin-bottom: 0.13rem; border-radius: 0.05rem; background-color: white; height: 0.93rem; overflow: hidden; } .content-item-more { height: auto !important; overflow: none; } .left-box { background: url('https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/couponbg.png'); background-size: 100% 100%; width: 26%; height: 0.93rem; color: white; text-align: center; display: flex; flex-direction: column; align-items: center; } .left-boxs { background: url('https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/couponbg1.png'); background-size: 100% 100%; } .left-boxs .left-box-button { color: #939393; } .left-box-moneySign { font-size: 0.30rem; line-height: 0.26rem; margin-top: 0.07rem; } .left-box-money { font-size: 0.16rem; display: inline-block; margin-right: -0.06rem; } .left-box-full { font-size: 0.12rem; margin: 0 0 0.08rem; } .left-box-button { padding: 0.025rem 0; background: white; color: #FD6932; border-radius: 0.2rem; font-size: 0.14rem; width: 0.7rem; } .right-box { padding: 0 0.08rem; background: white; border-radius: 0 0.05rem 0.05rem 0; flex: 1; height: 0.93rem; box-sizing: border-box; position: relative; } .right-box-title { font-size: 0.18rem; margin-top: 0.15rem; } .right-box-time { font-size: 0.10rem; margin: 0.05rem 0; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); margin-left: -0.1rem; } .right-box-id, .right-box-more { font-size: 0.12rem; } .right-box-id { width: 1.7rem; color: #949494; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .right-box-id>span { user-select: text; } .right-box-more { color: #4193EE; cursor: pointer; } .right-box-more img { width: 0.1rem; } .right-box-bottom { display: flex; justify-content: space-between; padding: 0.05rem 0.02rem; border-top: 0.01rem solid #D7D7D7; box-sizing: border-box; } .text { padding: 0.1rem; color: #949494; font-size: 0.12rem; line-height: 0.18rem; } .imgArrow { transform: rotate(180deg); } .stand { position: absolute; top: 0.08rem; right: 0.08rem; width: 0.48rem; } .backPresTy { position: fixed; top: 0.1rem; left: 0.1rem; width: 0.31rem; height: 0.31rem; z-index: 877; } .empty { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .empty img { width: 1.61rem; height: 0.82rem; } .empty p { font-size: 0.13rem; color: #A6A5B2; }