229 lines
26 KiB
HTML
229 lines
26 KiB
HTML
|
<!DOCTYPE html><html lang=zh-cmn-Hans><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><title></title><link rel=icon href=/logo.png><script src=/cdn/babel-polyfill/polyfill_7_2_5.js></script><style>html,
|
||
|
|
body,
|
||
|
|
#app {
|
||
|
|
height: 100%;
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
.chromeframe {
|
||
|
|
margin: 0.2em 0;
|
||
|
|
background: #ccc;
|
||
|
|
color: #000;
|
||
|
|
padding: 0.2em 0;
|
||
|
|
}
|
||
|
|
#loader-wrapper {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
z-index: 999999;
|
||
|
|
}
|
||
|
|
#loader {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
width: 120px;
|
||
|
|
height: 120px;
|
||
|
|
margin: -75px 0 0 -75px;
|
||
|
|
border-radius: 50%;
|
||
|
|
border: 3px solid transparent;
|
||
|
|
/* COLOR 1 */
|
||
|
|
border-top-color: #FFF;
|
||
|
|
-webkit-animation: spin 2s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
-ms-animation: spin 2s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
-moz-animation: spin 2s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
-o-animation: spin 2s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
animation: spin 2s linear infinite;
|
||
|
|
/* Chrome, Firefox 16+, IE 10+, Opera */
|
||
|
|
z-index: 1001;
|
||
|
|
}
|
||
|
|
#loader:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: 5px;
|
||
|
|
left: 5px;
|
||
|
|
right: 5px;
|
||
|
|
bottom: 5px;
|
||
|
|
border-radius: 50%;
|
||
|
|
border: 3px solid transparent;
|
||
|
|
/* COLOR 2 */
|
||
|
|
border-top-color: #FFF;
|
||
|
|
-webkit-animation: spin 3s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
-moz-animation: spin 3s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
-o-animation: spin 3s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
-ms-animation: spin 3s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
animation: spin 3s linear infinite;
|
||
|
|
/* Chrome, Firefox 16+, IE 10+, Opera */
|
||
|
|
}
|
||
|
|
#loader:after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
top: 15px;
|
||
|
|
left: 15px;
|
||
|
|
right: 15px;
|
||
|
|
bottom: 15px;
|
||
|
|
border-radius: 50%;
|
||
|
|
border: 3px solid transparent;
|
||
|
|
border-top-color: #FFF;
|
||
|
|
/* COLOR 3 */
|
||
|
|
-moz-animation: spin 1.5s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
-o-animation: spin 1.5s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
-ms-animation: spin 1.5s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
-webkit-animation: spin 1.5s linear infinite;
|
||
|
|
/* Chrome, Opera 15+, Safari 5+ */
|
||
|
|
animation: spin 1.5s linear infinite;
|
||
|
|
/* Chrome, Firefox 16+, IE 10+, Opera */
|
||
|
|
}
|
||
|
|
@-webkit-keyframes spin {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
/* Chrome, Opera 15+, Safari 3.1+ */
|
||
|
|
-ms-transform: rotate(0deg);
|
||
|
|
/* IE 9 */
|
||
|
|
transform: rotate(0deg);
|
||
|
|
/* Firefox 16+, IE 10+, Opera */
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
/* Chrome, Opera 15+, Safari 3.1+ */
|
||
|
|
-ms-transform: rotate(360deg);
|
||
|
|
/* IE 9 */
|
||
|
|
transform: rotate(360deg);
|
||
|
|
/* Firefox 16+, IE 10+, Opera */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes spin {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0deg);
|
||
|
|
/* Chrome, Opera 15+, Safari 3.1+ */
|
||
|
|
-ms-transform: rotate(0deg);
|
||
|
|
/* IE 9 */
|
||
|
|
transform: rotate(0deg);
|
||
|
|
/* Firefox 16+, IE 10+, Opera */
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(360deg);
|
||
|
|
/* Chrome, Opera 15+, Safari 3.1+ */
|
||
|
|
-ms-transform: rotate(360deg);
|
||
|
|
/* IE 9 */
|
||
|
|
transform: rotate(360deg);
|
||
|
|
/* Firefox 16+, IE 10+, Opera */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#loader-wrapper .loader-section {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
width: 51%;
|
||
|
|
height: 100%;
|
||
|
|
background: #49a9ee;
|
||
|
|
/* Old browsers */
|
||
|
|
z-index: 1000;
|
||
|
|
-webkit-transform: translateX(0);
|
||
|
|
/* Chrome, Opera 15+, Safari 3.1+ */
|
||
|
|
-ms-transform: translateX(0);
|
||
|
|
/* IE 9 */
|
||
|
|
transform: translateX(0);
|
||
|
|
/* Firefox 16+, IE 10+, Opera */
|
||
|
|
}
|
||
|
|
#loader-wrapper .loader-section.section-left {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
#loader-wrapper .loader-section.section-right {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
/* Loaded */
|
||
|
|
.loaded #loader-wrapper .loader-section.section-left {
|
||
|
|
-webkit-transform: translateX(-100%);
|
||
|
|
/* Chrome, Opera 15+, Safari 3.1+ */
|
||
|
|
-ms-transform: translateX(-100%);
|
||
|
|
/* IE 9 */
|
||
|
|
transform: translateX(-100%);
|
||
|
|
/* Firefox 16+, IE 10+, Opera */
|
||
|
|
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||
|
|
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||
|
|
}
|
||
|
|
.loaded #loader-wrapper .loader-section.section-right {
|
||
|
|
-webkit-transform: translateX(100%);
|
||
|
|
/* Chrome, Opera 15+, Safari 3.1+ */
|
||
|
|
-ms-transform: translateX(100%);
|
||
|
|
/* IE 9 */
|
||
|
|
transform: translateX(100%);
|
||
|
|
/* Firefox 16+, IE 10+, Opera */
|
||
|
|
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||
|
|
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||
|
|
}
|
||
|
|
.loaded #loader {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: all 0.3s ease-out;
|
||
|
|
transition: all 0.3s ease-out;
|
||
|
|
}
|
||
|
|
.loaded #loader-wrapper {
|
||
|
|
visibility: hidden;
|
||
|
|
-webkit-transform: translateY(-100%);
|
||
|
|
/* Chrome, Opera 15+, Safari 3.1+ */
|
||
|
|
-ms-transform: translateY(-100%);
|
||
|
|
/* IE 9 */
|
||
|
|
transform: translateY(-100%);
|
||
|
|
/* Firefox 16+, IE 10+, Opera */
|
||
|
|
-webkit-transition: all 0.3s 1s ease-out;
|
||
|
|
transition: all 0.3s 1s ease-out;
|
||
|
|
}
|
||
|
|
/* JavaScript Turned Off */
|
||
|
|
.no-js #loader-wrapper {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.no-js h1 {
|
||
|
|
color: #222222;
|
||
|
|
}
|
||
|
|
#loader-wrapper .load_title {
|
||
|
|
font-family: 'Open Sans';
|
||
|
|
color: #FFF;
|
||
|
|
font-size: 14px;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
z-index: 9999999999999;
|
||
|
|
position: absolute;
|
||
|
|
top: 60%;
|
||
|
|
opacity: 1;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
#loader-wrapper .load_title span {
|
||
|
|
font-weight: normal;
|
||
|
|
font-style: italic;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #FFF;
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
/* 滚动条优化 start */
|
||
|
|
::-webkit-scrollbar{
|
||
|
|
width:8px;
|
||
|
|
height:8px;
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-track{
|
||
|
|
background: #f6f6f6;
|
||
|
|
border-radius:2px;
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-thumb{
|
||
|
|
background: #cdcdcd;
|
||
|
|
border-radius:2px;
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-thumb:hover{
|
||
|
|
background: #747474;
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-corner {
|
||
|
|
background: #f6f6f6;
|
||
|
|
}
|
||
|
|
/* 滚动条优化 end */</style><script>window._CONFIG = {};</script><link href=/css/chunk-011eb1d8.5234e779.css rel=prefetch><link href=/css/chunk-016b38c1.0da5f9c1.css rel=prefetch><link href=/css/chunk-03052987.f7599da8.css rel=prefetch><link href=/css/chunk-032403d5.5c891235.css rel=prefetch><link href=/css/chunk-03b19fbe.8d634e04.css rel=prefetch><link href=/css/chunk-05dff330.be5ee58e.css rel=prefetch><link href=/css/chunk-067aecfc.d009ca07.css rel=prefetch><link href=/css/chunk-06c88290.8d634e04.css rel=prefetch><link href=/css/chunk-094a6d1f.e8f85344.css rel=prefetch><link href=/css/chunk-09c4f417.3259dccb.css rel=prefetch><link href=/css/chunk-0ae33a01.1463e079.css rel=prefetch><link href=/css/chunk-0b0a1140.027e5b53.css rel=prefetch><link href=/css/chunk-0b713890.bdcd10a5.css rel=prefetch><link href=/css/chunk-15efa5d0.8413777f.css rel=prefetch><link href=/css/chunk-18538c3c.f5e2a026.css rel=prefetch><link href=/css/chunk-1bec18ef.8d76f03b.css rel=prefetch><link href=/css/chunk-1f0e3209.ed083875.css rel=prefetch><link href=/css/chunk-1fae82ec.23e6a9f5.css rel=prefetch><link href=/css/chunk-23d7c284.3ec300ac.css rel=prefetch><link href=/css/chunk-244dae2c.d4153a92.css rel=prefetch><link href=/css/chunk-25b10da4.b5afa136.css rel=prefetch><link href=/css/chunk-25e93e2f.e54531e8.css rel=prefetch><link href=/css/chunk-27324ada.2ac8550e.css rel=prefetch><link href=/css/chunk-2b068b46.14729d91.css rel=prefetch><link href=/css/chunk-2cc57c5c.2ac8550e.css rel=prefetch><link href=/css/chunk-2e85ecac.853a23a9.css rel=prefetch><link href=/css/chunk-2ed997bc.4df42a33.css rel=prefetch><link href=/css/chunk-2f52f048.77ee544a.css rel=prefetch><link href=/css/chunk-312acad4.2dc0e378.css rel=prefetch><link href=/css/chunk-340b6102.131fc849.css rel=prefetch><link href=/css/chunk-34390ece.6f167af4.css rel=prefetch><link href=/css/chunk-345ea02a.131fc849.css rel=prefetch><link href=/css/chunk-34c3236a.e527b08c.css rel=prefetch><link href=/css/chunk-3613946b.2c9cd264.css rel=prefetch><link href=/css/chunk-3781a478.4a386456.css rel=prefetch><link href=/css/chunk-3970e90a.4decb100.css rel=prefetch><link href=/css/chunk-3a5403df.1393e8ef.css rel=prefetch><link href=/css/chunk-3ad5ae34.0fad12b1.css rel=prefetch><link href=/css/chunk-3d86ef39.391f1948.css rel=prefetch><link href=/css/chunk-3e50ff42.2ac8550e.css rel=prefetch><link href=/css/chunk-3f494ce6.a7409173.css rel=prefetch><link href=/css/chunk-4004e0e5.6e93faa4.css rel=prefetch><link href=/css/chunk-4096990e.7ca2cfca.css rel=prefetch><link href=/css/chunk-411f668f.17096404.css rel=prefetch><link href=/css/chunk-41508c02.fdd4b892.css rel=prefetch><link href=/css/chunk-41bc481a.a193b4f3.css rel=prefetch><link href=/css/chunk-422df5d3.eb8f3d65.css rel=prefetch><link href=/css/chunk-425335ae.f6ac39db.css rel=prefetch><link href=/css/chunk-44fded66.097d0c2d.css rel=prefetch><link href=/css/chunk-45ad2070.fca6fc08.css rel=prefetch><link href=/css/chunk-477758b0.d2036d90.css rel=prefetch><link href=/css/chunk-47e08e28.2e553e6b.css rel=prefetch><link href=/css/chunk-4ba219c9.82332ff7.css rel=prefetch><link href=/css/chunk-4bf00405.13eb71a8.css rel=prefetch><link href=/css/chunk-4c478260.828dfd31.css rel=prefetch><link href=/css/chunk-4d804eef.aa6e3e00.css rel=prefetch><link href=/css/chunk-4e0b30da.e2c72f3b.css rel=prefetch><link href=/css/chunk-4f1e1e8e.0aff0d3d.css rel=prefetch><link href=/css/chunk-4fe1258b.450791f1.css rel=prefetch><link href=/css/chunk-514e138d.9c3124e3.css rel=prefetch><link href=/css/chunk-51c8fde0.b5afa136.css rel=prefetch><link href=/css/chunk-529fdfc3.24b0d6ff.css rel=prefetch><link href=/css/chunk-5301caee.d37934c7.css rel=prefetch><link href=/css/chunk-544f0e70.2184ab9f.css rel=prefetch><link href=/css/chunk-5587aff8.b5afa136.css rel=prefetch><link href=/css/chunk-58173c08.252c4d11.css rel=prefetch><link href=/css/chunk-58f6ab40.598fd6a7.css rel=prefetch><link href=/css/chunk-5b10d27d.684c5ecc.css rel=prefetch><link href=/css/chunk-5b7cf765.2ac8550e.css rel=prefetch><link href=/css/chunk-5ba41c0a.1f22179b.css rel=prefetch><link href=/css/chunk-5be4339a.
|