@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ /*全局公共样式和字体图标*/ /*初始化类*/ @font-face { font-family: 'iconfont'; /* project id 1482221 */ src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot'); src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'), url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'), url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'), url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg'); } .acea-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; flex-wrap: wrap } .acea-row.row-middle { -webkit-box-align: center; -o-box-align: center; -webkit-align-items: center; align-items: center } .bg-color-red { background-color: #e93323 !important; } .acea-row.row-right { -webkit-box-pack: end; -o-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } .acea-row.row-between-wrapper { -webkit-box-align: center; -o-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -o-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } .acea-row.row-column-around { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around } .acea-row.row-center-wrapper { -webkit-box-align: center; -o-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -o-box-pack: center; -webkit-justify-content: center; justify-content: center } .iconfont { font-family: "iconfont" !important; font-size: 34rpx; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0rpx; -moz-osx-font-smoothing: grayscale; } .iconedit:before { content: "\e649"; } .iconfavorfill:before { content: "\e64b"; } .iconfavor:before { content: "\e64c"; } .iconlocation:before { content: "\e651"; } .iconroundcheckfill:before { content: "\e656"; } .iconroundcheck:before { content: "\e657"; } .iconunfold:before { content: "\e661"; } .iconlikefill:before { content: "\e668"; } .iconlike:before { content: "\e669"; } .iconshop:before { content: "\e676"; } .iconcart:before { content: "\e6af"; } .icondelete:before { content: "\e6b4"; } .iconhome:before { content: "\e6b8"; } .iconcartfill:before { content: "\e6b9"; } .iconhomefill:before { content: "\e6bb"; } .iconlock:before { content: "\e6c0"; } .iconfriendadd:before { content: "\e6ca"; } .iconfold:before { content: "\e6de"; } .iconapps:before { content: "\e729"; } .iconadd:before { content: "\e767"; } .iconmove:before { content: "\e768"; } .icontriangledownfill:before { content: "\e79b"; } .icontriangleupfill:before { content: "\e79c"; } .iconshaixuan:before { content: "\e74a"; } .iconyanzhengma:before { content: "\e684"; } .iconjifen:before { content: "\e60f"; } .iconwuliuxinxi:before { content: "\e62b"; } .iconmessage:before { content: "\e78a"; } .iconsetting:before { content: "\e78e"; } .iconaddition:before { content: "\e6e0"; } .iconclose:before { content: "\e6e9"; } .iconenter:after { content: "\e6f8"; } .iconprompt:before { content: "\e71b"; } .iconreturn:before { content: "\e720"; } .iconsearch:before { content: "\e741"; } .iconpengyouquan:before { content: "\e62c"; } .iconweixin:before { content: "\e60e"; } .iconzhifubao:before { content: "\e673"; } .iconyue:before { content: "\e618"; } .iconweixin1:before { content: "\e622"; } .iconlock1:before { content: "\e64d"; } .iconuser:before { content: "\e64e"; } .iconchenggongtixianshouyi:before { content: "\e64f"; } .iconviptuiguangdingdan:before { content: "\e650"; } .icondaifukuan:before { content: "\e652"; } .icondaijiesuanshouyi:before { content: "\e653"; } .icondaidakuanshouyi:before { content: "\e654"; } .icondaifahuo:before { content: "\e655"; } .icondaishouhuoshouyi:before { content: "\e658"; } .icondaishouhuo:before { content: "\e659"; } .iconwuxiaoshouyi:before { content: "\e65a"; } .icontixianmingxi:before { content: "\e65b"; } .iconshouyi:before { content: "\e65c"; } .iconkouchutixianshouxufei:before { content: "\e65d"; } .iconyishenqingshouyi:before { content: "\e65e"; } .icontuihuanhuo:before { content: "\e65f"; } /*水平线*/ .hr { width: 100%; position: relative; border-bottom: 1px solid #dddddd; /* height: 0.5rpx; */ } /* 一行显示 */ .clamp { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } /* 二行显示 */ .clamp2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 二行显示 */ .ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .common-hover { background: #f5f5f5; } /* 角标 */ .corner { background-color: #e51c23; position: absolute; right: -18rpx; top: -18rpx; color: #FFFFFF; text-align: center; border-radius: 999px; font-size: 24rpx !important; min-width: 35rpx; min-height: 35rpx; 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; line-height: 1; } .flex_item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; /* justify-content: space-between; */ } /* 左右顶格加上下居中 */ .flex-between-center { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } /* 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-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; } /*文字对齐*/ .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .text-right { text-align: right !important; } .text-default { color: #212121 !important; } .text-white { color: #ffffff !important; } .text-primary { color: #00bcd4 !important; } .text-success { color: #009688 !important; } .text-info { color: #03a9f4 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #e51c23 !important; } .text-pink { color: #e91e63 !important; } .text-purple { color: #673ab7 !important; } .text-indigo { color: #3f51b5 !important; } .text-gray { color: #999999 !important; } .bg-default { background-color: #f5f5f5 !important; } .bg-primary { background-color: #00bcd4 !important; } .bg-success { background-color: #009688 !important; } .bg-info { background-color: #03a9f4 !important; } .bg-warning { background-color: #FFB238 !important; } .bg-danger { background-color: #DC4D46 !important; } .bg-pink { background-color: #e91e63 !important; } .bg-purple { background-color: #673ab7 !important; } .bg-indigo { background-color: #3f51b5 !important; } .bg-white { background-color: white !important; } .bg-gray { background-color: #e3e3e3 !important; } /* 边框 */ .border-radius-15 { border-radius: 15rpx; } .border-radius-10 { border-radius: 10rpx; } .border-radius-all { border-radius: 1000rpx; } /* 底部边线 */ .borde-b { border-bottom: 1px solid #dddddd; } /* 弹性盒子 */ .flex { 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; } .items-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .items-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .flex-shrink-false { -webkit-flex-shrink: 0; flex-shrink: 0; } .flex-grow-true { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .position-relative { position: relative; } 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; } /* 骨架屏替代方案 */ .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: #f8f6f6; } page { background-color: #f8f6f6; font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback; }