@font-face { font-family: "Montserrat"; src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-Bold"; src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-Medium"; src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } ::-webkit-scrollbar { width: 0.625rem; background: #d2eafb; } ::-webkit-scrollbar-track { border-radius: 0.5rem; background: #eeeeee; } * { margin: 0; padding: 0; font-family: 'Montserrat'; } *:hover { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } body { font-size: 1.2em; font-weight: 400; color: #333; } select, input, textarea, button { outline: none; font-size: 0.875rem; border-radius: 0; -webkit-border-radius: 0; color: #414446; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } a { color: #333; cursor: pointer; text-decoration: none; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } img { display: block; } ul li { padding: 2px 0; list-style-type: none; } ol, ul, a { list-style: none; } /* 修改垂直滚动条 */ ::-webkit-scrollbar { width: 6px; /* 修改宽度 */ } /* 修改滚动条轨道背景色 */ ::-webkit-scrollbar-track { background-color: transparent; } /* 修改滚动条滑块颜色 */ ::-webkit-scrollbar-thumb { background-color: #ccc; } /* 修改滚动条滑块悬停时的颜色 */ ::-webkit-scrollbar-thumb:hover { background-color: #D8DFE8; } /* 修改滚动条滑块移动时的颜色 */ ::-webkit-scrollbar-thumb:active { background-color: #D8DFE8; } /* 修改滚动条滑块的圆角 */ ::-webkit-scrollbar-thumb { border-radius: 5px; } /* 整体滚动条 */ * { scrollbar-width: thin; /* 滚动条宽度 */ scrollbar-color: #D8DBE6 transparent; /* 滚动条颜色(滑块颜色 轨道颜色) */ } /* 滚动条轨道 */ *::-moz-scrollbar-track { background-color: #f0f0f0; } /* 滚动条滑块 */ *::-moz-scrollbar-thumb { background-color: #D8DBE6; border-radius: 5px; /* 滑块的圆角 */ } /* 滚动条的上下箭头 */ *::-moz-scrollbar-button { display: none; /* 隐藏上下箭头 */ } /* 滚动条的上下箭头:向上箭头 */ *::-moz-scrollbar-button:vertical:decrement { display: none; } /* 滚动条的上下箭头:向下箭头 */ *::-moz-scrollbar-button:vertical:increment { display: none; } div{ display: block; } #header{ height: 60px; } .backtop { position: fixed; right: 1.25rem; padding: 10px 5px; bottom: 10%; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #666; font-size: 0.75rem; background: #fff; cursor: pointer; border: 1px solid rgb(241, 241, 241); } .backtop .ictop { height: 1.125rem; width: 0.9375rem; margin-bottom: 0.25rem; } /*屏幕兼容性*/ @media screen and (min-width:150px) and (max-width:749px){ body{ zoom: 0.6; } } @media screen and (min-width:750px) and (max-width:1280px){ body{ zoom: 0.75; } } @media screen and (min-width:1281px) and (max-width:1360px) { body{ zoom: 0.8; } } @media screen and (min-width:1361px) and (max-width:1460px) { body{ zoom: 0.85; } } @media screen and (min-width:1461px) and (max-width:1660px) { body{ zoom: 0.9; } } @media screen and (min-width:1661px) and (max-width:1760px) { body{ zoom: 0.95; } } @media screen and (min-width:1761px) and (max-width:1960px) {} @media screen and (min-width:1980px) {}