/* flex布局 */ .flex {display: flex;} /* 盒模型 */ .border-box{box-sizing: border-box;} /* 加粗 */ .bold{font-weight: bold;} /* 透明度 */ .opacity-10{opacity: 1;} .opacity-09{opacity: .9;} .opacity-08{opacity: .8;} .opacity-07{opacity: .7;} .opacity-06{opacity: .6;} .opacity-05{opacity: .5;} .opacity-04{opacity: .4;} .opacity-03{opacity: .3;} .opacity-02{opacity: .2;} .opacity-01{opacity: .1;} .opacity{opacity: 0;} /* 圆角 */ .radius6{border-radius: 6rpx;} .radius8{border-radius: 8rpx;} .radius10{border-radius: 10rpx;} .radius15{border-radius: 15rpx;} .radius20{border-radius: 20rpx;} .radius25{border-radius: 25rpx;} .radius30{border-radius: 30rpx;} .radius35{border-radius: 35rpx;} .radius40{border-radius: 40rpx;} .radius100{border-radius: 100%;} /* 外边距 */ .mar-sx10{margin-top: 10rpx;margin-bottom: 10rpx;} .mar-sx15{margin-top: 15rpx;margin-bottom: 15rpx;} .mar-sx20{margin-top: 20rpx;margin-bottom: 20rpx;} .mar-sx25{margin-top: 25rpx;margin-bottom: 25rpx;} .mar-sx30{margin-top: 30rpx;margin-bottom: 30rpx;} .mar-sx35{margin-top: 35rpx;margin-bottom: 35rpx;} .mar-sx40{margin-top: 40rpx;margin-bottom: 40rpx;} .mar-sx45{margin-top: 45rpx;margin-bottom: 45rpx;} .mar-sx50{margin-top: 50rpx;margin-bottom: 50rpx;} .mar-sx55{margin-top: 55rpx;margin-bottom: 55rpx;} .mar-sx60{margin-top: 60rpx;margin-bottom: 60rpx;} .mar-sx70{margin-top: 70rpx;margin-bottom: 70rpx;} .mar-sx80{margin-top: 80rpx;margin-bottom: 80rpx;} .mar-sx90{margin-top: 90rpx;margin-bottom: 90rpx;} .mar-sx100{margin-top: 100rpx;margin-bottom: 100rpx;} .mar-zy10{margin-left: 10rpx;margin-right: 10rpx;} .mar-zy15{margin-left: 15rpx;margin-right: 15rpx;} .mar-zy20{margin-left: 20rpx;margin-right: 20rpx;} .mar-zy25{margin-left: 25rpx;margin-right: 25rpx;} .mar-zy30{margin-left: 30rpx;margin-right: 30rpx;} .mar-zy35{margin-left: 35rpx;margin-right: 35rpx;} .mar-zy40{margin-left: 40rpx;margin-right: 40rpx;} .mar-zy45{margin-left: 45rpx;margin-right: 45rpx;} .mar-zy50{margin-left: 50rpx;margin-right: 50rpx;} .mar-zy55{margin-left: 55rpx;margin-right: 55rpx;} .mar-zy60{margin-left: 60rpx;margin-right: 60rpx;} .mar-zy70{margin-left: 70rpx;margin-right: 70rpx;} .mar-zy80{margin-left: 80rpx;margin-right: 80rpx;} .mar-zy90{margin-left: 90rpx;margin-right: 90rpx;} .mar-zy100{margin-left: 100rpx;margin-right: 100rpx;} /* 内边距 */ .pad-sx10{padding-top: 10rpx;padding-bottom: 10rpx;} .pad-sx15{padding-top: 15rpx;padding-bottom: 15rpx;} .pad-sx20{padding-top: 20rpx;padding-bottom: 20rpx;} .pad-sx25{padding-top: 25rpx;padding-bottom: 25rpx;} .pad-sx30{padding-top: 30rpx;padding-bottom: 30rpx;} .pad-sx35{padding-top: 35rpx;padding-bottom: 35rpx;} .pad-sx40{padding-top: 40rpx;padding-bottom: 40rpx;} .pad-sx45{padding-top: 45rpx;padding-bottom: 45rpx;} .pad-sx50{padding-top: 50rpx;padding-bottom: 50rpx;} .pad-sx55{padding-top: 55rpx;padding-bottom: 55rpx;} .pad-sx60{padding-top: 60rpx;padding-bottom: 60rpx;} .pad-sx70{padding-top: 70rpx;padding-bottom: 70rpx;} .pad-sx80{padding-top: 80rpx;padding-bottom: 80rpx;} .pad-sx90{padding-top: 90rpx;padding-bottom: 90rpx;} .pad-sx100{padding-top: 100rpx;padding-bottom: 100rpx;} .pad-zy10{padding-left: 10rpx;padding-right: 10rpx;} .pad-zy15{padding-left: 15rpx;padding-right: 15rpx;} .pad-zy20{padding-left: 20rpx;padding-right: 20rpx;} .pad-zy25{padding-left: 25rpx;padding-right: 25rpx;} .pad-zy30{padding-left: 30rpx;padding-right: 30rpx;} .pad-zy35{padding-left: 35rpx;padding-right: 35rpx;} .pad-zy40{padding-left: 40rpx;padding-right: 40rpx;} .pad-zy45{padding-left: 45rpx;padding-right: 45rpx;} .pad-zy50{padding-left: 50rpx;padding-right: 50rpx;} .pad-zy55{padding-left: 55rpx;padding-right: 55rpx;} .pad-zy60{padding-left: 60rpx;padding-right: 60rpx;} .pad-zy70{padding-left: 70rpx;padding-right: 70rpx;} .pad-zy80{padding-left: 80rpx;padding-right: 80rpx;} .pad-zy90{padding-left: 90rpx;padding-right: 90rpx;} .pad-zy100{padding-left: 100rpx;padding-right: 100rpx;} .pad-x100{padding-bottom: 100rpx;} .pad-x110{padding-bottom: 110rpx;} .pad-x120{padding-bottom: 120rpx;} .pad-x130{padding-bottom: 130rpx;} .pad-x140{padding-bottom: 140rpx;} .pad-x150{padding-bottom: 150rpx;} .pad-x160{padding-bottom: 160rpx;} /* 字体 */ .font18{ font-size: 18rpx;} .font20{ font-size: 20rpx;} .font22{ font-size: 22rpx;} .font24{ font-size: 24rpx;} .font26{ font-size: 26rpx;} .font28{ font-size: 28rpx;} .font30{ font-size: 30rpx;} .font32{ font-size: 32rpx;} .font34{ font-size: 34rpx;} .font36{ font-size: 36rpx;} .font38{ font-size: 38rpx;} .font40{ font-size: 40rpx;} .font42{ font-size: 42rpx;} .font44{ font-size: 44rpx;} .font46{ font-size: 46rpx;} .font48{ font-size: 48rpx;} .font60{ font-size: 60rpx;} /* 文字行数 */ .clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips9{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips10{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} image{ /* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */ border: 0; /* 取消图片底侧有空白缝隙的问题 ① */ vertical-align: middle; /* 取消图片底侧有空白缝隙的问题 ② */ object-fit: cover; } /* 去除滚动条 */ scroll-view ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; } page{ background-color: #f6f7fb; color: #262626; } .tags{ line-height: 78rpx; text-align: center; }