From f6abc8c724eed706487b7616bc6c816e5db5c939 Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期二, 09 十二月 2025 20:13:48 +0800
Subject: [PATCH] 数量检测页面提交
---
fzzy-igdss-web/src/main/resources/static/security/video-webrtc.css | 579 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 579 insertions(+), 0 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/static/security/video-webrtc.css b/fzzy-igdss-web/src/main/resources/static/security/video-webrtc.css
new file mode 100644
index 0000000..d47b626
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/static/security/video-webrtc.css
@@ -0,0 +1,579 @@
+@charset "utf-8";
+
+@font-face {
+ font-family: DINCond-Bold;
+ src: url('../fonts/DINCond-Bold.otf');
+}
+
+body {
+ font-family: "寰蒋闆呴粦", Arial, sans-serif;
+ font-size: 14px;
+ background: #282e35;
+ position: relative;
+}
+
+i, em {
+ font-style: normal;
+}
+
+a {
+ text-decoration: none;
+}
+
+.fl {
+ float: left;
+}
+
+.fr {
+ float: right;
+}
+
+.i-container {
+ width: 100%;
+ /* min-width: 1290px; */
+ margin-left: auto;
+ margin-right: auto;
+ overflow: hidden;
+}
+
+.jmkt-main {
+ overflow: hidden;
+ padding: 0 5px;
+}
+
+.sp-boxWrap,
+.sp-box {
+ height: 550px;
+}
+
+.sp-box {
+ background: #2f3740;
+ -webkit-border-radius: 8px;
+ border-radius: 8px;
+ overflow: hidden;
+}
+
+.pdgxq-H {
+ height: 35px;
+ padding: 0 20px;
+ margin-top: 5px;
+}
+
+.pdgxq-H h3 {
+ line-height: 35px;
+ height: 35px;
+ color: #fff;
+ font-size: 18px;
+ font-weight: bold;
+ position: relative;
+ float: left;
+}
+
+.pdgxq-H h3 i {
+ display: inline-block;
+ width: 4px;
+ height: 24px;
+ position: absolute;
+ left: -20px;
+ top: 50%;
+ margin-top: -12px;
+ z-index: 9;
+ background: url(../../img/web/security/tit-redBg.png) center no-repeat;
+}
+
+.sp-showBox {
+ height: 100%;
+}
+
+.sp-showBox.show {
+ display: block;
+}
+
+.sp-showItem {
+ text-align: center;
+ line-height: 316px;
+ height: 316px;
+ background: #262c33;
+ margin: 2px;
+ -webkit-border-radius: 8px;
+ border-radius: 8px;
+}
+
+.sp-hideImg {
+ width: 200px;
+ height: 200px;
+}
+
+.sp-tab-hd {
+ height: 40px;
+ float: right;
+}
+
+.sp-tab-hd span {
+ display: inline-block;
+ float: right;
+ width: 25px;
+ height: 25px;
+ padding: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ overflow: hidden;
+ margin: 3px 10px;
+ opacity: 0.5;
+ cursor: pointer;
+}
+
+.sp-tab-hd span img {
+ width: 100%;
+ height: 100%;
+}
+
+.sp-tab-hd span.active,
+.sp-tab-hd span:hover {
+ background: #262c33;
+ opacity: 1;
+}
+
+.sp-showItem2 {
+ text-align: center;
+ height: 550px;
+ background: #262c33;
+ -webkit-border-radius: 8px;
+ border-radius: 8px;
+}
+
+.sp-showItem2 .sp-hideImg {
+ margin-top: 150px;
+ width: 30%;
+ height: auto;
+}
+
+.sp-cz-wrap {
+ width: 270px;
+ overflow: hidden;
+ margin: 10px auto;
+}
+
+.sp-cz-box {
+ overflow: hidden;
+ width: 284px;
+ height: 284px;
+}
+
+.sp-cz-box ul li {
+ float: left;
+ margin: 1.5px;
+ background: #262c33;
+ overflow: hidden;
+ text-align: center;
+ vertical-align: middle;
+ display: table;
+ opacity: 0.5;
+}
+
+.sp-cz-box ul li a {
+ vertical-align: middle;
+ display: table-cell;
+ width: 100%;
+ height: 100%;
+}
+
+.sp-cz-box ul li a img {
+ width: 32px;
+ height: 32px;
+}
+
+.sp-cz-box ul li.sp-cz-l5 a img {
+ width: 66px;
+ height: 66px;
+}
+
+.sp-cz-l1,
+.sp-cz-l2,
+.sp-cz-l3,
+.sp-cz-l7,
+.sp-cz-l8,
+.sp-cz-l9 {
+ height: 88px;
+}
+
+.sp-cz-l4,
+.sp-cz-l5,
+.sp-cz-l6 {
+ height: 98px;
+}
+
+.sp-cz-l1 {
+ width: 88px;
+ border-top-left-radius: 8px;
+}
+
+.sp-cz-l2,
+.sp-cz-l5,
+.sp-cz-l8 {
+ width: 98px;
+}
+
+.sp-cz-l3 {
+ width: 88px;
+ border-top-right-radius: 8px;
+}
+
+.sp-cz-l4,
+.sp-cz-l6 {
+ width: 88px;
+}
+
+.sp-cz-l7 {
+ width: 88px;
+ border-bottom-left-radius: 8px;
+}
+
+.sp-cz-l9 {
+ width: 88px;
+ border-bottom-right-radius: 8px;
+}
+
+.sp-cz-box ul li:hover,
+.sp-cz-box ul li:active {
+ background: #ef344a;
+ opacity: 1;
+}
+
+.sp-cz-box ul li.sp-cz-l5,
+.sp-cz-box ul li.sp-cz-l5:hover,
+.sp-cz-box ul li.sp-cz-l5:active {
+ background: #2a3138 !important;
+ opacity: 0.5;
+}
+
+.sp-cz-l2 img {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+
+.sp-cz-l3 img {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+
+.sp-cz-l4 img {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+
+.sp-cz-l6 img {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+}
+
+.sp-cz-l7 img {
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+
+.sp-cz-l8 img {
+ -webkit-transform: rotate(-135deg);
+ transform: rotate(-135deg);
+}
+
+.sp-cz-l9 img {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+
+.fr{
+ float: right;
+}
+
+.sp-bianbei{
+ width: 47%;
+ height: 40px;
+ background: #4c5863;
+ -webkit-border-radius: 30px;
+ border-radius: 30px;
+ overflow: hidden;
+ margin: 10px 0;
+ text-align: center;
+}
+
+.sp-bianbei>span{
+ line-height: 40px;
+ color: #bbc3cd;
+ font-size:16px;
+}
+
+.sp-czBtn{
+ background: #4c5764;
+ text-align: center;
+ vertical-align: top;
+ color: #fff;
+ font-weight: bold;
+ border: 0;
+ outline: none;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ margin: 3px;
+ font-size: 30px;
+ cursor: pointer;
+}
+
+
+.sp-sxBtn{
+ /*float: left;*/
+}
+
+.sp-fdBtn{
+ float: right;
+}
+
+.sp-czBtn i{
+ position: relative;
+ top: -5px;
+}
+
+.sp-czBtn:active{
+ background: #ef344a;
+}
+
+.sp-table-box {
+ margin: 5px 10px 0 10px;
+}
+
+.sp-table-tit {
+ height: 40px;
+ line-height: 40px;
+ border-bottom: 1px solid #8f3545;
+}
+
+.sp-table-tit h3 {
+ float: left;
+ color: #fff;
+ font-size: 16px;
+ font-weight: bold;
+}
+
+.sp-table-tit span {
+ float: right;
+ color: #9ea6af;
+ font-size: 14px;
+}
+
+.sp-table {
+ background: #2a3138;
+ /*height: 190px;*/
+ -webkit-border-bottom-left-radius: 8px;
+ border-bottom-left-radius: 8px;
+ -webkit--bottom-right-radius: 8px;
+ border-bottom-right-radius: 8px;
+ overflow-y: auto;
+}
+
+.sp-list {
+ overflow: hidden;
+ width: 100%;
+}
+
+.sp-list li {
+ height: 35px;
+ padding: 5px 10px;
+ overflow: hidden;
+}
+
+.sp-list li:hover,
+.sp-list li:active {
+ background: #252b32;
+}
+
+.preset-input{
+ width: 65px;
+ appearance: none;
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 3px;
+ background: #4c5764;
+ color: #bbc3cd;
+ border-width: 0px;
+ text-align: center;
+}
+
+.sp-list li p {
+ line-height: 35px;
+ height: 35px;
+ overflow: hidden;
+ color: #fff;
+ font-size: 16px;
+}
+
+.sp-list li img {
+ width: 35px;
+ height: 35px;
+ float: left;
+ margin-right: 20px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+}
+
+/** 浜戝彴鎺у埗**/
+.ptz-block {
+ position: absolute;
+ z-index: 99999;
+ width: 130px;
+ height: 254px;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ text-align: center;
+ font-size: 24px;
+ background-color: rgba(0,0,0,.6);
+ opacity: 0;
+ border-radius: 10px 0 0 10px;
+ overflow: hidden;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ transition: all 1s;
+}
+.ptz-block .ptzBlock {
+ width: 139px;
+ height: 150px;
+ margin: 0 auto;
+ text-align: center;
+ position: relative;
+ font-size: 24px;
+}
+.ptz-block .ptzBlock .ptz-block-box {
+ width: 139px;
+ height: 150px;
+}
+.ptz-up, .ptz-block {
+ cursor: pointer;
+}
+
+.ptz-block .ptz-up {
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+}
+.ptz-block .direction{
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ position: absolute;
+ cursor: pointer;
+ color: #fff;
+}
+
+.ptz-block .direction:hover{
+ color: #ef344a;
+}
+
+.ptz-block .ptz-left {
+ top: 50%;
+ left: 0;
+ transform: translateY(-50%);
+}
+
+
+.ptz-block .ptz-center {
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%,-50%);
+ width: 42px;
+ height: 42px;
+ line-height: 42px;
+ position: absolute;
+ border-radius: 25px;
+ background-color: #fff;
+ font-size: 24px;
+ color: #3d414a;
+ cursor: pointer;
+}
+.ptz-block .ptz-right {
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+}
+
+.ptz-block .ptz-down {
+ top: 100px;
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+.ptz-block .ptz-input{
+ width: 60px;
+ height: 25px;
+ font-size: 15px;
+ line-height: 42px;
+ text-align: left;
+ color: #0a1118;
+}
+.el-input {
+ position: relative;
+}
+
+.el-input__inner {
+ padding: 0;
+ text-align: center;
+}
+
+.el-input--mini .el-input__inner {
+ height: 28px;
+ line-height: 28px;
+}
+
+.el-input__inner {
+ -webkit-appearance: none;
+ background-color: #fff;
+ background-image: none;
+ border-radius: 6px;
+ border: 1px solid #dcdfe6;
+ box-sizing: border-box;
+ color: #606266;
+ display: inline-block;
+ font-size: inherit;
+ /*height: 40px;*/
+ /*line-height: 40px;*/
+ outline: none;
+ /*padding: 0 0px;*/
+ transition: border-color .2s cubic-bezier(.645,.045,.355,1);
+ width: 100%;
+ margin-left: 40px
+}
+
+.ptz-block .ptz-plus {
+ top: -30px;
+ left: 30%;
+ transform: translateX(-50%);
+}
+
+.ptz-block .ptz-btn {
+ width: 24px;
+ height: 24px;
+ line-height: 24px;
+ text-align: center;
+ font-size: 14px;
+ position: absolute;
+ background-color: #fff;
+ border-radius: 12px;
+ color: #3d414a;
+ font-weight: 400;
+}
+
+.ptz-block .ptz-minus {
+ top: -30px;
+ left: 70%;
+ transform: translateX(-50%);
+}
+
+.ptz-block .ptz-btn:hover{
+ background-color: #ef344a;
+ color: #ffffff;
+}
+/** 浜戝彴鎺у埗END **/
\ No newline at end of file
--
Gitblit v1.9.3