/*@font-face { font-family: "PingFangSC"; src: url('/fonts/pingfang-sc.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PingFangSC'; src: url('/fonts/PingFang-SC-B.ttf'); font-weight: bold; font-style: normal; } body { font-family: PingFangSC, -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', serif !important; } * { font-family: PingFangSC, -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', serif; }*/
#index-loadings { position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 9; } .index-dot-loading { position: relative; display: inline-block; width: 140px; height: 20px; transform-style: preserve-3d; perspective: 200px; } .index-dot-loading-item { position: absolute; top: 0; left: 50%; width: 8px; height: 8px; background-color: rgb(22, 93, 255); border-radius: 50%; transform: translate(-50%) scale(0); animation: arco-index-dot-loading 2s cubic-bezier(0, 0, 1, 1) infinite forwards; } .loading, #loading { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #FFFFFF; display: flex; justify-content: center; align-items: center; z-index: 1000; } #loading > .logo { font-size: 80px; font-weight: bold; -webkit-background-clip: text; color: transparent; background-image: linear-gradient(90deg, #EEEEEE 0%, #ffffff 1%, #EEEEEE 2%, #B8B8B8 100%); background-size: 300% 100%; background-repeat: repeat; animation: preview-cover 2s infinite linear; user-select: none; } @keyframes preview-cover { 0% { background-position: 0 0; } 100% { background-position: -150% 0; } } .sk-chase { width: 40px; height: 40px; position: relative; animation: sk-chase 2.5s infinite linear both; } .sk-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: sk-chase-dot 2.0s infinite ease-in-out both; } .sk-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: #fff; border-radius: 100%; animation: sk-chase-dot-before 2.0s infinite ease-in-out both; } .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; } .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; } .index-dot-loading-item:nth-child(2) { background-color: rgb(64, 128, 255); animation-delay: .4s; } .index-dot-loading-item:nth-child(3) { background-color: rgb(106, 161, 255); animation-delay: .8s; } .index-dot-loading-item:nth-child(4) { background-color: rgb(106, 161, 255); animation-delay: 1.2s; } .index-dot-loading-item:nth-child(5) { background-color: rgb(190, 218, 255); animation-delay: 1.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot { 80%, 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1.0); } } @keyframes arco-index-dot-loading { 0% { transform: translate3D(-48.621%, 0, -0.985px) scale(.511); } 2.778% { transform: translate3D(-95.766%, 0, -0.94px) scale(.545); } 5.556% { transform: translate3D(-140%, 0, -0.866px) scale(.6); } 8.333% { transform: translate3D(-179.981%, 0, -0.766px) scale(.675); } 11.111% { transform: translate3D(-214.492%, 0, -0.643px) scale(.768); } 13.889% { transform: translate3D(-242.487%, 0, -0.5px) scale(.875); } 16.667% { transform: translate3D(-263.114%, 0, -0.342px) scale(.993); } 19.444% { transform: translate3D(-275.746%, 0, -0.174px) scale(1.12); } 22.222% { transform: translate(-280%) scale(1.25); } 25% { transform: translate3D(-275.746%, 0, 0.174px) scale(1.38); } 27.778% { transform: translate3D(-263.114%, 0, 0.342px) scale(1.507); } 30.556% { transform: translate3D(-242.487%, 0, 0.5px) scale(1.625); } 33.333% { transform: translate3D(-214.492%, 0, 0.643px) scale(1.732); } 36.111% { transform: translate3D(-179.981%, 0, 0.766px) scale(1.825); } 38.889% { transform: translate3D(-140%, 0, 0.866px) scale(1.9); } 41.667% { transform: translate3D(-95.766%, 0, 0.94px) scale(1.955); } 44.444% { transform: translate3D(-48.621%, 0, 0.985px) scale(1.989); } 47.222% { transform: translateZ(1px) scale(2); } 50% { transform: translate3D(48.621%, 0, 0.985px) scale(1.989); } 52.778% { transform: translate3D(95.766%, 0, 0.94px) scale(1.955); } 55.556% { transform: translate3D(140%, 0, 0.866px) scale(1.9); } 58.333% { transform: translate3D(179.981%, 0, 0.766px) scale(1.825); } 61.111% { transform: translate3D(214.492%, 0, 0.643px) scale(1.732); } 63.889% { transform: translate3D(242.487%, 0, 0.5px) scale(1.625); } 66.667% { transform: translate3D(263.114%, 0, 0.342px) scale(1.507); } 69.444% { transform: translate3D(275.746%, 0, 0.174px) scale(1.38); } 72.222% { transform: translate(280%) scale(1.25); } 75% { transform: translate3D(275.746%, 0, -0.174px) scale(1.12); } 77.778% { transform: translate3D(263.114%, 0, -0.342px) scale(.993); } 80.556% { transform: translate3D(242.487%, 0, -0.5px) scale(.875); } 83.333% { transform: translate3D(214.492%, 0, -0.643px) scale(.768); } 86.111% { transform: translate3D(179.981%, 0, -0.766px) scale(.675); } 88.889% { transform: translate3D(140%, 0, -0.866px) scale(.6); } 91.667% { transform: translate3D(95.766%, 0, -0.94px) scale(.545); } 94.444% { transform: translate3D(48.621%, 0, -0.985px) scale(.511); } 97.222% { transform: translateZ(-1px) scale(.5); } } .noscript { color: white; position: fixed; z-index: 100000000001; background-color: #2c3e50; left: 0; right: 0; text-align: center; line-height: 60px; margin: 0; }