page { width: 100%; height: 100%; } /* 字体 */ .ft48 { font-size: 48rpx; } .ft40 { font-size: 40rpx; } .ft38 { font-size: 38rpx; } .ft36 { font-size: 36rpx; } .ft34 { font-size: 34rpx; } .ft32 { font-size: 32rpx; } .ft30 { font-size: 30rpx; } .ft28 { font-size: 28rpx; } .ft26 { font-size: 26rpx; } .ft24 { font-size: 24rpx; } .ft22 { font-size: 22rpx; } .ft20 { font-size: 20rpx; } .is-iphone-x { padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */ box-sizing: inherit; } /*每个页面公共css */ .flex { display: flex; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-nowarp { flex-wrap: nowrap; } .flex-x-between { justify-content: space-between; } .flex-x-center { justify-content: center; } .flex-x-end { justify-content: flex-end; } .flex-y-center { align-items: center; } .flex-y-baseline { align-items: baseline; } .flex { display: -webkit-box; display: -webkit-flex; display: flex; } .flex-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; flex-direction: row; } .flex-col { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; } .flex-grow-0 { min-width: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .flex-grow-1 { min-width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .flex-x-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-y-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .flex-y-bottom { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; } .box-pack-between { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .text-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .text-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .red { color: red; } .wrap { flex-wrap: wrap; } .line-through { text-decoration: line-through; } page, block, view, scroll-view, swiper, movable-view, icon, text, progress, button, checkbox, form, input, label, picker, picker-view, radio, slider, switch, textarea, navigator, audio, image, video, map, canvas, contact-button { box-sizing: border-box; } .text-nowarp { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .no-more { text-align: center; font-size: 28rpx; line-height: 40rpx; color: #BCC3CB; padding: 40rpx 0; } .nav-hover { opacity: 0.5; } .arr-r::after { flex: none; margin-left: auto; content: ""; display: block; width: 14rpx; height: 14rpx; border: 3rpx solid; border-color: #666 #666 transparent transparent; transform: rotate(45deg); } .loading { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; } .loading image { width: 250rpx; height: 250rpx; position: relative; /* margin-top: -200rpx; */ margin-top: 0; } button { border-radius: 0rpx; padding: 0rpx; margin: 0rpx; } button::after{ border: none; } /* .uni-calendar__header{ display:none!important; } */ /* .uni-select{ border:none!important; } */ .uni-select__input-text{ color:#999999; } .uni-select{ border:1px solid #999999; } .uni-navbar{ }