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 ); }