From cc9d69e980b73aae333ab72d370aff82594afbf4 Mon Sep 17 00:00:00 2001 From: czt <czt18638530771@163.com> Date: 星期五, 23 五月 2025 11:03:28 +0800 Subject: [PATCH] 调整细节 --- igds-dzhwk-web/src/main/resources/static/dzhwk/gas/gas.css | 674 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 674 insertions(+), 0 deletions(-) diff --git a/igds-dzhwk-web/src/main/resources/static/dzhwk/gas/gas.css b/igds-dzhwk-web/src/main/resources/static/dzhwk/gas/gas.css new file mode 100644 index 0000000..2d9ca56 --- /dev/null +++ b/igds-dzhwk-web/src/main/resources/static/dzhwk/gas/gas.css @@ -0,0 +1,674 @@ +@charset "utf-8"; + +/*----------------- + Author:xq + update:2019 + -------------------*/ +body { + font-family: "寰蒋闆呴粦", Arial, sans-serif; + font-size: 14px; + background: #f3f5f8; +} + +i,em{ + font-style: normal; +} + + +.radius-3{ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} + +.radius-4, +.qt-rMenu-item a{ + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; +} + +.radius-6, +.lq-rMenu li{ + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -ms-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} + +.box-shadow{ + -webkit-box-shadow: 0px 0px 9px 3px rgba(230,230,230,0.6); + -moz-box-shadow: 0px 0px 9px 3px rgba(230,230,230,0.6); + box-shadow: 0px 0px 9px 3px rgba(230,230,230,0.6); +} + +.fl { + float: left; +} +.fr { + float: right; +} + + +/*qtjc*/ + +.l-container{ + width: 100%; + max-width: 1680px; + min-width: 1340px; + margin-left: auto; + margin-right: auto; +} + +.l-main{ + margin: 10px; + position: relative; + padding-right: 350px; +} + +.qt-left{ + width: 100%; +} + + +.qt-lTop-l{ + width: 26%; + min-width: 260px; +} + + +.qt-left1{ + padding: 27px 8%; + background: #7b8e9f; + +} + +.lq-left1-from{ + margin-bottom: 20px; +} + +.qt-left .lq-left1-from:last-child{ + margin-bottom: 0; +} + +.qt-left .lq-left1-from .layui-form-label{ + color: #fff; + padding: 9px 0; + text-align: left; + font-size: 16px; +} + +.qt-left .lq-left1-from .layui-input-block{ + margin-left: 80px; +} + +.qt-left .layui-form-select .layui-edge{ + border-top-color: #666; +} + +.qt-left .layui-input-block .layui-input{ + font-size: 16px; + color: #000; +} + +.qt-left .layui-form-select dl dd.layui-this{ + background: #7b8e9f; +} + +.qt-lTop-r{ + width: 71.5%; +} + + +.qt-left-item{ + height: 150px; + overflow: hidden; + color: #fff; + text-align: center; +} + +.qt-left2{ + background: url(../../img/dzhwk/gas/qt-bg1.png) no-repeat; + background-size: 100% 100%; +} + +.qt-left3{ + background: url(../../img/dzhwk/gas/qt-bg2.png) no-repeat; + background-size: 100% 100%; +} + +.qt-left4{ + background: url(../../img/dzhwk/gas/qt-bg3.png) no-repeat; + background-size: 100% 100%; +} + +.qt-left5{ + background: url(../../img/dzhwk/gas/qt-bg4.png) no-repeat; + background-size: 100% 100%; +} + +.qt-left-item h3{ + height: 24px; + line-height: 24px; + font-size: 16px; + overflow: hidden; + font-weight: bold; + margin: 30px 0; +} + +.lq-cTop-ite{ + position: relative; +} + +.lq-cTop-item:after{ + display: block; + content: ''; + width: 1px; + height: 100%; + background: rgba(255,255,255,0.1); + position: absolute; + right: 0; + top: 0; + z-index: 97; +} + +.lq-cTop-item:last-child:after{ + background: none; +} + +.lq-cTop-item p{ + height: 25px; + line-height: 25px; + font-size: 16px; + margin-top: 5px; + overflow: hidden; +} + +.lq-cTop-item h4{ + font-size: 16px; + line-height: 25px; + height: 25px; + overflow: hidden; +} + +.lq-cTop-item p span{ + font-size: 22px; +} + +.qt-picBox{ + width: 96%; + margin: 2% auto; + text-align: center; + position: relative; +} + +.qt-pic{ + width: 100%; + margin: 0 auto; +} + +.qt-right{ + width: 340px; + position: absolute; + right: 0; + top: 0; + z-index: 99; +} + +.qt-rMenu{ + background: #fff; + width: 320px; + height: 120px; + overflow: hidden; + padding: 15px 10px; +} + +.qt-rMenu-item{ + height: 120px; + text-align: center; +} + + +.qt-rMenu-item a{ + display: inline-block; + width: 88px; + height: 118px; + border: 1px solid #e5e8ec; +} +.qt-icon{ + width: 48px; + height: 48px; + display: inline-block; + position: relative; + margin: 15px 0 10px; +} + +.qt-icon img, +.qt-pic-icon img{ + width: 100%; + height: 100%; + vertical-align: top; +} + +.qt-rMenu-item a p{ + line-height: 20px; + color: #324251; + font-size: 16px; + height: 20px; + overflow: hidden; +} + +.qt-rMenu-icon1{ + background: url(../../img/dzhwk/gas/qt-icon1.png); +} + +.qt-rMenu-icon2{ + background: url(../../img/dzhwk/gas/qt-icon2.png); +} + +.qt-rMenu-icon3{ + background: url(../../img/dzhwk/gas/lq-r-icon2.png); +} + +.qt-rMenu-icon4{ + background: url(../../img/dzhwk/gas/lq-r-icon4.png); +} + +.qt-rMenu-icon5{ + background: url(../../img/dzhwk/gas/lq-r-icon5.png); +} + +.qt-rMenu-icon6{ + background: url(../../img/dzhwk/gas/qt-icon3.png); +} + +.qt-rMenu-item:hover a, +.qt-rMenu-item.active a{ + background: #53adce; + border-color: #53adce; +} + + +.qt-rMenu-item:hover a p, +.qt-rMenu-item.active a p{ + color: #fff; +} + +.qt-rMenu-item:hover .qt-rMenu-icon1, +.qt-rMenu-item.active .qt-rMenu-icon1{ + background: url(../../img/dzhwk/gas/qt-icon1-h.png); +} + +.qt-rMenu-item:hover .qt-rMenu-icon2, +.qt-rMenu-item.active .qt-rMenu-icon2{ + background: url(../../img/dzhwk/gas/qt-icon2-h.png); +} + +.qt-rMenu-item:hover .qt-rMenu-icon3, +.qt-rMenu-item.active .qt-rMenu-icon3{ + background: url(../../img/dzhwk/gas/lq-r-icon2.png); +} + +.qt-rMenu-item:hover .qt-rMenu-icon4, +.qt-rMenu-item.active .qt-rMenu-icon4{ + background: url(../../img/dzhwk/gas/lq-r-icon4.png); +} + +.qt-rMenu-item:hover .qt-rMenu-icon5, +.qt-rMenu-item.active .qt-rMenu-icon5{ + background: url(../../img/dzhwk/gas/lq-r-icon5.png); +} + +.qt-rMenu-item:hover .qt-rMenu-icon6, +.qt-rMenu-item.active .qt-rMenu-icon6{ + background: url(../../img/dzhwk/gas/qt-icon3-h.png); +} + +.qt-rTable-box{ + background: #fff; + overflow: hidden; + margin-top: 10px; + width: 320px; + padding: 10px; + min-height: 320px; +} + +.qt-rTable-box .layui-table td, +.qt-rTable-box .layui-table th{ + padding: 9px 5px; + text-align: center; +} + +.qt-rTable-box .layui-table th{ + background: #dee6ec; +} + +.mr4{ + margin-right: 4%; +} + +.qt-pic-icon{ + display: inline-block; + width: 36px; + height: 36px; + position: absolute; + z-index: 99; +} + +.qt-pic-icon-active{ + -webkit-animation: twinkling 1.5s infinite ease-in-out; + animation: twinkling 1.5s infinite ease-in-out; +} + +.qt-pic-icon1{ + left: 45.5%; + top: 41%; +} +.qt-pic-icon2{ + left: 46%; + top: 33%; +} +.qt-pic-icon3{ + left: 46.6%; + top: 24%; +} +.qt-pic-icon4{ + left: 47%; + top: 15%; +} +/** 鍒嗗壊 **/ +.qt-pic-icon5{ + left: 37.5%; + top: 43%; +} +.qt-pic-icon6{ + left: 38%; + top: 39%; +} +.qt-pic-icon7{ + left: 38.5%; + top: 35%; +} +.qt-pic-icon8{ + left: 39%; + top: 31%; +} +/** 鍒嗗壊**/ +.qt-pic-icon9{ + left: 35%; + top: 30%; +} +/** 鍒嗗壊**/ +.qt-pic-icon10{ + left: 39.5%; + top: 27%; +} +.qt-pic-icon11{ + left: 40%; + top: 23%; +} +.qt-pic-icon12{ + left: 40.5%; + top: 19%; +} +.qt-pic-icon13{ + left: 41%; + top: 15%; +} +/** 鍒嗗壊**/ +.qt-pic-icon14{ + left: 27%; + top: 42%; +} +.qt-pic-icon15{ + left: 28%; + top: 36%; +} +.qt-pic-icon16{ + left: 29%; + top: 30%; +} +.qt-pic-icon18{ + left: 30%; + top: 25%; +} +.qt-pic-icon19{ + left: 31%; + top: 20%; +} +.qt-pic-icon20{ + left: 32%; + top: 15%; +} +/** 鍒嗗壊**/ +.qt-pic-icon17{ + left: 25%; + top: 30%; +} +/** 鍒嗗壊**/ +.qt-pic-icon21{ + left: 17%; + top: 43%; +} +.qt-pic-icon22 { + left: 18%; + top: 39%; +} +.qt-pic-icon23{ + left: 19%; + top: 35%; +} +.qt-pic-icon24{ + left: 20%; + top: 31%; +} +.qt-pic-icon25{ + left: 21%; + top: 27%; +} +.qt-pic-icon26{ + left: 22%; + top: 23%; +} +.qt-pic-icon27{ + left: 23%; + top: 19%; +} +.qt-pic-icon28{ + left: 24%; + top: 15%; +} +/** 鍒嗗壊**/ +.qt-pic-icon29{ + left: 12%; + top: 41%; +} +.qt-pic-icon30{ + left: 14%; + top: 33%; +} +.qt-pic-icon31{ + left: 16%; + top: 24%; +} +.qt-pic-icon32{ + left: 18%; + top: 15%; +} + +/*** ---------------- 鍙充晶 ------**/ +.qt-pic-icon1-right{ + left: 51.6%; + top: 41%; +} +.qt-pic-icon2-right{ + left: 51.4%; + top: 33%; +} +.qt-pic-icon3-right{ + left: 51.2%; + top: 24%; +} +.qt-pic-icon4-right{ + left: 51%; + top: 15%; +} +/** 鍒嗗壊 **/ +.qt-pic-icon5-right{ + left: 58.8%; + top: 43%; +} +.qt-pic-icon6-right{ + left: 58.4%; + top: 39%; +} +.qt-pic-icon7-right{ + left: 58%; + top: 35%; +} +.qt-pic-icon8-right{ + left: 57.6%; + top: 31%; +} +/** 鍒嗗壊**/ +.qt-pic-icon9-right{ + left: 62%; + top: 30%; +} +/** 鍒嗗壊**/ +.qt-pic-icon10-right{ + left: 57.2%; + top: 27%; +} +.qt-pic-icon11-right{ + left: 56.8%; + top: 23%; +} +.qt-pic-icon12-right{ + left: 56.4%; + top: 19%; +} +.qt-pic-icon13-right{ + left: 56%; + top: 15%; +} +/** 鍒嗗壊**/ +.qt-pic-icon14-right{ + left: 68.5%; + top: 42%; +} +.qt-pic-icon15-right{ + left: 67.8%; + top: 36%; +} +.qt-pic-icon16-right{ + left: 67.1%; + top: 30%; +} +.qt-pic-icon18-right{ + left: 66.4%; + top: 25%; +} +.qt-pic-icon19-right{ + left: 65.7%; + top: 20%; +} +.qt-pic-icon20-right{ + left: 65%; + top: 15%; +} +/** 鍒嗗壊**/ +.qt-pic-icon17-right{ + left: 72%; + top: 30%; +} +/** 鍒嗗壊**/ +.qt-pic-icon21-right{ + left: 77.8%; + top: 43%; +} +.qt-pic-icon22-right{ + left: 77.2%; + top: 39%; +} +.qt-pic-icon23-right{ + left: 76.5%; + top: 35%; +} +.qt-pic-icon24-right{ + left: 75.8%; + top: 31%; +} +.qt-pic-icon25-right{ + left: 75.1%; + top: 27%; +} +.qt-pic-icon26-right{ + left: 74.4%; + top: 23%; +} +.qt-pic-icon27-right{ + left: 73.7%; + top: 19%; +} +.qt-pic-icon28-right{ + left: 73%; + top: 15%; +} +/** 鍒嗗壊**/ +.qt-pic-icon29-right{ + left: 84.5%; + top: 41%; +} +.qt-pic-icon30-right{ + left: 83%; + top: 33%; +} +.qt-pic-icon31-right{ + left: 81.5%; + top: 24%; +} +.qt-pic-icon32-right{ + left: 80%; + top: 15%; +} + +@-webkit-keyframes twinkling { + 0% { + opacity: 0.5; + } + 100% { + opacity: 1; + } +} + +@keyframes twinkling { + 0% { + opacity: 0.5; + } + 100% { + opacity: 1; + } +} + + + +@media all and (max-width: 1650px) { + .qt-td-hide{ + display: none; + } + + .lq-cTop-item p span{ + font-size: 18px; + } +} + + + + + -- Gitblit v1.9.3