From 664bd4539637e1b535b8eb0a77a397c7a6ce5d42 Mon Sep 17 00:00:00 2001 From: zhengpengju Date: Wed, 15 Dec 2021 16:46:14 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=BF=E4=BB=A3kaiping.css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- html/css/style.css | 619 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 619 insertions(+) create mode 100644 html/css/style.css 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; +}