@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ view, scroll-view, swiper, swiper-item, cover-view, cover-image, icon, text, rich-text, progress, button, checkbox, form, input, label, radio, slider, switch, textarea, navigator, audio, camera, image, video { box-sizing: border-box; } /* flex布局-整体居中 */ .flex-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } /* flex布局-上下居中 */ .flex-upDown-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .flex_direction { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .word1_ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .word2_ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m-r25 { margin-right: 25rpx; } .m-r15 { margin-right: 15rpx; } .flex1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .flex-start { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .flex { display: -webkit-box; display: -webkit-flex; display: flex; } .position-relative { position: relative; } /* 骨架屏替代方案 */ .Skeleton { background: #f3f3f3; padding: 20rpx 0; border-radius: 8rpx; } /* 图片载入替代方案 */ .image-wrapper { font-size: 0; background: #f3f3f3; border-radius: 4px; } .image-wrapper image { width: 100%; height: 100%; -webkit-transition: 0.6s; transition: 0.6s; opacity: 0; } .image-wrapper image.loaded { opacity: 1; } uni-rich-text ._img { max-width: 100% !important; } /*边框*/ .b-b:after, .b-t:after { position: absolute; z-index: 3; left: 0; right: 0; height: 0; content: ''; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); border-bottom: 1px solid #e4e7ed; } .b-b:after { bottom: 0; } .b-t:after { top: 0; } /* button样式改写 */ uni-button, button { height: 80rpx; line-height: 80rpx; font-size: 34rpx; font-weight: normal; } uni-button.no-border:before, uni-button.no-border:after, button.no-border:before, button.no-border:after { border: 0; } uni-button[type='default'], button[type='default'] { color: #303133; } /* input 样式 */ .input-placeholder { color: #999999; } .placeholder { color: #999999; } .margin-l-10 { margin-left: 10rpx !important; } .margin-r-10 { margin-right: 10rpx !important; } .margin-t-10 { margin-top: 10rpx !important; } .margin-b-10 { margin-bottom: 10rpx !important; } .margin-10 { margin: 10rpx !important; } .margin-v-10 { margin-top: 10rpx !important; margin-bottom: 10rpx !important; } .margin-c-10 { margin-left: 10rpx !important; margin-right: 10rpx !important; } .padding-l-10 { padding-left: 10rpx !important; } .padding-r-10 { padding-right: 10rpx !important; } .padding-t-10 { padding-top: 10rpx !important; } .padding-b-10 { padding-bottom: 10rpx !important; } .padding-10 { padding: 10rpx !important; } .padding-v-10 { padding-top: 10rpx !important; padding-bottom: 10rpx !important; } .padding-c-10 { padding-left: 10rpx !important; padding-right: 10rpx !important; } .margin-l-20 { margin-left: 20rpx !important; } .margin-r-20 { margin-right: 20rpx !important; } .margin-t-20 { margin-top: 20rpx !important; } .margin-b-20 { margin-bottom: 20rpx !important; } .margin-20 { margin: 20rpx !important; } .margin-v-20 { margin-top: 20rpx !important; margin-bottom: 20rpx !important; } .margin-c-20 { margin-left: 20rpx !important; margin-right: 20rpx !important; } .padding-l-20 { padding-left: 20rpx !important; } .padding-r-20 { padding-right: 20rpx !important; } .padding-t-20 { padding-top: 20rpx !important; } .padding-b-20 { padding-bottom: 20rpx !important; } .padding-20 { padding: 20rpx !important; } .padding-v-20 { padding-top: 20rpx !important; padding-bottom: 20rpx !important; } .padding-c-20 { padding-left: 20rpx !important; padding-right: 20rpx !important; } .margin-l-30 { margin-left: 30rpx !important; } .margin-r-30 { margin-right: 30rpx !important; } .margin-t-30 { margin-top: 30rpx !important; } .margin-b-30 { margin-bottom: 30rpx !important; } .margin-30 { margin: 30rpx !important; } .margin-v-30 { margin-top: 30rpx !important; margin-bottom: 30rpx !important; } .margin-c-30 { margin-left: 30rpx !important; margin-right: 30rpx !important; } .padding-l-30 { padding-left: 30rpx !important; } .padding-r-30 { padding-right: 30rpx !important; } .padding-t-30 { padding-top: 30rpx !important; } .padding-b-30 { padding-bottom: 30rpx !important; } .padding-30 { padding: 30rpx !important; } .padding-v-30 { padding-top: 30rpx !important; padding-bottom: 30rpx !important; } .padding-c-30 { padding-left: 30rpx !important; padding-right: 30rpx !important; } .font-size-sm { font-size: 24rpx; } .font-size-base { font-size: 28rpx; } .font-size-lg { font-size: 32rpx; } .font-color-yellow { color: #fd5b23; } .font-color-gray { color: #999999; } .font-color-red { color: #dd524d; } .border-color-yellow { border: 1rpx solid #fd5b23; } uni-page-wrapper { background-color: #f8f8f8; } page { background-color: #f8f8f8; font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback; }