diff --git a/html/css/style.css b/html/css/style.css
new file mode 100644
index 0000000..2c4ab4e
--- /dev/null
+++ b/html/css/style.css
@@ -0,0 +1,619 @@
+@font-face {
+ font-family:'DigiWebfont';
+ src:url('../fonts/ds-digi-webfont.eot?v=1.0.0');
+ src:url('../fonts/ds-digi-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'),url('../fonts/ds-digi-webfont.woff2?v=1.0.0') format('woff2'),url('../fonts/ds-digi-webfont.woff?v=1.0.0') format('woff'),url('../fonts/ds-digi-webfont.ttf?v=1.0.0') format('truetype'),url('../fonts/ds-digi-webfont.svg?v=1.0.0#fontawesomeregular') format('svg');
+ font-weight:normal;
+ font-style:normal;
+}
+/** Header */
+/** Main Page Header */
+body.main-page{
+ background:url(../images/bg.jpg);
+ background-size:100%;
+ background-repeat:no-repeat;
+ background-color:#000E4F;
+}
+body.main-page h1{
+ position: absolute;
+ color: #fff;
+ font-size: 0.5rem;
+ display: block;
+ width: 6rem;
+ text-align: center;
+ left: 50%;
+ margin: 0 0 0 -3rem;
+}
+body.main-page .header-left{
+ padding-left: 0.6rem;
+ width: 6rem;
+ float: left;
+}
+body.main-page .header-right{
+ width: 6rem;
+ float: right;
+}
+body.main-page .header-left a{
+ padding: 0.1rem 0.3rem;
+ font-size: 0.18rem;
+ display: block;
+ float: left;
+ margin-top: 0.46rem;
+ margin-left: -0.3rem;
+ text-decoration: none;
+ min-width: 160px;
+ width: 2.5rem;
+ background-image: url(../images/home_top_left_nav.png);
+ background-size: 100%;
+ background-repeat: no-repeat;
+ height: 0.5rem;
+ text-align: center;
+ line-height: 0.38rem;
+ color: #00F7FA;
+}
+
+body.main-page .header-right>a{
+ margin-left: 1.1rem;
+}
+body.main-page .header-right a{
+ padding: 0.1rem 0.3rem;
+ font-size: 0.2rem;
+ display: block;
+ float: left;
+ margin-top: 0.46rem;
+ margin-left: -0.3rem;
+ text-decoration: none;
+ min-width: 160px;
+ width: 2.5rem;
+ background-image: url(../images/home_top_right_nav.png);
+ background-size: 100%;
+ background-repeat: no-repeat;
+ height: 0.5rem;
+ text-align: center;
+ line-height: 0.38rem;
+ color: #00F7FA;
+}
+body.main-page .header-right a.exit {
+ background-image: url(../images/home_top_right_nav_last.png);
+ display:block;
+}
+body.main-page .header-right a.exit img {
+ width: 0.2rem;
+ display: inline-block;
+}
+/** Sub Page Header */
+body.sub-page{
+ background:url(../images/bg2.jpg);
+ background-size:100%;
+ background-repeat:no-repeat;
+ background-color:#000E4F;
+}
+body.sub-page .head .h1 {
+ text-align:left;
+ font-size:0.3rem;
+ line-height:0.5rem;
+ padding-left:0.3rem;
+ float:left;
+}
+body.sub-page .head .nav {
+ float:left;
+ margin-top:0.16rem;
+ margin-left:1rem;
+ background:url(../images/tab_bj.png);
+ min-width:180px;
+ width:2.5rem;
+ background-size:100%;
+ background-repeat:no-repeat;
+ height:0.5rem;
+ text-align:center;
+ line-height:0.38rem;
+ color:#fff;
+}
+body.sub-page .header-right {
+ width:4.5rem;
+ float:right;
+ padding:0.1rem 0.2rem;
+}
+body.sub-page .header-right a.exit {
+ width:20%;
+ font-size:0.2rem;
+ display:block;
+ float:left;
+ padding:4px;
+}
+body.sub-page .header-right a.exit img {
+ display:block;
+ float:left;
+ height:0.2rem;
+}
+body.sub-page .head .nav:hover {
+ color:#ffff00;
+}
+body.sub-page .head .sub {
+ margin-left:-0.35rem;
+}
+.loader{
+ width:1rem ;
+ height:1rem ;
+ position: absolute ;
+ top:50%;
+ left:50%;
+ transfrom:translate(-50%,-50%);
+}
+.tabslect {
+ overflow:hidden;
+ /* padding-left:0.3rem;
+ */
+ color:aqua;
+ width:65%;
+ padding-top:0.1rem;
+ position:absolute;
+ z-index:99;
+}
+.tabslect-item {
+ float:left;
+ margin-right:0.05rem;
+ border:#01dff4 1px solid;
+ background-color:#25e1f152;
+ padding:0.01rem 0.1rem;
+ border-radius:5px;
+ color:#01dff4;
+ z-index:999999;
+ font-size:0.15rem
+}
+.tabslect-item:hover {
+ color:white;
+}
+.tabslect .act {
+ color:white;
+}
+.alltitle {
+ font-size:16px;
+ color:#fff;
+ text-align:left;
+ line-height:0.17rem;
+ width:fit-content;
+ border:1px solid #3690ff;
+ margin:0 auto;
+ /* padding:0 0.06rem;
+ */
+ margin-top:-0.16rem;
+ background-color:#094193;
+ position:relative;
+ border-radius:5px;
+}
+.alltitle .title {
+ padding:8px 17px;
+}
+.zhutipaihang-title {
+ width:45px;
+ height:90%;
+ /* text-align:center;
+ */
+ padding:11px;
+ float:left;
+ writing-mode:vertical-lr;
+ background-color:#fcfdff;
+ background-image:linear-gradient(45deg,#00156e 47%,#0ff 122%);
+ text-align:center;
+ color:#0ff;
+ border:#0ff 1px dashed;
+ letter-spacing:0.04rem;
+ margin-top:0.08rem;
+}
+.zhutipaihang-table {
+ padding:5px;
+}
+.zhutipaihang-li {
+ clear:both;
+ width:100%;
+ background-color:#fcfdff;
+ background-image:linear-gradient(184deg,#00156e 48%,#0ff 171%);
+ line-height:29px;
+ margin:5px;
+ color:#01dff4;
+}
+.zhutipaihang-li div {
+ float:left;
+ text-align:center;
+}
+.ztpht1 {
+ width:90px;
+}
+.ztpht2 {
+ width:116;
+}
+.ztpht3 {
+ width:90px;
+}
+.ztphn1 {
+ width:30px;
+}
+.ztphn2 {
+ width:60px;
+}
+.ztphn3 {
+ width:112px;
+}
+.ztphn4 {
+ width:90px;
+}
+.kjzyjs {
+ /* background-color:red;
+ */
+ overflow:hidden;
+ padding:10px;
+ color:#01dff4;
+ width:100%;
+ display:flex;
+ align-items:center;
+ justify-content:center;
+}
+.kjzyjs div {
+ float:left;
+}
+.kjzyjs-left {
+ text-align:center;
+ width:20%;
+ line-height:46px;
+}
+.kjzyjs-center {
+ width:68%;
+ margin-top:0.1rem;
+ line-height:35px;
+}
+.kjzyjs-center .progress {
+ height:5px;
+ width:100%;
+ background-color:aqua;
+ display:block;
+ position:absolute;
+}
+.kjzyjs-right {
+ width:12%;
+ height:60px;
+ border-radius:50%;
+ border:1px solid #01dff4;
+ text-align:center;
+ display:flex;
+ align-items:center;
+ justify-content:center;
+}
+.select {
+ float:left;
+ border:#01dff4 1px solid;
+ background-color:#25e1f152;
+ border-radius:4px;
+ padding:0 5px;
+}
+.switch-time {
+ margin-top:-0.1rem;
+ padding-right:0.3rem;
+ text-align:right;
+ z-index:99;
+ position:relative;
+}
+.switch-time a {
+ border-radius:0.04rem;
+ background-color:#3d5a9b;
+ color:#c1c2d4;
+ padding:0.03rem 0.15rem;
+ z-index:999;
+ margin:0;
+}
+.switch-time a:hover {
+ color:yellow;
+ background-color:#4c6bad;
+}
+.switch-time .act {
+ border-radius:0.03rem;
+ background-color:#0c66d0;
+ color:#ffffff;
+ padding:0.03rem 0.15rem;
+ z-index:999;
+ margin:0;
+}
+.ziyuanpaihang {
+ width:98%;
+ height:0.8rem;
+ background-color:#15287bc9;
+ padding:0.06rem;
+ color:#01dff4;
+ margin:0.06rem;
+ clear:both;
+ position:relative;
+}
+.ziyuanpaihang .top {
+ position:absolute;
+ left:0;
+ top:0;
+}
+.ziyuanpaihang div {
+ float:left;
+}
+.ziyuanpaihang .ico {
+ width:1rem;
+ padding:0.05rem 0.1rem;
+ display:block;
+ text-align:center;
+ line-height:0.22rem;
+}
+.ziyuanpaihang .ico img {
+ width:0.35rem;
+}
+.ziyuanpaihang .content {
+ width:3.5rem;
+ margin-right:0.2rem;
+}
+.ziyuanpaihang .content div {
+ /* padding:0 0.2rem;
+ */
+ line-height:0.26rem;
+ text-align:center;
+ color:white;
+ background-color:#164db9;
+ margin:0.04rem 0.05rem;
+ border-radius:9px;
+ font-size:0.15rem;
+ width:47%;
+}
+.ziyuanpaihang .content div span {
+ color:#00ffff;
+}
+.ziyuanpaihang .total {
+ padding:0.07rem 0 0 0.2rem;
+ font-size:0.15rem;
+}
+.ziyuanpaihang .line {
+ width:0.03rem;
+ height:0.4rem;
+ border-radius:3px;
+ margin-top:0.15rem;
+ background-color:turquoise;
+}
+.ziyuanpaihang .total span {
+ font-family:DigiWebfont;
+ letter-spacing:0.03rem;
+ font-size:0.23rem;
+}
+.qyzyhzjc {
+ color:#0ff;
+ margin:0 auto;
+ position:relative;
+ display:flex;
+ width:fit-content;
+ height:1.8rem;
+}
+.qyzyhzjc .item {
+ position:relative;
+ float:left;
+ height:1.2rem;
+ width:1.2rem;
+ background:url(../images/big_quan.png) no-repeat top center;
+ text-align:center;
+ background-size:cover;
+ margin:0.6rem 0.31rem 0 0.31rem;
+}
+.qyzyhzjc .item:nth-child(2) {
+ margin:0.6rem 0rem 0 0rem;
+}
+.qyzyhzjc .item .num {
+ position:absolute;
+ left:0;
+ top:0.36rem;
+ right:0;
+ bottom:0;
+ margin:auto;
+}
+.qyzyhzjc .item .num span {
+ font-family:DigiWebfont;
+ letter-spacing:0.03rem;
+ font-size:0.24rem;
+ font-weight:bold;
+}
+.qyzyhzjc .item .edus {
+ margin-bottom:-0.3rem;
+ color:white;
+ height:fit-content;
+ font-size:0.19rem;
+}
+.paihang {
+ display:grid;
+ height:2.2rem;
+ position:relative;
+}
+.paihang .list {
+ float:left;
+ border:1px solid #00ffff;
+ height:0.6rem;
+ border-radius:0 0.15rem 0 0;
+ margin:0.04rem;
+ width:48%;
+}
+.paihang h3 {
+ font-size:0.16rem;
+ color:#00ffff;
+ margin-top:0.08rem;
+ margin:0;
+}
+.paihang .list div {
+ float:left;
+}
+.paihang .list .top {
+ line-height:0.5rem;
+ width:0.5rem;
+ text-align:center;
+}
+.paihang .list .head {
+ width:0.9rem;
+ height:auto;
+ padding-top:0.02rem;
+}
+.paihang .list .head .name {
+ color:#00ffff;
+ font-weight:bold;
+}
+.paihang .list .head .school {
+ color:white;
+ line-height:0.15rem;
+}
+.paihang .list .total {
+ line-height:0.2rem;
+ padding-top:0.09rem;
+ margin-right:0.15rem
+}
+.paihang .list .total .num {
+ font-size:0.23rem;
+ color:#ffd900;
+}
+.paihang .list .total .num-name {
+ color:#00ffff;
+ font-size:0.15rem;
+}
+.jigou-paihang {
+ clear:both;
+ height:3rem;
+ position:relative;
+ overflow:hidden;
+}
+.title-ico {
+ width:0.15rem;
+ margin-right:0.05rem;
+}
+.jigou-paihang .list {
+ float:left;
+ height:0.43rem;
+ margin:0.03rem;
+ position:relative;
+ width:48%;
+ background-color:#0050b3;
+}
+.jigou-paihang .list .top1 {
+ position:absolute;
+ left:0;
+ top:0;
+}
+.jigou-paihang .list .ico {
+ width:0.4rem;
+}
+.jigou-paihang h3 {
+ font-size:0.16rem;
+ color:#00ffff;
+ margin:0;
+ margin-top:0.08rem;
+}
+.jigou-paihang .list div {
+ float:left;
+}
+.jigou-paihang .list .top {
+ line-height:0.4rem;
+ width:0.5rem;
+ text-align:center;
+}
+.jigou-paihang .list .head {
+ width:1rem;
+ z-index:3;
+ height:0.46rem;
+ text-align:left;
+ display:flex;
+ align-items:center;
+ /* justify-content:center;
+ */
+}
+.jigou-paihang .list .head .name {
+ color:white;
+ font-weight:bold;
+ line-height:0.15rem;
+}
+.jigou-paihang .list .head .school {
+ color:white;
+}
+.jigou-paihang .list .total {
+ line-height:0.16rem;
+ padding-top:0.04rem;
+ margin-right:0.1rem
+}
+.jigou-paihang .list .total .num {
+ font-size:0.18rem;
+ color:#ffd900;
+ letter-spacing:-0.01rem;
+}
+.jigou-paihang .list .total .num-name {
+ color:#00ffff;
+ font-size:0.13rem;
+}
+.r2paihang {
+ margin-top:0.1rem;
+}
+.r2paihang .title {
+ float:left;
+ padding:0.07rem;
+ writing-mode:vertical-lr;
+ border:#1379c8 1px solid;
+ color:white;
+ width:0.4rem;
+ height:1.90rem;
+ font-size:0.15rem;
+ background-color:#002a8a;
+ text-align:center;
+}
+.tg {
+ border-collapse:collapse;
+ border-spacing:0;
+ border:#1379c8 1px solid;
+ background-color:#002a8a;
+ font-size:0.14rem;
+ width:51%;
+}
+.tg td {
+ border-style:solid;
+ border-width:1px;
+ color:white;
+ padding:0.03rem;
+ text-align:center;
+ vertical-align:middle;
+ line-height:0.245rem;
+}
+.tg .tg-0pky {
+ border-color:inherit;
+ text-align:left;
+ vertical-align:top;
+ text-align:center;
+ vertical-align:middle;
+}
+.tg .tg-0lax {
+ text-align:left;
+ vertical-align:top
+}
+.kongjian-r1-class .huoyue {
+ width:0.8rem;
+ margin:0.2rem;
+ height:0.8rem;
+ background-color:#171147;
+ border:1px solid #577ada;
+ border-radius:50%;
+ text-align:center;
+ display:flex;
+ align-items:center;
+ justify-content:center;
+ color:#00ffff;
+ font-size:0.14rem;
+}
+.kongjian-r1-class .huoyue span {
+ font-weight:bold;
+ font-size:0.18rem;
+ display:contents;
+}
+#gjgx_js_paihang .num {
+ font-family:DigiWebfont;
+ letter-spacing:0.03rem;
+}
+
+#clock {
+ width:80%;
+ display:block;
+ float:left;
+ font-size:0.3rem;
+ font-family:DigiWebfont;
+ letter-spacing:0.03rem;
+ color:#0ff;
+}