easypay-app-wx/static/css/base.css

383 lines
13 KiB
CSS
Raw Normal View History

2023-12-20 21:41:47 +08:00
@charset "UTF-8";
body,html {
background-color: #f5f5f5 !important;
/* height: unset */
}
.icon-color {
color: #E93323
}
.cart-color {
/* color: #E93323 !important;
border: 1px solid #E93323 !important */
}
.padding20 {
padding: 20rpx
}
.pad20 {
padding: 0 20rpx
}
.padding30 {
padding: 30rpx
}
.pad30 {
padding: 0 30rpx
}
.mb30 {
margin-bottom: 30rpx;
}
.borRadius14 {
border-radius: 14rpx !important;
}
.acea-row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.acea-row.row-middle {
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.acea-row.row-top {
-webkit-box-align: start;
-moz-box-align: start;
-o-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.acea-row.row-bottom {
-webkit-box-align: end;
-moz-box-align: end;
-o-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end
}
.acea-row.row-center {
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.acea-row.row-right {
-webkit-box-pack: end;
-moz-box-pack: end;
-o-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.acea-row.row-left {
-webkit-box-pack: start;
-moz-box-pack: start;
-o-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.acea-row.row-between {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-o-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.acea-row.row-around {
justify-content: space-around;
-webkit-justify-content: space-around
}
.acea-row.row-column-around {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-content: space-around;
-webkit-justify-content: space-around
}
.acea-row.row-column {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.acea-row.row-column-between {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-o-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-o-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.acea-row.row-center-wrapper {
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.acea-row.row-between-wrapper {
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-o-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.start{width: 122rpx; height: 30rpx;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAADCCAYAAACR4kY1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NERDNDk4Q0JFNDYxMUU5ODM2MENCQzM3RjM0NzU1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NUU5MkRGRTQwRTAxMUVCQkM2RjlFQjhCNTIzMUE2NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NUU5MkRGRDQwRTAxMUVCQkM2RjlFQjhCNTIzMUE2NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2ZDliNmY1ZC05YTFhLTQ3ODMtYjhmYS00YmIyMjdjYTU5OWQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphZjAyYmI4MC04NzQxLTg5NGUtYWY0ZS1iMzk4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
.start.star5{background-position: 0 3rpx;}
.start.star4{background-position: 0 -30rpx;}
.start.star3{background-position: 0 -70rpx;}
.start.star2{background-position: 0 -105rpx;}
.start.star1{background-position: 0 -140rpx;}
.start.star0{background-position: 0 -175rpx;}
* {
box-sizing: border-box
}
page {
font-size: 28rpx;
background-color: #f5f5f5 !important;
color: #333;
/* height: 100%; */
}
button {
padding: 0;
margin: 0;
line-height: normal;
background-color: #fff
}
button::after {
border: 0
}
radio .wx-radio-input {
border-radius: 50%;
width: 38rpx;
height: 38rpx;
}
radio .wx-radio-input.wx-radio-input-checked {
/* border: 1px solid #E93323 !important;
background-color: #E93323 !important */
}
radio .uni-radio-input {
border-radius: 50%;
width: 38rpx;
height: 38rpx
}
radio .uni-radio-input.uni-radio-input-checked {
/* border: 1px solid #E93323 !important;
background-color: #E93323 !important */
}
checkbox .wx-checkbox-input {
border-radius: 50%;
width: 38rpx;
height: 38rpx;
margin-right: 0 !important;
}
/* checkbox .wx-checkbox-input.wx-checkbox-input-checked {
border: 1px solid #E93323 !important;
background-color: #E93323 !important;
color: #fff!important;
margin-right: 0 !important;
} */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
font-size: 35rpx
}
checkbox .uni-checkbox-input {
border-radius: 50%;
width: 38rpx;
height: 38rpx
}
/* checkbox .uni-checkbox-input.uni-checkbox-input-checked {
border: 1px solid #E93323 !important;
background-color: #E93323 !important;
color: #fff!important
} */
checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
font-size: 35rpx
}
.line1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.line2 {
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
/* height: 84rpx; */
}
.mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: .5;
z-index: 5;
}
@keyframes load {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@-webkit-keyframes load {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.mb-2{
margin-bottom: 40rpx;
}
.loadingpic {
animation: load 3s linear 1s infinite;
--webkit-animation: load 3s linear 1s infinite
}
.loading-list {
animation: load linear 1s infinite;
-webkit-animation: load linear 1s infinite;
font-size: 40rpx;
margin-right: 22rpx
}
.loading {
width: 100%;
height: 100rpx;
line-height: 100rpx;
align-items: center;
justify-content: center;
position: relative;
text-align: center
}
.loading .line {
position: absolute;
width: 450rpx;
left: 150rpx;
top: 50rpx;
height: 1px;
border-top: 1px solid #eee
}
.loading .text {
position: relative;
display: inline-block;
padding: 0 20rpx;
background: #fff;
z-index: 2;
color: #777
}
.loadingicon .loading {
animation: load linear 1s infinite;
font-size: 45rpx;
color: #000
}
.loadingicon {
width: 100%;
height: 80rpx;
overflow: hidden
}
.bg-color-huic{
background: #F1F1F1!important;
border: 1px solid #ccc!important;
color: #ccc!important;
}
.uni-p-b-98{
height: 100rpx;
/* 兼容 IOS<11.2 */
height: calc(100rpx+ constant(safe-area-inset-bottom));
/* 兼容 IOS>11.2 */
height: calc(100rpx + env(safe-area-inset-bottom));
}