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.
180 lines
2.9 KiB
180 lines
2.9 KiB
@charset "utf-8"; |
|
body, |
|
div, |
|
ul, |
|
li, |
|
ol, |
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6, |
|
input, |
|
textarea, |
|
select, |
|
p, |
|
dl, |
|
dt, |
|
dd, |
|
a, |
|
img, |
|
button, |
|
form, |
|
table, |
|
th, |
|
tr, |
|
td, |
|
tbody, |
|
article, |
|
aside, |
|
details, |
|
figcaption, |
|
figure, |
|
footer, |
|
header, |
|
hgroup, |
|
menu, |
|
nav, |
|
section { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
html, |
|
body { |
|
font-family: PingFangSC-Semibold; //字体的设置：平方字体 |
|
width: 100%; |
|
} |
|
|
|
em, |
|
i { |
|
font-style: normal; |
|
} |
|
|
|
ul, |
|
li { |
|
list-style-type: none; |
|
} |
|
|
|
strong { |
|
font-weight: normal; |
|
} |
|
|
|
.clearfix:after { |
|
content: ""; |
|
display: block; |
|
visibility: hidden; |
|
height: 0; |
|
clear: both; |
|
} |
|
|
|
a { |
|
text-decoration: none; |
|
} |
|
|
|
//把body和mui-content变为黑色背景 |
|
body, |
|
.mui-content { |
|
background: #FFFFFF; |
|
font-size: .24rem; |
|
} |
|
|
|
//header头部样式 |
|
$nav-color:#FFFFFF; |
|
.mui-bar-nav { |
|
height: 1.1rem; |
|
background: $nav-color; |
|
box-shadow: none; |
|
z-index: 99; |
|
// 标题样式 |
|
.mui-title { |
|
font-size: .29rem; |
|
font-family: PingFangSC-Regular; |
|
font-weight: 400; |
|
color: #030303; |
|
bottom: 0; |
|
} |
|
// 左侧箭头样式 |
|
.mui-icon-left-nav, |
|
.mui-icon-left { |
|
color: #333333; |
|
bottom: 10px; |
|
position: absolute; |
|
padding: 0; |
|
label { |
|
font-size: .25rem; |
|
padding-left: .1rem; |
|
} |
|
} |
|
//相连的按钮切换样式 |
|
.btn-group { |
|
width: 100%; |
|
height: 1.1rem; |
|
display: flex; |
|
justify-content: center; |
|
align-items: flex-end; |
|
.btn1, |
|
.btn2 { |
|
width: 1.72rem; |
|
height: .51rem; |
|
text-align: center; |
|
line-height: .51rem; |
|
font-size: .29rem; |
|
font-weight: 400; |
|
margin-bottom: .1rem; |
|
} |
|
.btn1 { |
|
border-radius: 4px 0px 0px 4px; |
|
border: 1px solid #fff; |
|
color: #F5B426; |
|
} |
|
.btn2 { |
|
border: 1px solid #fff; |
|
border-radius: 0px 4px 4px 0px; |
|
color: #F5B426; |
|
} |
|
} |
|
//按钮颜色的切换 |
|
.btn-active { |
|
background: #FFFFFF; |
|
color: #F5B426; |
|
} |
|
// 右侧文字样式添加 |
|
.mui-icon-right-nav { |
|
font-size: .38rem; |
|
color: #999999; |
|
bottom: 10px; |
|
position: absolute; |
|
padding: 0; |
|
right: 12px; |
|
img { |
|
width: .3rem; |
|
height: .3rem; |
|
vertical-align: middle; |
|
} |
|
label { |
|
font-size: .24rem; |
|
padding-left: .1rem; |
|
} |
|
} |
|
} |
|
|
|
.mui-bar-nav~.mui-content { |
|
padding-top: 1.1rem; |
|
} |
|
|
|
//启用系统自带的复制功能 |
|
.selected { |
|
-webkit-user-select: text !important; |
|
-moz-user-select: text !important; |
|
-ms-user-select: text !important; |
|
user-select: text !important; |
|
} |
|
|
|
.selected * { |
|
-webkit-user-select: text !important; |
|
-moz-user-select: text !important; |
|
-ms-user-select: text !important; |
|
user-select: text !important; |
|
} |