@font-face { font-family: 'agencyregular'; src: url('../fonts/agency-webfont.woff2') format('woff2'), url('../fonts/agency-webfont.woff') format('woff'), url('../fonts/agency-webfont.ttf') format('truetype'), url('../fonts/agency-webfont.svg#agencyregular') format('svg'); font-weight: normal; font-style: normal; } body { padding-top: 15px; background-color: #f0f0f0; color: #212121; -webkit-font-smoothing: antialiased; } .text-bold { font-weight: bold; } .logo-container { position: relative; margin-bottom: 15px; } input[type=submit]:first-of-type { display: none; } .logo-container img { max-width: 90px; position: relative; z-index: 2; margin-left: calc(50% - 40px); } .logo-container .blink { width: 60px; height: 0px; position: absolute; z-index: 1; top: 20px; left: calc(50% - 30px); background: #2A2A29; -webkit-animation-name: blink-animation; -webkit-animation-duration: 5s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; animation-name: blink-animation; animation-duration: 5s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; } @keyframes blink-animation { 0% { height: 0px; } 80% { height: 0px; } 90% { height:30px; } 100% { height: 0px; } } @-webkit-keyframes blink-animation { 0% { height: 0px; } 80% { height: 0px; } 90% { height:30px; } 100% { height: 0px; } } .logo-container .bitninja, .logo-container .security { margin: 0 auto; width: 150px; display: block; font-family: 'agencyregular'; text-transform: uppercase; text-align: center; letter-spacing: 1.1; border-bottom: 2px solid #ddd; } .bitninja { color: #2A2A29; font-size: 35px; line-height: 40px; padding-top: 4px; } .security { color: #C42026; font-size: 24px; line-height: 28px; } .main { padding: 16px; margin-bottom: 20px; background: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); } .main h3 { font-size: 18px; margin: 0; padding: 0; } p { font-size: 12px; text-align: justify; margin: 8px 0; padding: 0; } form { margin: 15px 0; } input[type=submit] { padding: 8px 15px; margin-top:10px; border: none; color: #fff; background: #c42026; } #language-selector { position: fixed; top: 50px; right: 0; padding: 20px; } #language-selector .dropdown-menu { min-width: 70px; } #language-selector .dropdown-menu > li > a { padding: 3px 10px; } #language-selector a { cursor: pointer; } .loader { display: none; position: relative; width: 40px; } .loader:before { content: ''; display: block; padding-top: 100%; } .circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; stroke: #0057e7; } .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } " class="hidden">闪客快打平台网站