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.
430 lines
7.5 KiB
430 lines
7.5 KiB
|
|
* { |
|
margin: 0; |
|
padding: 0; |
|
font-family: 'oppoSans-M'; |
|
} |
|
html { |
|
background: #f5f5f5; |
|
} |
|
|
|
.page-enter-active, |
|
.page-leave-active { |
|
transition: all 0.4s; |
|
} |
|
.page-enter-from, |
|
.page-leave-to { |
|
opacity: 0; |
|
filter: blur(1rem); |
|
} |
|
|
|
|
|
.el-dropdown-link{ |
|
border: none; |
|
outline: none; |
|
} |
|
//标签 |
|
.labelClass{ |
|
font-size: 12px; |
|
line-height: 1; |
|
padding: 2px 4px; |
|
border-radius: 2px; |
|
} |
|
.verticalClass{ |
|
writing-mode: vertical-rl; |
|
text-orientation: upright; |
|
white-space: nowrap; |
|
letter-spacing: 0.2em; |
|
display: flex; |
|
align-items: center; |
|
} |
|
.acea-row { |
|
display: -webkit-box; |
|
display: -moz-box; |
|
display: -webkit-flex; |
|
display: -ms-flexbox; |
|
display: flex; |
|
-webkit-box-lines: multiple; |
|
-moz-box-lines: multiple; |
|
-o-box-lines: multiple; |
|
-webkit-flex-wrap: wrap; |
|
-ms-flex-wrap: wrap; |
|
flex-wrap: wrap; |
|
} |
|
.min_wrapper_1200 { |
|
width: 1200px; |
|
margin: 0 auto; |
|
height: 100%; |
|
} |
|
.acea-row.row-middle { |
|
-webkit-box-align: center; |
|
-moz-box-align: center; |
|
-o-box-align: center; |
|
-ms-flex-align: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
} |
|
|
|
.acea-row.row-top { |
|
-webkit-box-align: start; |
|
-moz-box-align: start; |
|
-o-box-align: start; |
|
-ms-flex-align: start; |
|
-webkit-align-items: flex-start; |
|
align-items: flex-start; |
|
} |
|
|
|
.acea-row.row-bottom { |
|
-webkit-box-align: end; |
|
-moz-box-align: end; |
|
-o-box-align: end; |
|
-ms-flex-align: end; |
|
-webkit-align-items: flex-end; |
|
align-items: flex-end; |
|
} |
|
|
|
.acea-row.row-center { |
|
-webkit-box-pack: center; |
|
-moz-box-pack: center; |
|
-o-box-pack: center; |
|
-ms-flex-pack: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
} |
|
|
|
.acea-row.row-right { |
|
-webkit-box-pack: end; |
|
-moz-box-pack: end; |
|
-o-box-pack: end; |
|
-ms-flex-pack: end; |
|
-webkit-justify-content: flex-end; |
|
justify-content: flex-end; |
|
} |
|
|
|
.acea-row.row-left { |
|
-webkit-box-pack: start; |
|
-moz-box-pack: start; |
|
-o-box-pack: start; |
|
-ms-flex-pack: start; |
|
-webkit-justify-content: flex-start; |
|
justify-content: flex-start; |
|
} |
|
|
|
.acea-row.row-between { |
|
-webkit-box-pack: justify; |
|
-moz-box-pack: justify; |
|
-o-box-pack: justify; |
|
-ms-flex-pack: justify; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
} |
|
|
|
.acea-row.row-around { |
|
justify-content: space-around; |
|
-webkit-justify-content: space-around; |
|
} |
|
|
|
.acea-row.row-column-around { |
|
-webkit-flex-direction: column; |
|
-ms-flex-direction: column; |
|
flex-direction: column; |
|
justify-content: space-around; |
|
-webkit-justify-content: space-around; |
|
} |
|
|
|
.acea-row.row-column { |
|
-webkit-box-orient: vertical; |
|
-moz-box-orient: vertical; |
|
-o-box-orient: vertical; |
|
-webkit-flex-direction: column; |
|
-ms-flex-direction: column; |
|
flex-direction: column; |
|
} |
|
|
|
.acea-row.row-column-between { |
|
-webkit-box-orient: vertical; |
|
-moz-box-orient: vertical; |
|
-o-box-orient: vertical; |
|
-webkit-flex-direction: column; |
|
-ms-flex-direction: column; |
|
flex-direction: column; |
|
-webkit-box-pack: justify; |
|
-moz-box-pack: justify; |
|
-o-box-pack: justify; |
|
-ms-flex-pack: justify; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
} |
|
|
|
.acea-row.row-center-wrapper { |
|
-webkit-box-align: center; |
|
-moz-box-align: center; |
|
-o-box-align: center; |
|
-ms-flex-align: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-box-pack: center; |
|
-moz-box-pack: center; |
|
-o-box-pack: center; |
|
-ms-flex-pack: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
} |
|
|
|
.acea-row.row-between-wrapper { |
|
-webkit-box-align: center; |
|
-moz-box-align: center; |
|
-o-box-align: center; |
|
-ms-flex-align: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-box-pack: justify; |
|
-moz-box-pack: justify; |
|
-o-box-pack: justify; |
|
-ms-flex-pack: justify; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
} |
|
.wrapper_1200 { |
|
width: 1200px; |
|
margin: 0 auto; |
|
} |
|
.router-link-active { |
|
text-decoration: none; //去除默认样式 |
|
color: orange; //高亮的颜色 |
|
} |
|
a { |
|
text-decoration: none; |
|
color: grey; |
|
} |
|
div { |
|
box-sizing: border-box; |
|
} |
|
.pad020 { |
|
padding: 0 20px; |
|
} |
|
|
|
::-webkit-input-placeholder { |
|
color: #cccccc !important; |
|
} |
|
::-moz-placeholder { |
|
color: #cccccc !important; |
|
} |
|
:-ms-input-placeholder { |
|
color: #cccccc !important; |
|
} |
|
|
|
.font14 { |
|
font-size: 14px; |
|
color: #666666; |
|
} |
|
.font12 { |
|
font-size: 12px; |
|
} |
|
.fonts14 { |
|
font-size: 14px; |
|
} |
|
.font20 { |
|
font-size: 20px; |
|
} |
|
.fonts16 { |
|
font-size: 16px; |
|
} |
|
.fontsweight { |
|
font-weight: 600 !important; |
|
} |
|
.fontColor333 { |
|
color: #333333; |
|
} |
|
.fontColor6 { |
|
color: #666666; |
|
} |
|
.font18 { |
|
font-size: 18px; |
|
color: #333333; |
|
font-weight: 500 !important; |
|
} |
|
.mbtom24 { |
|
margin-bottom: 24px; |
|
} |
|
.mbtom30 { |
|
margin-bottom: 30px; |
|
} |
|
.cursors { |
|
cursor: pointer; |
|
} |
|
.mbtom20 { |
|
margin-bottom: 20px; |
|
} |
|
.pad30 { |
|
padding: 30px; |
|
} |
|
.bg-color { |
|
background: #e93323; |
|
} |
|
.font-color { |
|
color: #FF4E8D !important; |
|
} |
|
|
|
.borRadius { |
|
border-radius: 16px 16px 16px 16px !important; |
|
} |
|
.line1 { |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
|
|
.line2 { |
|
word-break: break-all; |
|
display: -webkit-box; |
|
-webkit-line-clamp: 2; |
|
-webkit-box-orient: vertical; |
|
overflow: hidden; |
|
/* height: 84rpx; */ |
|
} |
|
|
|
//分页样式 |
|
.page-item { |
|
margin: 0 auto; |
|
} |
|
|
|
.textarea { |
|
outline: none; |
|
resize: none; |
|
border-radius: 8px 8px 8px 8px; |
|
opacity: 1; |
|
border: 1px solid #cccccc; |
|
padding: 15px; |
|
font-size: 14px; |
|
box-sizing: border-box; |
|
} |
|
.borderSolRed { |
|
border: 1px solid #E93323; |
|
} |
|
.borderSol { |
|
border: 1px solid #cccccc; |
|
} |
|
.borderSol-eee { |
|
border: 1px solid #EEEEEE; |
|
} |
|
.borderSolE9 { |
|
border: 1px solid #E93323 !important; |
|
} |
|
.borderBotDas { |
|
border-bottom: 1px dashed #eeeeee; |
|
} |
|
.borderBotSol { |
|
border-bottom: 1px solid #eeeeee; |
|
} |
|
.page-item{ |
|
--el-color-primary:#E93323; |
|
} |
|
.image-slot{ |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
font-size: 14px; |
|
background: var(--el-fill-color-light); |
|
color: var(--el-text-color-placeholder); |
|
vertical-align: middle; |
|
} |
|
//搜索框 |
|
.seachInput{ |
|
:deep(.el-input__wrapper) { |
|
border: none !important; |
|
box-shadow: none !important; |
|
} |
|
:deep(.el-input) { |
|
--el-fill-color-blank: #f7f7f7 !important; |
|
--el-border-radius-base: 20px; |
|
} |
|
} |
|
|
|
//btn样式 面性 |
|
.handleBtn{ |
|
background: #E93323 !important; |
|
color: #fff; |
|
text-align: center; |
|
border-radius: 25px; |
|
font-size: 12px; |
|
} |
|
|
|
//btn样式 线性 |
|
.handleBtnBorder{ |
|
text-align: center; |
|
border-radius: 22px; |
|
font-size: 12px; |
|
border: 1px solid #CCCCCC; |
|
} |
|
|
|
.el-dialog{ |
|
border-radius: 16px !important; |
|
} |
|
|
|
|
|
//视频 |
|
video, .wscnph{ |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
.el-rate__text{ |
|
color: #e93323 !important; |
|
margin-left: 5px; |
|
} |
|
|
|
// 模态框头部标题样式 |
|
.el-dialog__header{ |
|
padding: 30px 0 36px 0 !important; |
|
} |
|
.el-dialog__body{ |
|
padding: 0 calc(var(--el-dialog-padding-primary) + 5px) 30px !important; |
|
} |
|
|
|
|
|
.el-upload-list{ |
|
.el-icon--close-tip{ |
|
display: none !important; |
|
} |
|
} |
|
|
|
//资讯信息选中菜单背景图去掉颜色 |
|
.el-dropdown__popper{ |
|
background: #fff !important; |
|
--el-dropdown-menuItem-hover-fill: #fff !important; |
|
} |
|
.line-heightOne{ |
|
line-height: 1; |
|
} |
|
|
|
// 去掉input小箭头 |
|
input::-webkit-outer-spin-button, |
|
input::-webkit-inner-spin-button { |
|
-webkit-appearance: none; |
|
} |
|
input[type="number"]{ |
|
-moz-appearance: textfield; |
|
} |
|
|
|
//富文本样式 |
|
.htmlClass{ |
|
img{ |
|
max-width: 100%; |
|
} |
|
h1,h2,h3,h4,h5,h6,img, p{ |
|
display: block; |
|
margin-block-start: 1em; |
|
margin-block-end: 1em; |
|
margin-inline-start: 0px; |
|
margin-inline-end: 0px; |
|
} |
|
*{ |
|
line-height: 30px; |
|
font-family: 'oppoSans-R'; |
|
} |
|
} |
|
|
|
.el-popover{ |
|
min-width: auto !important; |
|
} |