You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
768 lines
11 KiB
768 lines
11 KiB
|
|
/* 所有页面的背景色 */ |
|
html{ |
|
/* 网页全部设置灰色 */ |
|
/*-webkit-filter: grayscale(100%);*/ |
|
/*filter: grayscale(100%);*/ |
|
} |
|
body { |
|
/* background: #F6F8FA; */ |
|
} |
|
|
|
image { |
|
display: block; |
|
} |
|
button{ line-height: 100%;} |
|
uni-button:after{ |
|
border: none!important; |
|
} |
|
input{ |
|
background-color: transparent; |
|
border: none; |
|
} |
|
input,textarea,button{ |
|
outline: none; |
|
} |
|
.BorderBox { |
|
box-sizing: border-box; |
|
} |
|
/*公共样式*/ |
|
/*宽度*/ |
|
.Width100{ |
|
width: 100%!important; |
|
} |
|
.Width98{ |
|
width: 98%!important; |
|
} |
|
.Width95{ |
|
width: 95%; |
|
} |
|
.Width92{ |
|
width: 92%; |
|
} |
|
.Width90{ |
|
width: 90%; |
|
} |
|
.Width88{ |
|
width: 88%; |
|
} |
|
.Width85{ |
|
width: 85%; |
|
} |
|
.Width80{ |
|
width: 80%; |
|
} |
|
.Width70{ |
|
width: 70%; |
|
} |
|
.Width50{ |
|
width: 50%; |
|
} |
|
/*高度*/ |
|
.Height100{ |
|
height: 100% !important; |
|
} |
|
/*返回图片*/ |
|
.Width_100rpx{ |
|
width: 100rpx; |
|
} |
|
/*过渡*/ |
|
.Transition_100ms{ |
|
transition: all 100ms linear; |
|
} |
|
.Transition_200ms{ |
|
transition: all 200ms linear; |
|
} |
|
/*字体颜色*/ |
|
.Color_FFFFFF{ |
|
color: #FFFFFF; |
|
} |
|
.Color_95CDFD{ |
|
color: #95CDFD; |
|
} |
|
.Color_000000{ |
|
color: #000000; |
|
} |
|
.Color_605F72{ |
|
color: #605F72; |
|
} |
|
.Color_DF5F58{ |
|
color: #DF5F58; |
|
} |
|
.Color_0B256E{ |
|
color: #0B256E; |
|
} |
|
.Color_333333{ |
|
color: #333333; |
|
} |
|
.Color_999999{ |
|
color: #999999; |
|
} |
|
.Color_B4BAC9{ |
|
color: #B4BAC9; |
|
} |
|
.Color_1A1F39{ |
|
color: #1A1F39; |
|
} |
|
.Color_F99E00{ |
|
color: #F99E00; |
|
} |
|
.Color_F79E2C{ |
|
color: #F79E2C; |
|
} |
|
.Color_191F3B{ |
|
color: #191F3B; |
|
} |
|
.Color_333333{ |
|
color: #333333; |
|
} |
|
.Color_0064FF{ |
|
color: #0064FF; |
|
} |
|
.Color_FF3B30{ |
|
color: #FF3B30; |
|
} |
|
.Color_FF0000{ |
|
color: #FF0000; |
|
} |
|
/*子级居中*/ |
|
.AlignSelf_Center{ |
|
align-self: center; |
|
} |
|
|
|
/*文字超出省略号-单行*/ |
|
.TextHidden{ |
|
overflow: hidden;/*超出部分隐藏*/ |
|
text-overflow:ellipsis;/* 超出部分显示省略号 */ |
|
white-space: nowrap;/*规定段落中的文本不进行换行 */ |
|
} |
|
/*背景色*/ |
|
.BG_FFFFFF{ |
|
background-color: #FFFFFF; |
|
} |
|
.BG_EDEDED{ |
|
background-color: #EDEDED; |
|
} |
|
.BG_F6F7FB{ |
|
background-color: #F6F7FB; |
|
} |
|
.BG_000000{ |
|
background-color: #000000; |
|
} |
|
.BG_0064FF{ |
|
background-color: #0064FF; |
|
} |
|
.BG_CCE0FF{ |
|
background-color: #CCE0FF; |
|
} |
|
.BG_T{ |
|
background-color: transparent!important; |
|
} |
|
/*模块通用投影*/ |
|
.BoxS_Module{ |
|
box-shadow: 0rpx 0rpx 26rpx 0rpx rgba(127, 127, 127, 0.1); |
|
} |
|
.BorderNone{ |
|
border: none; |
|
} |
|
/*圆角*/ |
|
.BorderR_6rpx{ |
|
border-radius: 6rpx; |
|
} |
|
.BorderR_10rpx{ |
|
border-radius: 10rpx; |
|
} |
|
.BorderR_8rpx{ |
|
border-radius: 8rpx; |
|
} |
|
.BorderR_12rpx{ |
|
border-radius: 12rpx; |
|
} |
|
.BorderR_14rpx{ |
|
border-radius: 14rpx; |
|
} |
|
.BorderR_16rpx{ |
|
border-radius: 16rpx; |
|
} |
|
.BorderR_18rpx{ |
|
border-radius: 18rpx; |
|
} |
|
.BorderR_20rpx{ |
|
border-radius: 20rpx; |
|
} |
|
.BorderR_30rpx{ |
|
border-radius: 30rpx; |
|
} |
|
.BorderR_50{ |
|
border-radius:50%; |
|
} |
|
/*块级居中*/ |
|
.MarginAuto{ |
|
margin: 0 auto; |
|
} |
|
/*定位居中*/ |
|
.PositionCenter{ |
|
left: 50%; |
|
top: 50%; |
|
transform: translate(-50%,-50%); |
|
} |
|
/*块级*/ |
|
.Block{ |
|
display: block; |
|
} |
|
/*隐藏*/ |
|
.None{ |
|
display: none; |
|
} |
|
/*内联块级*/ |
|
.InlineBlock{ |
|
display: inline-block; |
|
} |
|
/*弹性布局*/ |
|
.Flex{ |
|
display: flex; |
|
} |
|
.Flex_end { |
|
justify-content: flex-end; |
|
} |
|
/*布局1-垂直居中-靠两边平均分散*/ |
|
.Flex_C_S-B{ |
|
align-items: center; |
|
justify-content: space-between; |
|
} |
|
.Flex_C_S-BET{ |
|
justify-content: space-between; |
|
} |
|
/*布局1-垂直居中-空两边平均分散*/ |
|
.Flex_C_S-A{ |
|
align-items: center; |
|
justify-content: space-around; |
|
} |
|
/*布局1-垂直居中*/ |
|
.Flex_C_S-Center{ |
|
align-items: center; |
|
} |
|
/*换行*/ |
|
.Flex_Warp{ |
|
flex-wrap: wrap; |
|
} |
|
/*英文换行*/ |
|
.Warp_E{ |
|
word-break:break-all; |
|
} |
|
/*文字分散*/ |
|
.TextJ{ |
|
text-align-last: justify; |
|
text-align: justify; |
|
} |
|
/*文字透明度*/ |
|
.TextOP028{ |
|
color: rgba(0,0,0,0.28); |
|
} |
|
.TextOP03{ |
|
color: rgba(0,0,0,0.3); |
|
} |
|
.TextOP04{ |
|
color: rgba(0,0,0,0.4); |
|
} |
|
.TextOP05{ |
|
color: rgba(0,0,0,0.5); |
|
} |
|
.TextOP06{ |
|
color: rgba(0,0,0,0.6); |
|
} |
|
.TextOP07{ |
|
color: rgba(0,0,0,0.7); |
|
} |
|
.TextOP085{ |
|
color: rgba(0,0,0,0.85); |
|
} |
|
.TextOP1{ |
|
color: rgba(0,0,0,1); |
|
} |
|
/*纵向滚动*/ |
|
.OverF_Y_A{ |
|
overflow-y: auto; |
|
} |
|
/*隐藏*/ |
|
.OverH{ |
|
overflow: hidden; |
|
} |
|
/*相对定位*/ |
|
.PositionR{ |
|
position: relative; |
|
} |
|
/*绝对定位*/ |
|
.PositionA{ |
|
position: absolute; |
|
} |
|
/*文字下划线*/ |
|
.TextLine{ |
|
text-decoration: underline; |
|
} |
|
/*文本居中*/ |
|
.TextCenter{ |
|
text-align: center; |
|
} |
|
.TextRight{ |
|
text-align: right; |
|
} |
|
.TextLeft{ |
|
text-align: left; |
|
} |
|
/*字体缩进*/ |
|
.TextIndent_1em{ |
|
text-indent: 1em; |
|
} |
|
.TextIndent_2em{ |
|
text-indent: 2em; |
|
} |
|
/*全部换行*/ |
|
.WordWarpAll{ |
|
word-break: break-all; |
|
} |
|
/*字体间距*/ |
|
.FontSpace_2rpx{ |
|
letter-spacing: 4rpx; |
|
} |
|
/*左边外间距*/ |
|
.MarginL_5rpx{ |
|
margin-left: 5rpx; |
|
} |
|
.MarginL_8rpx{ |
|
margin-left: 8rpx; |
|
} |
|
.MarginL_10rpx{ |
|
margin-left: 10rpx; |
|
} |
|
.MarginL_14rpx{ |
|
margin-left: 14rpx; |
|
} |
|
.MarginL_15rpx{ |
|
margin-left: 15rpx; |
|
} |
|
.MarginL_20rpx{ |
|
margin-left: 20rpx; |
|
} |
|
.MarginL_24rpx{ |
|
margin-left: 24rpx; |
|
} |
|
.MarginL_28rpx{ |
|
margin-left: 28rpx; |
|
} |
|
.MarginL_30rpx{ |
|
margin-left: 30rpx; |
|
} |
|
.MarginL_32rpx{ |
|
margin-left: 32rpx; |
|
} |
|
.MarginL_36rpx{ |
|
margin-left: 36rpx; |
|
} |
|
.MarginL_40rpx{ |
|
margin-left: 40rpx; |
|
} |
|
.MarginL_50rpx{ |
|
margin-left: 50rpx; |
|
} |
|
.MarginL_60rpx{ |
|
margin-left: 60rpx; |
|
} |
|
.MarginL_82rpx{ |
|
margin-left: 82rpx; |
|
} |
|
.MarginL_100rpx{ |
|
margin-left: 100rpx; |
|
} |
|
.MarginL_160rpx{ |
|
margin-left: 160rpx; |
|
} |
|
/*右边外间距*/ |
|
.MarginR_10rpx{ |
|
margin-right: 10rpx; |
|
} |
|
.MarginR_15rpx{ |
|
margin-right: 15rpx; |
|
} |
|
.MarginR_20rpx{ |
|
margin-right: 20rpx; |
|
} |
|
.MarginR_30rpx{ |
|
margin-right: 30rpx; |
|
} |
|
.MarginR_32rpx{ |
|
margin-right: 32rpx; |
|
} |
|
.MarginR_40rpx{ |
|
margin-right: 40rpx; |
|
} |
|
.MarginR_50rpx{ |
|
margin-right: 50rpx; |
|
} |
|
.MarginR_60rpx{ |
|
margin-right: 60rpx; |
|
} |
|
.MarginR_70rpx{ |
|
margin-right: 70rpx; |
|
} |
|
/*顶部外间距*/ |
|
.MarginT_2rpx{ |
|
margin-top: 2rpx; |
|
} |
|
.MarginT_5rpx{ |
|
margin-top: 5rpx; |
|
} |
|
.MarginT_6rpx{ |
|
margin-top: 6rpx; |
|
} |
|
.MarginT_7rpx{ |
|
margin-top: 7rpx; |
|
} |
|
.MarginT_8rpx{ |
|
margin-top: 8rpx; |
|
} |
|
.MarginT_10rpx{ |
|
margin-top: 10rpx; |
|
} |
|
.MarginT_12rpx{ |
|
margin-top: 12rpx; |
|
} |
|
.MarginT_15rpx{ |
|
margin-top: 15rpx; |
|
} |
|
.MarginT_16rpx{ |
|
margin-top: 16rpx; |
|
} |
|
.MarginT_18rpx{ |
|
margin-top: 18rpx; |
|
} |
|
.MarginT_20rpx{ |
|
margin-top: 20rpx; |
|
} |
|
.MarginT_25rpx{ |
|
margin-top: 25rpx; |
|
} |
|
.MarginT_26rpx{ |
|
margin-top: 26rpx; |
|
} |
|
.MarginT_27rpx{ |
|
margin-top: 27rpx; |
|
} |
|
.MarginT_30rpx{ |
|
margin-top: 30rpx; |
|
} |
|
.MarginT_32rpx{ |
|
margin-top: 32rpx; |
|
} |
|
.MarginT_35rpx{ |
|
margin-top: 35rpx; |
|
} |
|
.MarginT_40rpx{ |
|
margin-top: 40rpx; |
|
} |
|
.MarginT_42rpx{ |
|
margin-top: 42rpx; |
|
} |
|
.MarginT_46rpx{ |
|
margin-top: 46rpx; |
|
} |
|
.MarginT_50rpx{ |
|
margin-top: 50rpx; |
|
} |
|
.MarginT_55rpx{ |
|
margin-top: 55rpx; |
|
} |
|
.MarginT_60rpx{ |
|
margin-top: 60rpx; |
|
} |
|
.MarginT_70rpx{ |
|
margin-top: 70rpx; |
|
} |
|
.MarginT_75rpx{ |
|
margin-top: 75rpx; |
|
} |
|
.MarginT_80rpx{ |
|
margin-top: 80rpx; |
|
} |
|
.MarginT_88rpx{ |
|
margin-top: 88rpx; |
|
} |
|
.MarginT_90rpx{ |
|
margin-top: 90rpx; |
|
} |
|
.MarginT_100rpx{ |
|
margin-top: 100rpx; |
|
} |
|
.MarginT_98rpx{ |
|
margin-top: 98rpx; |
|
} |
|
.MarginT_120rpx{ |
|
margin-top: 120rpx; |
|
} |
|
.MarginT_160rpx{ |
|
margin-top: 160rpx; |
|
} |
|
.MarginT_200rpx{ |
|
margin-top: 200rpx; |
|
} |
|
.MarginT_260rpx{ |
|
margin-top: 260rpx; |
|
} |
|
.MarginT_310rpx{ |
|
margin-top: 310rpx; |
|
} |
|
/*底部外间距*/ |
|
.MarginB_30rpx{ |
|
margin-bottom: 30rpx; |
|
} |
|
/*内间距-上*/ |
|
.PaddingT_1rpx{ |
|
padding-top: 1rpx; |
|
} |
|
.PaddingT_10rpx{ |
|
padding-top: 10rpx; |
|
} |
|
.PaddingT_20rpx{ |
|
padding-top: 20rpx; |
|
} |
|
.PaddingT_24rpx{ |
|
padding-top: 24rpx; |
|
} |
|
.PaddingT_28rpx{ |
|
padding-top: 28rpx; |
|
} |
|
.PaddingT_30rpx{ |
|
padding-top: 30rpx; |
|
} |
|
.PaddingT_32rpx{ |
|
padding-top: 32rpx; |
|
} |
|
.PaddingT_34rpx{ |
|
padding-top: 34rpx; |
|
} |
|
.PaddingT_36rpx{ |
|
padding-top: 36rpx; |
|
} |
|
.PaddingT_40rpx{ |
|
padding-top: 40rpx; |
|
} |
|
.PaddingT_44rpx{ |
|
padding-top: 44rpx; |
|
} |
|
.PaddingT_50rpx{ |
|
padding-top: 50rpx; |
|
} |
|
.PaddingT_80rpx{ |
|
padding-top: 80rpx; |
|
} |
|
/*内间距-下*/ |
|
.PaddingB_10rpx{ |
|
padding-bottom: 10rpx; |
|
} |
|
.PaddingB_14rpx{ |
|
padding-bottom: 14rpx; |
|
} |
|
.PaddingB_16rpx{ |
|
padding-bottom: 16rpx; |
|
} |
|
.PaddingB_20rpx{ |
|
padding-bottom: 20rpx; |
|
} |
|
.PaddingB_24rpx{ |
|
padding-bottom: 24rpx; |
|
} |
|
.PaddingB_28rpx{ |
|
padding-bottom: 28rpx; |
|
} |
|
.PaddingB_30rpx{ |
|
padding-bottom: 30rpx; |
|
} |
|
.PaddingB_32rpx{ |
|
padding-bottom: 32rpx; |
|
} |
|
.PaddingB_36rpx{ |
|
padding-bottom: 36rpx; |
|
} |
|
.PaddingB_40rpx{ |
|
padding-bottom: 40rpx; |
|
} |
|
.PaddingB_44rpx{ |
|
padding-bottom: 44rpx; |
|
} |
|
.PaddingB_50rpx{ |
|
padding-bottom: 50rpx; |
|
} |
|
.PaddingB_60rpx{ |
|
padding-bottom: 60rpx; |
|
} |
|
.PaddingB_80rpx{ |
|
padding-bottom: 80rpx; |
|
} |
|
.PaddingB_200rpx{ |
|
padding-bottom: 200rpx; |
|
} |
|
/*内间距-左*/ |
|
.PaddingL_10rpx{ |
|
padding-left: 10rpx; |
|
} |
|
.PaddingL_20rpx{ |
|
padding-left: 20rpx; |
|
} |
|
.PaddingL_30rpx{ |
|
padding-left: 30rpx; |
|
} |
|
/*内间距-右*/ |
|
.PaddingR_10rpx{ |
|
padding-right: 10rpx; |
|
} |
|
.PaddingR_20rpx{ |
|
padding-right: 20rpx; |
|
} |
|
.PaddingR_30rpx{ |
|
padding-right: 30rpx; |
|
} |
|
/*全边框*/ |
|
.BorderA_1px_999999{ |
|
border: 1px solid #999999; |
|
} |
|
.BorderA_1px_DDDBDB{ |
|
border: 1px solid #DDDBDB; |
|
} |
|
.BorderA_1px_F2F2F2{ |
|
border: 1px solid #F2F2F2; |
|
} |
|
/*透明全边框-用来解决边距联动问题*/ |
|
.BorderT{ |
|
border: 1px solid transparent; |
|
} |
|
/*下边框*/ |
|
.BorderB_1px_E5E5E5{ |
|
border-bottom: 1px solid #E5E5E5; |
|
} |
|
.BorderB_1px_E1E1E1{ |
|
border-bottom: 1px solid #E1E1E1; |
|
} |
|
.BorderB_1px_F6F5F5{ |
|
border-bottom: 1px solid #F6F5F5; |
|
} |
|
/*顶边框*/ |
|
.BorderT_1px_E1E1E1{ |
|
border-top: 1px solid #E1E1E1; |
|
} |
|
/*右边框*/ |
|
.BorderR_1px_F6F6F6{ |
|
border-right: 1px solid #F6F6F6; |
|
} |
|
/*字体大小*/ |
|
.FontS_14rpx{ |
|
font-size: 14rpx; |
|
} |
|
.FontS_16rpx{ |
|
font-size: 16rpx; |
|
} |
|
.FontS_18rpx{ |
|
font-size: 18rpx; |
|
} |
|
.FontS_20rpx{ |
|
font-size: 20rpx; |
|
} |
|
.FontS_22rpx{ |
|
font-size: 22rpx; |
|
} |
|
.FontS_24rpx{ |
|
font-size: 24rpx; |
|
} |
|
.FontS_26rpx{ |
|
font-size: 26rpx; |
|
} |
|
.FontS_28rpx{ |
|
font-size: 28rpx; |
|
} |
|
.FontS_30rpx{ |
|
font-size: 30rpx; |
|
} |
|
.FontS_32rpx{ |
|
font-size: 32rpx; |
|
} |
|
.FontS_34rpx{ |
|
font-size: 34rpx; |
|
} |
|
.FontS_36rpx{ |
|
font-size: 36rpx; |
|
} |
|
.FontS_38rpx{ |
|
font-size: 38rpx; |
|
} |
|
.FontS_40rpx{ |
|
font-size: 40rpx; |
|
} |
|
.FontS_42rpx{ |
|
font-size: 42rpx; |
|
} |
|
.FontS_44rpx{ |
|
font-size: 44rpx; |
|
} |
|
.FontS_46rpx{ |
|
font-size: 46rpx; |
|
} |
|
.FontS_48rpx{ |
|
font-size: 48rpx; |
|
} |
|
.FontS_50rpx{ |
|
font-size: 50rpx; |
|
} |
|
.FontS_56rpx{ |
|
font-size: 56rpx; |
|
} |
|
.FontS_60rpx{ |
|
font-size: 60rpx; |
|
} |
|
/*字体加粗*/ |
|
.FontBold{ |
|
font-weight: bold; |
|
} |
|
.FontNormal{ |
|
font-weight: normal; |
|
} |
|
|
|
/*文字单行超出省略号*/ |
|
.Text_Omit_2{ |
|
overflow: hidden; |
|
text-overflow:ellipsis; |
|
display:-webkit-box; |
|
-webkit-box-orient:vertical; |
|
-webkit-line-clamp:2; |
|
} |
|
/*浮动*/ |
|
.FloatL{ |
|
/*左浮动*/ |
|
float: left; |
|
} |
|
.FloatR{ |
|
/*右浮动*/ |
|
float: right; |
|
} |
|
/*清除浮动*/ |
|
.ClearB{ |
|
clear: both; |
|
} |
|
|
|
/*内边框*/ |
|
.InsideB{ |
|
box-sizing: border-box; |
|
} |
|
|
|
/*通用按钮样式1*/ |
|
.BtnAll1{ |
|
height: 90rpx; |
|
line-height: 90rpx; |
|
} |
|
.BtnAll2{ |
|
height: 70rpx; |
|
line-height: 70rpx; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|