view, image, label { box-sizing: border-box; word-break: break-all; } image { height: auto; width: auto; } page { background-color: #f7f9fa; } .flex { display: flex; } .flex-none { flex: none; } .flex-1 { flex: 1; } .flex-y { flex-direction: column; } .flex-top { align-items: flex-start !important; } .flex-bottom { align-items: flex-end; } .flex-content-end { justify-content: flex-end; } .flex-center { align-items: center; } .flex-center-center { align-items: center; justify-content: center; } .flex-between { justify-content: space-between; } .flex-around { justify-content: space-around; } .flex-wrap { flex-wrap: wrap; } .w-0 { width: 0; } .h-0 { height: 0; } .ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; } .ellipsis.ellipsis-2 { -webkit-line-clamp: 2; } .ellipsis.ellipsis-3 { -webkit-line-clamp: 3; } .ellipsis.ellipsis-4 { -webkit-line-clamp: 4; } .ellipsis.ellipsis-5 { -webkit-line-clamp: 5; } .ellipsis.ellipsis-6 { -webkit-line-clamp: 6; } .ellipsis.ellipsis-7 { -webkit-line-clamp: 7; } .ellipsis.ellipsis-8 { -webkit-line-clamp: 8; } .ellipsis.ellipsis-9 { -webkit-line-clamp: 9; } .ellipsis.ellipsis-10 { -webkit-line-clamp: 10; } .ellipsis-no { display: block; } .hover-active { opacity: 0.8 !important; } .safe-area { padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */ } .ql-editor.ql-blank:before { color: #999999; font-size: 28rpx; font-style: normal; }page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}