page { background-color: #fff; font-size: 32rpx; font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif; } view { box-sizing: border-box; } .oneRowText { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .towRowText { display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .bgLinear { background: linear-gradient(180deg, #3593FB 0%, #53D3E5 100%); } .flex-b { justify-content: space-between; display: flex; align-items: center; } .flex { display: flex; align-items: center; } .pageBg { background: #F6F6F6; color: #333; font-size: 28rpx; min-height: 100vh; position: relative; width: 100%; padding-bottom: 50rpx; } .pageBgImg { font-size: 28rpx;; color: #333; background: #F6F6F6; position: relative; width: 100%; z-index: 0; min-height: 100vh; padding-bottom: 50rpx; &::before { content: ''; position: absolute; left: 0; top: 0; z-index: -2; height: 324rpx; width: 100%; background-color: #1989fa; } } .bgImg { height: auto; width: 100%; background-color: #1989fa; } .poz2 { position: relative; z-index: 2; } .pad { padding: 0 28rpx; } .card { width: 100%; background: #fff; border-radius: 16rpx; } .status_bar { height: var(--status-bar-height); width: 100%; } image { display: block; width: 100%; height: 100%; } .placeholderClassFFF { color: #fff !important; } .starBox { display: flex; .num { color: $themC; font-size: 24rpx; } } .my .u-input { height: 100%; } .h1 { font-size: 32rpx; color: #333; font-weight: 500; position: relative; padding: 0 0 0 32rpx; &::before { position: absolute; content: ''; width: 8rpx; height: 32rpx; background: #1F6EFA; border-radius: 4rpx; top: 50%; transform: translateY(-50%); left: 0; } } .btnBg { height: 72rpx; background: #1989FA; border-radius: 8rpx; line-height: 72rpx; text-align: center; font-size: 28rpx; color: #fff; } .btnBorder { height: 72rpx; background: #DFEAF5; border-radius: 8rpx; line-height: 72rpx; text-align: center; font-size: 28rpx; color:$themC; border: 2rpx solid #1989FA; } /* 通用 */ ::-webkit-input-placeholder { color:#BBBBBB; } ::-moz-placeholder { color:#BBBBBB; } /* firefox 19+ */ :-ms-input-placeholder { color:#BBBBBB; } /* ie */ input:-moz-placeholder { color:#BBBBBB; } input::-webkit-input-placeholder { color: #BBBBBB !important; } input::-moz-input-placeholder { color: #BBBBBB !important; } input::-ms-input-placeholder { color: #BBBBBB !important; }