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.
124 lines
2.2 KiB
124 lines
2.2 KiB
@import "./default/index.scss"; |
|
@import "./var.scss"; |
|
|
|
@font-face { |
|
font-family: PingFang; |
|
src: url('font/PingFang-Regular.otf'); |
|
} |
|
@font-face { |
|
font-family: PingFangSC-Medium; |
|
src: url('font/PingFangSC-Medium.otf'); |
|
} |
|
@font-face { |
|
font-family: PingFangSC-Semibold; |
|
src: url('font/PingFangTC-Semibold.ttf'); |
|
} |
|
@font-face { |
|
font-family: SFProDisplay-Bold; |
|
src: url('font/SF-Pro-Display-Bold.otf'); |
|
} |
|
@font-face { |
|
font-family: SFProDisplay; |
|
src: url('font/SF-Pro-Display-Regular.otf'); |
|
} |
|
@font-face { |
|
font-family: toppan; |
|
src: url('font/toppan.otf'); |
|
} |
|
@font-face { |
|
font-family: ProximaNova; |
|
src: url('font/ProximaNova-Regular.otf'); |
|
} |
|
|
|
[v-cloak] { |
|
display: none; |
|
} |
|
.site-en { |
|
font-family: SFProDisplay; |
|
} |
|
.flex-between { |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
} |
|
::-webkit-scrollbar { |
|
width: 8px; |
|
height: 8px; |
|
} |
|
::-webkit-scrollbar-thumb { |
|
width: 5px; |
|
border-radius: 6px; |
|
background: #d7d7d7; |
|
} |
|
.main { |
|
.view { |
|
min-width: $min-width; |
|
min-height: calc(100vh - 90px); |
|
margin: 0 auto; |
|
background-color: #fff; |
|
} |
|
.content { |
|
width: 1512px; |
|
padding: 40px 0; |
|
margin: 0 auto; |
|
} |
|
} |
|
.l-title { |
|
position: relative; |
|
padding-bottom: 20px; |
|
font-size: 18px; |
|
font-family: PingFangSC-Medium, PingFang SC; |
|
color: #000; |
|
line-height: 25px; |
|
border-bottom: 1px solid #ddd; |
|
&:after { |
|
content: ''; |
|
position: absolute; |
|
bottom: 0; |
|
left: 0; |
|
width: 30px; |
|
height: 2px; |
|
background-color: #156CEB; |
|
} |
|
} |
|
.pagination { |
|
margin: 20px 0; |
|
text-align: center; |
|
|
|
button, .number { |
|
color: rgba(0, 0, 0, .65) !important; |
|
background-color: transparent !important; |
|
border: 1px solid #DCDEE0 !important; |
|
border-radius: 4px !important; |
|
} |
|
|
|
button i { |
|
color: #333; |
|
} |
|
|
|
.active { |
|
color: #fff !important; |
|
background-color: $--color-primary !important; |
|
} |
|
} |
|
.el-menu--popup { |
|
min-width: 128px; |
|
margin-top: 0; |
|
text-align: center; |
|
.el-submenu__title, .el-menu-item, .menu-child { |
|
width: 220px !important; |
|
min-width: 0; |
|
} |
|
span { |
|
font-size: 13px; |
|
color: #333; |
|
} |
|
.active > .el-submenu__title span, .active > span { |
|
color: #1583FF; |
|
} |
|
} |
|
.home-menu-popup { |
|
.el-menu { |
|
background-color: #fff !important; |
|
} |
|
} |