/*height*/
|
.vh100{
|
height: 100vh;
|
}
|
|
.h100 {
|
height: 100%;
|
}
|
|
.h324{
|
height: 324rpx;
|
}
|
|
.h342{
|
height: 342rpx;
|
}
|
|
.vw100{
|
width: 100vw;
|
}
|
|
.w100 {
|
width: 100%;
|
}
|
|
.w453{
|
width: 453rpx;
|
}
|
|
.w456{
|
width: 456rpx;
|
}
|
|
.mh100 {
|
min-height: 100%;
|
}
|
|
.mw100 {
|
min-width: 100%;
|
}
|
|
.wh25{
|
width: 25rpx;
|
height: 25rpx;
|
}
|
|
.wh30{
|
width: 30rpx;
|
height: 30rpx;
|
}
|
|
.wh120{
|
width: 120rpx;
|
height: 120rpx;
|
}
|
|
/*flex布局*/
|
|
.flex {
|
display: flex;
|
}
|
|
.fr {
|
flex-direction: row-reverse;
|
}
|
|
.flex-column {
|
display: flex;
|
flex-direction: column;
|
}
|
|
.no-wrap {
|
flex-wrap: nowrap;
|
}
|
|
.wrap{
|
flex-wrap: wrap;
|
}
|
|
.shrink0 {
|
flex-shrink: 0;
|
}
|
|
.flex1 {
|
flex: 1;
|
}
|
|
.j-center {
|
justify-content: center;
|
}
|
|
.j-between {
|
justify-content: space-between;
|
}
|
|
.j-end {
|
justify-content: flex-end;
|
}
|
|
.j-start {
|
justify-content: flex-start;
|
}
|
|
.a-center {
|
align-items: center;
|
}
|
.a-end {
|
align-items: flex-end;
|
}
|
|
/*font*/
|
|
.txt-aligin-r{
|
text-align: right;
|
}
|
|
.txt-center {
|
text-align: center;
|
}
|
|
.font-bold {
|
font-weight: bold;
|
}
|
|
.font-w550 {
|
font-weight: 550;
|
}
|
|
.font-w400 {
|
font-weight: 400;
|
}
|
|
.font-w500 {
|
font-weight: 500;
|
}
|
|
.font15 {
|
font-size: 15rpx;
|
}
|
|
.font16 {
|
font-size: 16rpx;
|
}
|
|
.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;
|
}
|
|
.font36 {
|
font-size: 36rpx !important;
|
}
|
|
.font40{
|
font-size: 40rpx;
|
}
|
|
.font42{
|
font-size: 42rpx;
|
}
|
|
.font60{
|
font-size: 60rpx;
|
}
|
|
.font62{
|
font-size: 62rpx;
|
}
|
|
/*cursor*/
|
|
.pointer {
|
cursor: pointer;
|
}
|
|
/*position*/
|
|
.relative {
|
position: relative;
|
}
|
|
.sticky {
|
position: sticky;
|
}
|
|
.absolute {
|
position: absolute;
|
}
|
.mr-44{
|
margin-right:44rpx;
|
}
|
.fixed {
|
position: fixed;
|
}
|
|
.zIndex1{
|
z-index: 1;
|
}
|
|
.zIndex2{
|
z-index: 2;
|
}
|
|
.zIndex3{
|
z-index: 3;
|
}
|
|
.zIndex999{
|
z-index: 999;
|
}
|
|
.zIndex1000{
|
z-index: 1000;
|
}
|
|
.top0 {
|
top: 0;
|
}
|
|
.top20{
|
top: 20rpx;
|
}
|
|
.top30{
|
top: 30rpx;
|
}
|
|
.top38{
|
top: 38rpx;
|
}
|
|
.top66{
|
top: 66rpx;
|
}
|
|
.top120{
|
top: 120rpx;
|
}
|
|
.bottom0{
|
bottom: 0;
|
}
|
|
.bottom22{
|
bottom: 22rpx;
|
}
|
|
.right0{
|
right: 0;
|
}
|
|
.right30{
|
right: 30rpx;
|
}
|
|
.left0 {
|
left: 0;
|
}
|
|
.left30{
|
left: 30rpx;
|
}
|
|
/*padding*/
|
|
.pad32 {
|
padding: 32rpx;
|
}
|
|
.plr20{
|
padding-left: 20rpx;
|
padding-right: 20rpx;
|
}
|
|
.plr28{
|
padding-left: 28rpx;
|
padding-right: 28rpx;
|
box-sizing: border-box;
|
}
|
|
.plr30 {
|
padding-left: 30rpx;
|
padding-right: 30rpx;
|
}
|
|
.plr40{
|
padding-left: 40rpx;
|
padding-right: 40rpx;
|
}
|
|
.plr44{
|
padding-left: 44rpx;
|
padding-right: 44rpx;
|
}
|
|
.plr48{
|
padding-left: 48rpx;
|
padding-right: 48rpx;
|
}
|
|
.plr50{
|
padding-left: 50rpx;
|
padding-right: 50rpx;
|
}
|
|
.plr54{
|
padding-left: 54rpx;
|
padding-right: 54rpx;
|
}
|
|
.plr55{
|
padding-left: 55rpx;
|
padding-right: 55rpx;
|
}
|
|
.plr56{
|
padding-left: 56rpx;
|
padding-right: 56rpx;
|
}
|
|
.plr74{
|
padding-left: 74rpx;
|
padding-right: 74rpx;
|
}
|
|
.plr76{
|
padding-left: 76rpx;
|
padding-right: 76rpx;
|
}
|
|
.plr80{
|
padding-left: 80rpx;
|
padding-right: 80rpx;
|
}
|
|
.plr148{
|
padding-left: 148rpx;
|
padding-right: 148rpx;
|
}
|
|
.pr40{
|
padding-right: 40rpx;
|
}
|
|
.pr48{
|
padding-right: 48rpx;
|
}
|
|
.ptb12{
|
padding-top: 12rpx;
|
padding-bottom: 12rpx;
|
}
|
|
.ptb14{
|
padding-top: 14rpx;
|
padding-bottom: 14rpx;
|
}
|
|
.ptb16{
|
padding-top: 16rpx;
|
padding-bottom: 16rpx;
|
}
|
|
.ptb20{
|
padding-top: 20rpx;
|
padding-bottom: 20rpx;
|
}
|
|
.ptb22{
|
padding-top: 22rpx;
|
padding-bottom: 22rpx;
|
}
|
|
.ptb28{
|
padding-top: 28rpx;
|
padding-bottom: 28rpx;
|
}
|
|
.ptb30{
|
padding-top: 30rpx;
|
padding-bottom: 30rpx;
|
}
|
|
.ptb32{
|
padding-top: 32rpx;
|
padding-bottom: 32rpx;
|
}
|
|
.ptb40{
|
padding-top: 40rpx;
|
padding-bottom: 40rpx;
|
}
|
|
.ptb42{
|
padding-top: 42rpx;
|
padding-bottom: 42rpx;
|
}
|
|
.ptb50{
|
padding-top: 50rpx;
|
padding-bottom: 50rpx;
|
}
|
|
.pt20{
|
padding-top: 20rpx;
|
}
|
|
.pt22{
|
padding-top: 22rpx;
|
}
|
|
.pt25 {
|
padding-top: 25rpx;
|
}
|
|
.pt28{
|
padding-top: 28rpx;
|
}
|
|
.pt30{
|
padding-top: 30rpx;
|
}
|
|
.pt32{
|
padding-top: 32rpx;
|
}
|
|
.pt34{
|
padding-top: 34rpx;
|
}
|
|
.pt38{
|
padding-top: 38rpx;
|
}
|
|
.pt40{
|
padding-top: 40rpx;
|
}
|
|
.pt42{
|
padding-top: 42rpx;
|
}
|
|
.pt48{
|
padding-top: 48rpx;
|
}
|
|
.pt50{
|
padding-top: 50rpx;
|
}
|
|
.pt60{
|
padding-top: 60rpx;
|
}
|
|
.pt68{
|
padding-top: 68rpx;
|
}
|
|
.pt75{
|
padding-top: 75rpx;
|
}
|
|
.pt78{
|
padding-top: 78rpx;
|
}
|
|
.pt91{
|
padding-top: 91rpx;
|
}
|
|
.pt158{
|
padding-top: 158rpx;
|
}
|
|
.pb10{
|
padding-bottom: 10rpx;
|
}
|
|
.pb17{
|
padding-bottom: 17rpx;
|
}
|
|
.pb20{
|
padding-bottom: 20rpx;
|
}
|
|
.pb22{
|
padding-bottom: 22rpx;
|
}
|
|
.pb24{
|
padding-bottom: 24rpx;
|
}
|
|
.pb26{
|
padding-bottom: 26rpx;
|
}
|
|
.pb28{
|
padding-bottom: 28rpx;
|
}
|
|
.pb29{
|
padding-bottom: 29rpx;
|
}
|
|
.pb34{
|
padding-bottom: 34rpx;
|
}
|
|
.pb38{
|
padding-bottom: 38rpx;
|
}
|
|
.pb42{
|
padding-bottom: 42rpx;
|
}
|
|
.pb44{
|
padding-bottom: 44rpx;
|
}
|
|
.pb48{
|
padding-bottom: 48rpx;
|
}
|
|
.pb49{
|
padding-bottom: 49rpx;
|
}
|
|
.pb50{
|
padding-bottom: 50rpx;
|
}
|
|
.pb52{
|
padding-bottom: 52rpx;
|
}
|
|
.pb60{
|
padding-bottom: 60rpx;
|
}
|
|
.pb70{
|
padding-bottom: 70rpx;
|
}
|
|
.pb78{
|
padding-bottom: 78rpx;
|
}
|
|
.pb87{
|
padding-bottom: 87rpx;
|
}
|
|
.pb96{
|
padding-bottom: 96rpx;
|
}
|
|
.pb120{
|
padding-bottom: 120rpx;
|
}
|
|
.pl6{
|
padding-left: 6rpx;
|
}
|
|
/*margin*/
|
.ml30{
|
margin-left: 30rpx;
|
}
|
|
.ml40{
|
margin-left: 40rpx;
|
}
|
|
.mlr-o{
|
margin:0 auto;
|
}
|
|
.mlr136{
|
margin-left: 136rpx;
|
margin-right: 136rpx;
|
}
|
|
.mtb5{
|
margin-top: 5rpx;
|
margin-bottom: 5rpx;
|
}
|
|
.mt2{
|
margin-top: 2rpx;
|
}
|
|
.mt12{
|
margin-top: 12rpx;
|
}
|
|
.mt18{
|
margin-top: 18rpx;
|
}
|
|
.mt20{
|
margin-top: 20rpx;
|
}
|
|
.mt28{
|
margin-top: 28rpx;
|
}
|
|
.mt30{
|
margin-top: 30rpx;
|
}
|
|
.mt32{
|
margin-top: 32rpx;
|
}
|
|
.mt34{
|
margin-top: 34rpx;
|
}
|
|
.mt36{
|
margin-top: 36rpx;
|
}
|
|
.mt40{
|
margin-top: 40rpx;
|
}
|
|
.mt70{
|
margin-top: 70rpx;
|
}
|
|
|
.mt131{
|
margin-top: 131rpx;
|
}
|
|
.mt158 {
|
margin-top: 158rpx;
|
}
|
|
.mt164{
|
margin-top: 164rpx;
|
}
|
|
.mb4{
|
margin-bottom: 4rpx;
|
}
|
|
.mb8{
|
margin-bottom: 8rpx;
|
}
|
|
.mb10 {
|
margin-bottom: 10rpx;
|
}
|
|
.mb12{
|
margin-bottom: 12rpx;
|
}
|
|
.mb14{
|
margin-bottom: 14rpx;
|
}
|
|
.mb16{
|
margin-bottom: 16rpx;
|
}
|
|
.mb17 {
|
margin-bottom: 17rpx;
|
}
|
|
.mb18 {
|
margin-bottom: 18rpx;
|
}
|
|
.mb20 {
|
margin-bottom: 20rpx;
|
}
|
|
.mb22 {
|
margin-bottom: 22rpx;
|
}
|
|
.mb24 {
|
margin-bottom: 24rpx;
|
}
|
|
.mb26{
|
margin-bottom: 26rpx;
|
}
|
|
.mb28 {
|
margin-bottom: 28rpx;
|
}
|
|
.mb30 {
|
margin-bottom: 30rpx;
|
}
|
|
.mb31 {
|
margin-bottom: 31rpx;
|
}
|
|
.mb32 {
|
margin-bottom: 32rpx;
|
}
|
|
.mb33{
|
margin-bottom: 33rpx;
|
}
|
|
.mb34{
|
margin-bottom: 34rpx;
|
}
|
|
.mb35{
|
margin-bottom: 35rpx;
|
}
|
|
.mb36{
|
margin-bottom: 36rpx;
|
}
|
|
.mb38 {
|
margin-bottom: 38rpx;
|
}
|
|
.mb40 {
|
margin-bottom: 40rpx;
|
}
|
|
.mb41{
|
margin-bottom: 41rpx;
|
}
|
|
.mb42{
|
margin-bottom: 42rpx;
|
}
|
|
.mb43{
|
margin-bottom: 43rpx;
|
}
|
|
.mb44{
|
margin-bottom: 44rpx;
|
}
|
|
.mb45{
|
margin-bottom: 45rpx;
|
}
|
|
.mb48{
|
margin-bottom: 48rpx;
|
}
|
|
.mb49{
|
margin-bottom: 49rpx;
|
}
|
|
.mb50 {
|
margin-bottom: 50rpx;
|
}
|
|
.mb53{
|
margin-bottom: 53rpx;
|
}
|
|
.mb54{
|
margin-bottom: 54rpx;
|
}
|
|
.mb55{
|
margin-bottom: 55rpx;
|
}
|
|
.mb60 {
|
margin-bottom: 60rpx;
|
}
|
|
.mb64{
|
margin-bottom: 64rpx;
|
}
|
|
.mb76{
|
margin-bottom: 76rpx;
|
}
|
|
.mb80{
|
margin-bottom: 80rpx;
|
}
|
|
.mb83{
|
margin-bottom: 83rpx;
|
}
|
|
.mb88{
|
margin-bottom: 88rpx;
|
}
|
|
.mb96{
|
margin-bottom: 96rpx;
|
}
|
|
.mb99{
|
margin-bottom: 99rpx;
|
}
|
|
.mb124{
|
margin-bottom: 124rpx;
|
}
|
|
.mb430{
|
margin-bottom: 430rpx;
|
}
|
|
.mb450{
|
margin-bottom: 450rpx;
|
}
|
|
.mr6{
|
margin-right: 6rpx;
|
}
|
|
.mr8{
|
margin-right: 8rpx;
|
}
|
|
.mr10{
|
margin-right: 10rpx;
|
}
|
|
.mr12{
|
margin-right: 12rpx;
|
}
|
|
.mr13{
|
margin-right: 13rpx;
|
}
|
|
.mr14{
|
margin-right: 14rpx;
|
}
|
|
.mr16{
|
margin-right: 16rpx;
|
}
|
|
.mr18{
|
margin-right: 18rpx;
|
}
|
|
.mr30{
|
margin-right: 30rpx;
|
}
|
|
.mr32 {
|
margin-right: 32rpx;
|
}
|
|
.mr36{
|
margin-right: 36rpx;
|
}
|
|
.mr40{
|
margin-right: 40rpx;
|
}
|
|
.mr48{
|
margin-right: 48rpx;
|
}
|
|
.mr52{
|
margin-right: 52rpx;
|
}
|
|
.mr68{
|
margin-right: 68rpx;
|
}
|
|
.mt6{
|
margin-top: 6rpx;
|
}
|
|
.mt20 {
|
margin-top: 20rpx;
|
}
|
|
.mt26{
|
margin-top: 26rpx;
|
}
|
|
.mt42{
|
margin-top: 42rpx;
|
}
|
|
.mt44{
|
margin-top: 44rpx;
|
}
|
|
.mt48{
|
margin-top: 48rpx;
|
}
|
|
.mt49{
|
margin-top: 49rpx;
|
}
|
|
.mt60 {
|
margin-top: 60rpx;
|
}
|
|
.mt65{
|
margin-top: 65rpx;
|
}
|
|
.mt78{
|
margin-top: 78rpx;
|
}
|
|
.mt150{
|
margin-top: 150rpx;
|
}
|
.w694_h324{
|
width: 694rpx;
|
height: 324rpx;
|
}
|
.mt200{
|
margin-top: 200rpx;
|
}
|
|
.mt450{
|
margin-top: 450rpx;
|
}
|
|
.mr20{
|
margin-right: 20rpx;
|
}
|
|
.mr22{
|
margin-right: 22rpx;
|
}
|
|
.mr26{
|
margin-right: 26rpx;
|
}
|
|
.mr28 {
|
margin-right: 28rpx;
|
}
|
|
.ml6 {
|
margin-left: 6rpx;
|
}
|
|
.ml10 {
|
margin-left: 10rpx;
|
}
|
|
.ml20{
|
margin-left: 20rpx;
|
}
|
|
.ml28 {
|
margin-left: 28rpx;
|
}
|
|
.ml78{
|
margin-left: 78rpx;
|
}
|
|
.ml107 {
|
margin-left: 107rpx;
|
}
|
|
.ml143{
|
margin-left: 143rpx;
|
}
|
|
.ml180{
|
margin-left: 180rpx;
|
}
|
.mt-28{
|
margin-top: 28rpx;
|
}
|
|
.mlr20{
|
margin-left: 20rpx;
|
margin-right: 20rpx;
|
}
|
|
.mlr28{
|
margin-left: 28rpx;
|
margin-right: 28rpx;
|
}
|
|
.mlr30{
|
margin-left: 30rpx;
|
margin-right: 30rpx;
|
}
|
.c333{
|
color: #333333;
|
}
|
/*overflow*/
|
.ohh{
|
//谷歌适用
|
&::-webkit-scrollbar{
|
display:none;
|
}
|
scrollbar-width: none; /* firefox */
|
-ms-overflow-style: none; /* IE 10+ */
|
}
|
.oh {
|
overflow: hidden;
|
}
|
|
.oa{
|
overflow: auto;
|
}
|
|
.ox {
|
overflow-x: auto;
|
}
|
|
.oy {
|
overflow-y: auto;
|
}
|
|
.hy{
|
overflow-y: hidden;
|
}
|
|
.one {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
.mt16{
|
margin-top: 16rpx;
|
}
|
.two {
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
}
|
|
.three{
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
}
|
|
// boder-radius
|
|
.br4{
|
border-radius: 4rpx;
|
}
|
|
.br8{
|
border-radius: 8rpx;
|
}
|
|
.br20{
|
border-radius: 20rpx;
|
}
|
|
.br50{
|
border-radius: 50%;
|
}
|
|
/*display*/
|
.border-box {
|
box-sizing: border-box;
|
}
|
|
.inline-block{
|
display: inline-block;
|
}
|
|
.block{
|
display: block;
|
}
|
|
/*transform*/
|
.rotate-y180{
|
transform: rotateY(180deg);
|
}
|
|
.translate-y100{
|
transform: translateY(100%);
|
}
|
|
/*opacity*/
|
|
.opa1{
|
opacity: 1;
|
}
|
|
.opa0{
|
opacity: 0;
|
}
|
|
/*color*/
|
.white{
|
color: white;
|
}
|
|
|
.noWrap{
|
white-space: nowrap;
|
}
|
.c08{
|
color:rgba(0, 0, 0, 0.8),
|
}
|
.c518{
|
color:rgba(51,51,51, 0.8),
|
}
|
.hover{
|
background-color: rgba(0,0,0,.1) !important;
|
}
|
|
.hover-text{
|
color: rgba(0,0,0,.6) !important;
|
}
|
|
.hover-o{
|
opacity: .9;
|
}
|
|
.border-none{
|
border: none !important;
|
}
|
/*line-height*/
|
.lh36{
|
line-height: 36rpx;
|
}
|
|
.lh48{
|
line-height: 48rpx;
|
}
|
.txt-tr{
|
text-decoration:line-through;
|
}
|
.Impact {
|
font-family: 'Impact';
|
}
|
.line1 {
|
overflow: hidden;
|
display: -webkit-box;
|
-webkit-line-clamp: 1;
|
/* 设置最大显示行数 */
|
-webkit-box-orient: vertical;
|
text-overflow: ellipsis;
|
}
|
.line2 {
|
overflow: hidden;
|
display: -webkit-box;
|
-webkit-line-clamp: 2;
|
/* 设置最大显示行数 */
|
-webkit-box-orient: vertical;
|
text-overflow: ellipsis;
|
}
|
.line3 {
|
overflow: hidden;
|
display: -webkit-box;
|
-webkit-line-clamp: 3;
|
/* 设置最大显示行数 */
|
-webkit-box-orient: vertical;
|
text-overflow: ellipsis;
|
}
|
/deep/.u-tabbar__content {
|
box-shadow: 0rpx -2rpx 8rpx 0rpx rgba(227,227,227,0.5) !important;
|
}
|
.safe-b {
|
padding-bottom: env(safe-area-inset-bottom);
|
}
|
.h-safe-b{
|
height: calc(env(safe-area-inset-bottom) + 10rpx);
|
}
|
.underline {
|
text-decoration: underline;
|
}
|
