* { margin: 0; padding: 0; box-sizing: border-box; } html { height: 100%; font-size: 14px; user-select: none; } body { font: 1em/1.4 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', 'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; height: 100%; color: #333; } a { text-decoration: none; color: #333; outline: none; } i { font-style: normal; } img { max-width: 100%; max-height: 100%; vertical-align: middle; object-fit: cover; } ul { list-style: none; } body { overflow: auto; overflow-y: overlay; } /* 文本域取消下拉 */ textarea { resize: none !important; } /* 主题色 */ :root { --themeColor: #c8b992; } [hidden] { display: none !important; } /* 找不到页面 */ .noFindPage { opacity: 0; transition: opacity .5s; .noFindBtn{ text-align: center; } } /* 兼容360浏览器的下拉框 */ .ant-select-selector { position: relative; background-color: #ffffff; border: 1px solid #d9d9d9; transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } // 重置antd样式 #root { width: 100vw; height: 100vh; min-width: 1600px; min-height: 900px; overflow: auto; overflow-y: overlay; a { color: var(--themeColor); } #app { width: 100%; height: 100%; overflow: hidden; &>div { width: 100%; height: 100%; } } .myscroll::-webkit-scrollbar { /*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .myscroll::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px transparent; background: #8a7351; } .myscroll::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px transparent; border-radius: 10px; background: transparent; } } .moveImg { animation: moveRight 3.5s linear; } // 动画帧 @keyframes moveRight { 0% { opacity: 1; transform: scale(1); bottom: 0px; } 100% { opacity: 0; transform: scale(1.5); bottom: 100px; } } // .barrMove { // animation: barrMove 3.5s linear infinite; // } // // 弹幕动画帧 // // 动画帧 // @keyframes barrMove { // 0% { // right: -100px; // } // 100% { // right: 1000px; // } // }