You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
3.2 KiB
CSS
145 lines
3.2 KiB
CSS
html,body,div,ul,ol,li,h1,h2,
|
|
h3,h4,h5,h6,pre,code,form,button,
|
|
textarea,p,header,footer,nav,article,
|
|
section,aside,video,audio,figure{
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-touch-callout: none; /* 系统默认菜单被禁用 */
|
|
-webkit-user-select: none; /* webkit浏览器 */
|
|
-khtml-user-select: none; /* 早期浏览器 */
|
|
-moz-user-select: none;/* 火狐 */
|
|
-ms-user-select: none; /* IE10 */
|
|
user-select: none;
|
|
-webkit-text-size-adjust: none;
|
|
}
|
|
html {
|
|
min-width: 1200px;
|
|
overflow-x: scroll;
|
|
}
|
|
body {
|
|
--color: #2675FF;
|
|
--border: 1px solid var(--color);
|
|
--transition: all ease 0.3s;
|
|
}
|
|
.cxBtnSolid {
|
|
border: var(--border);
|
|
/* background-color: var(--color); */
|
|
color: #ffffff;
|
|
transition: var(--transition);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cxBtnSolid:hover {
|
|
border: 1px solid #70A8FF;
|
|
background-color: #70A8FF;
|
|
color: #ffffff;
|
|
transition: var(--transition);
|
|
box-sizing: border-box;
|
|
}
|
|
.cxBtnHollow-blue {
|
|
border: var(--border);
|
|
background-color: #ffffff;
|
|
color: var(--color);
|
|
transition: var(--transition);
|
|
cursor: pointer;
|
|
}
|
|
.cxBtnHollow-blue:hover {
|
|
border: var(--border);
|
|
background-color: var(--color);
|
|
color: #ffffff;
|
|
transition: var(--transition);
|
|
}
|
|
.cxBtnHollow-black {
|
|
border: 1px solid #e0e0e0;
|
|
background-color: #ffffff;
|
|
color: #333333;
|
|
transition: var(--transition);
|
|
cursor: pointer;
|
|
}
|
|
.cxBtnHollow-black:hover {
|
|
border: var(--border);
|
|
background-color: var(--color);
|
|
color: #ffffff;
|
|
transition: var(--transition);
|
|
}
|
|
html, body, #app {
|
|
width: 100% !important;
|
|
font-size: 16px;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
}
|
|
img {
|
|
border-width: 0;
|
|
outline: none;
|
|
}
|
|
img:not([src]) {
|
|
opacity: 0;
|
|
border: 0;
|
|
}
|
|
img[src=''] {
|
|
opacity: 0;
|
|
border: 0;
|
|
}
|
|
ol,ul,li {
|
|
list-style: none;
|
|
}
|
|
input{
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
outline: none;
|
|
box-sizing: border-box;
|
|
}
|
|
input::-webkit-input-placeholder {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 22px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
input::-moz-placeholder {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 22px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
input::-ms-input-placeholder {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 22px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
i{
|
|
font-style: normal;
|
|
}
|
|
.transition {
|
|
transition: all ease 0.3s;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar:hover {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
width: 6px;
|
|
background: rgba(#101f1c, 0.1);
|
|
}
|
|
::-webkit-scrollbar-track:hover {
|
|
background: rgba(#101f1c, 0.5);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: #e0e0e0;
|
|
background-clip: padding-box;
|
|
min-height: 6px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgba(#101f1c, 0.5 );
|
|
} |