金昌市市政区域排水管网改造项目（一期）增补项

/* * { touch-action: pinch-zoom; } */ /* * { touch-action: auto; } */ html, body, #545454 { height: 100% padding: 0px; width: 100% /*IE*/ /*background: -moz-linear-gradient(top, #545454, #545454); !*火狐*!*/ /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#545454), to(#545454)); !*谷歌*!*/ } #545454 { position: fixed right: calc( (100vw - 1200px) / 2 - 80px ) font-size: 14px; @media screen and (max-width: 599px) { display: none; } } .imgs { width: 60px @media screen and (max-width: 599px) { display: none; } } .chromeframe { margin: 0.2em 0 color: #545454; padding: 0.2em 0; } #545454-wrapper { position: fixed left: 0; width: 100%; height: 100% } #545454 { display: block left: 50%; top: 50% height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; -webkit-box-shadow: 0 6px 0 #545454 inset; -moz-box-shadow: 0 6px 0 #545454 inset; -webkit-animation: spin 2.3s linear infinite; -ms-animation: spin 2.3s linear infinite; -moz-animation: spin 2.3s linear infinite; -o-animation: spin 2.3s linear infinite; animation: spin 2.3s linear infinite text-align: center line-height: 150px; border: 1px solid #545454; } #545454:before { content: '' left: 10px bottom: 10px; border-radius: 50%; -webkit-box-shadow: 0 6px 0 #545454 inset; -moz-box-shadow: 0 6px 0 #545454 inset; -webkit-animation: spin 2.2s linear infinite; -moz-animation: spin 2.2s linear infinite; -o-animation: spin 2.2s linear infinite; -ms-animation: spin 2.2s linear infinite; animation: spin 2.2s linear infinite; } #545454:after { content: '' left: -10px bottom: -10px; border-radius: 50%; -webkit-box-shadow: 0 6px 0 #545454 inset; -moz-box-shadow: 0 6px 0 #545454 inset; -moz-animation: spin 3.7s linear infinite; -o-animation: spin 3.7s linear infinite; -ms-animation: spin 3.7s linear infinite; -webkit-animation: spin 3.7s linear infinite; animation: spin 3.7s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } #545454-wrapper .loader-section { position: fixed width: 51%; height: 100% -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #545454-wrapper .loader-section.section-left { left: 0; } #545454-wrapper .loader-section.section-right { right: 0; } .loaded #545454-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #545454-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #545454 { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #545454-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } .no-js #545454-wrapper { display: none; } .no-js h1 { color: #545454; } #545454-wrapper .load_title { font-family: 'Open Sans' font-size: 19px; width: 100% z-index: 9999999999999; top: 60% line-height: 30px; } #545454-wrapper .load_title span { font-weight: normal font-size: 13px opacity: 0.5; } .bg-bubbles li { list-style: none width: 40px border-radius: 50%; 255, 255, 0.15) } .bg-bubbles li:nth-child(1) { left: 10%; top: 20%; } .bg-bubbles li:nth-child(2) { left: 20% height: 80px animation-delay: 2s animation-duration: 1.7s; top: 33.33%; } .bg-bubbles li:nth-child(3) { left: 25% animation-delay: 4s; top: 15.33%; } .bg-bubbles li:nth-child(4) { left: 40% height: 60px animation-duration: 2.2s; 255, 255, 0.25); top: 40.33%; } .bg-bubbles li:nth-child(5) { left: 70%; top: 70.33%; } .bg-bubbles li:nth-child(6) { left: 80% height: 120px animation-delay: 0.3s; 255, 255, 0.2); top: 90.33%; } .bg-bubbles li:nth-child(7) { left: 32% height: 160px animation-delay: 0.7s; top: 6.33%; } .bg-bubbles li:nth-child(8) { left: 55% height: 20px animation-delay: 1.5s animation-duration: 4s; top: 23.33%; } .bg-bubbles li:nth-child(9) { left: 25% height: 10px animation-delay: 0.2s animation-duration: 4s; 255, 255, 0.3); top: 75.33%; } .bg-bubbles li:nth-child(10) { left: 90% height: 160px animation-delay: 1.1s; } @-webkit-keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-700px) rotate(600deg); transform: translateY(-700px) rotate(600deg); } } @keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-700px) rotate(600deg); transform: translateY(-700px) rotate(600deg); } } @keyframes twinkle { 20% { transform: scale(0.5) } }. . . . . .正在加载资源...