input{line-height: normal; box-sizing:border-box;} @font-face { font-family: 'GuildfordProBook 5'; src: url('https://wx.yixiang.co/static/iconfont/GuildfordProBook5.otf'); } [v-cloak] { display: none; } .iconfont{ font-size: .36*100rpx; } /* 一像素边框 */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { .border-1px::after { transform: scaleY(0.7); } .border-1px::before { transform: scaleY(0.7); } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .border-1px::after { transform: scaleY(0.5); } .border-1px::before { transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .border-1px::after { transform: scaleY(0.33); } .border-1px::before { transform: scaleY(0.33); } } .line1{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 100%; } .line2{ word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .line5{ word-break:break-all; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; } .mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:55;background-color:rgba(0,0,0,0.5);}