2025-11-03 19:56:50 +08:00

320 lines
4.6 KiB
CSS

body {
background-color: #FFFFFF;
font-size: 32upx;
}
view {
box-sizing: border-box;
}
image {
background-size: 100% 100%;
height: auto;
}
button {
height: auto;
border: none;
line-height: 2.55555556;
padding: 0 28upx;
}
input {
background: none;
padding: 0;
}
.fsz24 {
font-size: 24rpx !important;
}
.fsz26 {
font-size: 26rpx !important;
}
.fsz28 {
font-size: 28rpx !important;
}
.fsz30 {
font-size: 30rpx !important;
}
.fsz32 {
font-size: 32rpx !important;
}
.fsz34 {
font-size: 34rpx !important;
}
.fsz36 {
font-size: 36rpx !important;
}
.fsz38 {
font-size: 38rpx !important;
}
.fsz50 {
font-size: 50rpx !important;
}
.clearfix{
overflow: hidden;
}
.fl{
float: left;
}
.fr{
float: right;
}
.overflow1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.overflow2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.w1{
width: 94%;
margin: 0 auto;
margin-top: 30rpx;
}
.w{
width: 94%;
margin: 0 auto;
}
.none{
display: none;
}
.zanwu{
text-align: center;
font-size: 30rpx;
margin-top: 50%;
margin-bottom: 30%;
}
.width{
width: 30%;
margin-right: 5%;
}
.width:nth-child(3n){
margin-right: 0;
}
.bglv{background-color: #46b45d;}
.lv{color: #46b45d;}
.icon {
width: 50upx;
height: 50upx;
}
.btn {
display: inline-block;
box-sizing: border-box;
border-radius: 0;
font-size: 28upx;
transform: scale(1);
transition: all .5s;
}
.btn::after {
border: none;
}
.content-top {
margin-bottom: 116upx;
}.button-bottom {
background-color: #fff;
position: fixed;
bottom: 0;
height: 90upx;
width: 100%;
display: flex;
z-index: 66;
box-shadow: 0 0 10px #ccc;
}
.button-bottom .btn {
flex: 1;
}.navbar {
position: fixed;
top: 0;
/* #ifdef H5 */
top: 40px;
/* #endif */
left: 0;
width: 100%;
height: 106rpx;
background-color: #FFFFFF;
z-index: 9; display: flex;
justify-content: space-between;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple; line-height: 48px;
justify-content: space-around;
-webkit-justify-content: space-around;
flex-wrap: wrap
}
.navbar .item {
border-top: 5rpx solid transparent;
border-bottom: 5rpx solid transparent;
font-size: 30rpx;
color: #999999;
}
.navbar .on {
border-bottom-color: #E93323;
color: #282828;
}
.img-grids {
overflow: hidden;
}
.hs-di {
position: relative;
display: flex;
}
.ro-text {
position: relative;
font-size: 24upx;
}
.little-img {
width: 140upx;
height: 140upx;
}
.zanwuimg{
width: 100%;
flex-direction: column;
display: flex;
align-items: center;
justify-content: center;
justify-items: center;
height: 70vh;
}
.zanwuimg image{width: 200rpx!important;}
.zanwuimg view{padding-bottom: 30rpx;
padding-top: 20rpx;
font-size: 28rpx;
color: #999999;}
.red-price {
color: red !important;
} .lidiv-ft {
display: flex;
align-items: center;
}
.right-img .lidiv-ft {
right: 8upx;
height: 50upx;
position: absolute;
}.hs-fttext {
font-size: 28upx;
float: right;
position: relative;
line-height: 50upx;
}
.gongli{color:#00a73b}
.hs_box {background-color: #fff;}
.hs-row {
padding: 20upx 26upx 20upx 0;
width: 724upx;
margin-left: 26upx;
border-bottom: 2upx solid #f3f3f3;
position: relative;
background-color: #fff;
color: #333;
display: flex;
min-height: 90upx;
align-items: center;
justify-content: space-between;
}
.hs-row-hd {
display: flex;
align-items: center;
font-size: 28upx;
position: relative;
}.hs-row-bd {
display: flex;
margin-left: 20upx;
min-height: 30upx;
overflow: hidden;
align-items: center;
padding-right: 50upx;
}.hs-hd-title {
display: inline-block;
position: relative;
}.hs-input {
display: inline-block;
float: left;
font-size: 26upx;
}
.btn-primary{ color: #333;
background-color: #fff;
padding: 0rpx 40rpx;
height: 90rpx;
line-height: 90rpx;
min-width: 150rpx;
border: none !important;
}
.fr {
float: right;
}
.btn-default{
border: 2rpx solid #949494;
color: #888;
background-color: #fff;
padding: 0rpx 20rpx;
height: 60rpx;
line-height: 60rpx;
min-width: 140rpx;margin-right: 10px;
text-align: center;
font-size: 22rpx;border-radius: 6px;}
.margin20 {
margin: 20upx 0;
}
.btn-success{
background-color: #00a65c;
color: #fff;
padding: 0rpx 40rpx;
height: 90rpx;
line-height: 90rpx;
min-width: 150rpx;
border: none !important;
}
.flex{display:flex}.mr8{margin-top:16rpx}