474 lines
19 KiB
CSS
474 lines
19 KiB
CSS
@font-face {
|
|
font-family: "iconfont"; /* Project id 3238821 */
|
|
src: url(f396c05087ce9a492577.eot?t=1675057380323); /* IE9 */
|
|
src: url(f396c05087ce9a492577.eot?t=1675057380323#iefix) format('embedded-opentype'), /* IE6-IE8 */
|
|
url(data:application/x-font-woff2;charset=utf-8;base64,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) format('woff2'),
|
|
url(5f5fe08c06d44b280377.woff?t=1675057380323) format('woff'),
|
|
url(d5d5d31597ee7f8757d9.ttf?t=1675057380323) format('truetype'),
|
|
url(f9bdc8899495d6698ecd.svg?t=1675057380323#iconfont) format('svg');
|
|
}
|
|
|
|
.iconfont {
|
|
font-family: "iconfont" !important;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.icon-talk_1:before {
|
|
content: "\e677";
|
|
}
|
|
|
|
.icon-icon_yuyinguanbi:before {
|
|
content: "\e678";
|
|
}
|
|
|
|
.icon-talk:before {
|
|
content: "\e67d";
|
|
}
|
|
|
|
.icon-icon_shouqi:before {
|
|
content: "\e675";
|
|
}
|
|
|
|
.icon-icon_zhankai:before {
|
|
content: "\e676";
|
|
}
|
|
|
|
.icon-Icon_YunLuXiang:before {
|
|
content: "\e673";
|
|
}
|
|
|
|
.icon-Icon_BenDiLuXiang:before {
|
|
content: "\e674";
|
|
}
|
|
|
|
.icon-voice_1:before {
|
|
content: "\e67c";
|
|
}
|
|
|
|
.icon-Icon_JingYin:before {
|
|
content: "\e672";
|
|
}
|
|
|
|
.icon-fullPage:before {
|
|
content: "\e67e";
|
|
}
|
|
|
|
.icon-Icon_QuanPing:before {
|
|
content: "\e671";
|
|
}
|
|
|
|
.icon-clarity_1:before {
|
|
content: "\e682";
|
|
}
|
|
|
|
.icon-voice:before {
|
|
content: "\e67f";
|
|
}
|
|
|
|
.icon-capture:before {
|
|
content: "\e680";
|
|
}
|
|
|
|
.icon-Icon_LuPing:before {
|
|
content: "\e669";
|
|
}
|
|
|
|
.icon-Icon_HD:before {
|
|
content: "\e66a";
|
|
}
|
|
|
|
.icon-Icon_Voice:before {
|
|
content: "\e66b";
|
|
}
|
|
|
|
.icon-Icon_ScreenShot:before {
|
|
content: "\e66d";
|
|
}
|
|
|
|
.icon-Icon_SD:before {
|
|
content: "\e66e";
|
|
}
|
|
|
|
.icon-Icon_YunTai:before {
|
|
content: "\e66f";
|
|
}
|
|
|
|
.icon-Icon_WangYeQuanPing:before {
|
|
content: "\e670";
|
|
}
|
|
|
|
.icon-clarity:before {
|
|
content: "\e681";
|
|
}
|
|
|
|
.icon-WangYeQuanPing:before {
|
|
content: "\e683";
|
|
}
|
|
|
|
.icon-Icon_Play:before {
|
|
content: "\e667";
|
|
}
|
|
|
|
.icon-Icon_Stop:before {
|
|
content: "\e668";
|
|
}
|
|
|
|
.icon-play_1:before {
|
|
content: "\e67a";
|
|
}
|
|
|
|
.icon-play:before {
|
|
content: "\e67b";
|
|
}
|
|
|
|
.icon-Icon_SDcard:before {
|
|
content: "\e665";
|
|
}
|
|
|
|
.icon-Icon_Cloud:before {
|
|
content: "\e666";
|
|
}
|
|
|
|
.icon-Icon_Left:before {
|
|
content: "\e663";
|
|
}
|
|
|
|
.icon-Icon_Right:before {
|
|
content: "\e664";
|
|
}
|
|
|
|
.icon-Console_icon_delete:before {
|
|
content: "\e608";
|
|
}
|
|
|
|
.icon-Console_icon_calendar:before {
|
|
content: "\e609";
|
|
}
|
|
|
|
.icon-code_icon_copy:before {
|
|
content: "\e60c";
|
|
}
|
|
|
|
|
|
.icon {
|
|
font-size: 35px !important;
|
|
color: #f18d00;
|
|
position: absolute;
|
|
bottom: 10px;
|
|
}
|
|
.record-icon {
|
|
font-size: 35px !important;
|
|
color: #f18d00;
|
|
position: absolute;
|
|
bottom: 60px;
|
|
}
|
|
.topRight {
|
|
top: 20px;
|
|
bottom: unset;
|
|
}
|
|
.topLeft {
|
|
top: 16px;
|
|
left: 16px;
|
|
position: absolute;
|
|
font-size: 20px;
|
|
}
|
|
.position_left_0 {
|
|
left: 10px;
|
|
}
|
|
.position_left_1 {
|
|
left: 65px;
|
|
}
|
|
.position_left_2 {
|
|
left: 120px;
|
|
}
|
|
.position_left_3 {
|
|
left: 175px;
|
|
}
|
|
.position_left_4 {
|
|
left: 230px;
|
|
}
|
|
.position_left_5 {
|
|
left: 285px;
|
|
}
|
|
.position_left_6 {
|
|
left: 340px;
|
|
}
|
|
.position_left_7 {
|
|
left: 395px;
|
|
}
|
|
.position_left_8 {
|
|
left: 450px;
|
|
}
|
|
.position_right_0 {
|
|
right: 10px;
|
|
}
|
|
.position_right_1 {
|
|
right: 65px;
|
|
}
|
|
.position_right_2 {
|
|
right: 120px;
|
|
}
|
|
.position_right_3 {
|
|
right: 175px;
|
|
}
|
|
.position_right_4 {
|
|
right: 230px;
|
|
}
|
|
.position_right_5 {
|
|
right: 285px;
|
|
}
|
|
.position_right_6 {
|
|
right: 340px;
|
|
}
|
|
.position_right_7 {
|
|
right: 395px;
|
|
}
|
|
.position_right_8 {
|
|
right: 450px;
|
|
}
|
|
.player__PTZArea {
|
|
height: 120px;
|
|
width: 120px;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 10px;
|
|
transform: translateY(-50%);
|
|
border-radius: 50%;
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
box-shadow: 0 0 5px rgba(255, 255, 255, 0);
|
|
z-index: 9999;
|
|
}
|
|
.player__PTZArea::after {
|
|
content: '';
|
|
width: 20px;
|
|
height: 20px;
|
|
top: 50%;
|
|
right: 50%;
|
|
background: #2b8bf7;
|
|
position: absolute;
|
|
transform: translate(50%, -50%);
|
|
border-radius: 50%;
|
|
}
|
|
.arrow-up {
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #ffffff;
|
|
top: 20px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
.arrow-down {
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-top: 6px solid #ffffff;
|
|
bottom: 20px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
.arrow-left {
|
|
border-right: 6px solid #ffffff;
|
|
border-bottom: 6px solid transparent;
|
|
border-top: 6px solid transparent;
|
|
left: 20px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
.arrow-right {
|
|
border-left: 6px solid #ffffff;
|
|
border-bottom: 6px solid transparent;
|
|
border-top: 6px solid transparent;
|
|
right: 20px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/** 图标字体 **/
|
|
@font-face {font-family: 'laydate-icon';
|
|
src: url(8b41e97a50a295189017.eot);
|
|
src: url(8b41e97a50a295189017.eot#iefix) format('embedded-opentype'),
|
|
url(0e1027e32c5f29465471.svg#iconfont) format('svg'),
|
|
url(914b22a8dfbd6493fabf.woff) format('woff'),
|
|
url(a4c318e3c86c5c8ee79a.ttf) format('truetype');
|
|
}
|
|
|
|
.laydate-icon{
|
|
font-family:"laydate-icon" !important;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/**
|
|
|
|
@Name: laydata
|
|
|
|
**/
|
|
|
|
|
|
html #layuicss-laydate{display: none; position: absolute; width: 1989px;}
|
|
|
|
/* 初始化 */
|
|
.layui-laydate *{margin: 0; padding: 0;}
|
|
|
|
/* 主体结构 */
|
|
.layui-laydate, .layui-laydate *{box-sizing: border-box;}
|
|
.layui-laydate{position: absolute; z-index: 66666666; margin: 5px 0; border-radius: 2px; font-size: 14px; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
|
|
.layui-laydate-main{width: 272px;}
|
|
.layui-laydate-header *,
|
|
.layui-laydate-content td,
|
|
.layui-laydate-list li{transition-duration: .3s; -webkit-transition-duration: .3s;}
|
|
|
|
/* 微微往下滑入 */
|
|
@keyframes laydate-downbit {
|
|
0% {opacity: 0.3; transform: translate3d(0, -5px, 0);}
|
|
100% {opacity: 1; transform: translate3d(0, 0, 0);}
|
|
}
|
|
|
|
.layui-laydate{animation-name: laydate-downbit;}
|
|
.layui-laydate-static{ position: relative; z-index: 0; display: inline-block; margin: 0; -webkit-animation: none; animation: none;}
|
|
|
|
/* 展开年月列表时 */
|
|
.laydate-ym-show .laydate-prev-m,
|
|
.laydate-ym-show .laydate-next-m{display: none !important;}
|
|
.laydate-ym-show .laydate-prev-y,
|
|
.laydate-ym-show .laydate-next-y{display: inline-block !important;}
|
|
.laydate-ym-show .laydate-set-ym span[lay-type="month"]{display: none !important;}
|
|
|
|
/* 展开时间列表时 */
|
|
.laydate-time-show .layui-laydate-header .layui-icon,
|
|
.laydate-time-show .laydate-set-ym span[lay-type="year"],
|
|
.laydate-time-show .laydate-set-ym span[lay-type="month"]{display: none !important;}
|
|
|
|
/* 头部结构 */
|
|
.layui-laydate-header{position: relative; line-height:30px; padding: 10px 70px 5px;}
|
|
.layui-laydate-header *{display: inline-block; vertical-align: bottom;}
|
|
.layui-laydate-header i{position: absolute; top: 10px; padding: 0 5px; color: #999; font-size: 18px; cursor: pointer;}
|
|
.layui-laydate-header i.laydate-prev-y{left: 15px;}
|
|
.layui-laydate-header i.laydate-prev-m{left: 45px;}
|
|
.layui-laydate-header i.laydate-next-y{right: 15px;}
|
|
.layui-laydate-header i.laydate-next-m{right: 45px;}
|
|
.laydate-set-ym{width: 100%; text-align: center; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
|
|
.laydate-set-ym span{padding: 0 10px; cursor: pointer;}
|
|
.laydate-time-text{cursor: default !important;}
|
|
|
|
/* 主体结构 */
|
|
.layui-laydate-content{position: relative; padding: 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
|
|
.layui-laydate-content table{border-collapse: collapse; border-spacing: 0;}
|
|
.layui-laydate-content th,
|
|
.layui-laydate-content td{width: 36px; height: 30px; padding: 5px; text-align: center;}
|
|
.layui-laydate-content th{font-weight: 400;}
|
|
.layui-laydate-content td{position: relative; cursor: pointer;}
|
|
.laydate-day-mark{position: absolute; left: 0; top: 0; width: 100%; line-height: 30px; font-size: 12px; overflow: hidden;}
|
|
.laydate-day-mark::after{position: absolute; content:''; right: 2px; top: 2px; width: 5px; height: 5px; border-radius: 50%;}
|
|
|
|
/* 底部结构 */
|
|
.layui-laydate-footer{position: relative; height: 46px; line-height: 26px; padding: 10px;}
|
|
.layui-laydate-footer span{display: inline-block; vertical-align: top; height: 26px; line-height: 24px; padding: 0 10px; border: 1px solid #C9C9C9; border-radius: 2px; background-color: #fff; font-size: 12px; cursor: pointer; white-space: nowrap; transition: all .3s;}
|
|
.layui-laydate-footer span:hover{color: #5FB878;}
|
|
.layui-laydate-footer span.layui-laydate-preview{cursor: default; border-color: transparent !important;}
|
|
.layui-laydate-footer span.layui-laydate-preview:hover{color: #666;}
|
|
.layui-laydate-footer span:first-child.layui-laydate-preview{padding-left: 0;}
|
|
.laydate-footer-btns{position: absolute; right: 10px; top: 10px;}
|
|
.laydate-footer-btns span{margin: 0 0 0 -1px;}
|
|
|
|
/* 年月列表 */
|
|
.layui-laydate-list{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; background-color: #fff;}
|
|
.layui-laydate-list>li{position: relative; display: inline-block; width: 33.3%; height: 36px; line-height: 36px; margin: 3px 0; vertical-align: middle; text-align: center; cursor: pointer;}
|
|
.laydate-month-list>li{width: 25%; margin: 17px 0;}
|
|
.laydate-time-list{}
|
|
.laydate-time-list>li{height: 100%; margin: 0; line-height: normal; cursor: default;}
|
|
.laydate-time-list p{position: relative; top: -4px; line-height: 29px;}
|
|
.laydate-time-list ol{height: 181px; overflow: hidden;}
|
|
.laydate-time-list>li:hover ol{overflow-y: auto;}
|
|
.laydate-time-list ol li{width: 130%; padding-left: 33px; height: 30px; line-height: 30px; text-align: left; cursor: pointer;}
|
|
|
|
/* 提示 */
|
|
.layui-laydate-hint{position: absolute; top: 115px; left: 50%; width: 250px; margin-left: -125px; line-height: 20px; padding: 15px; text-align: center; font-size: 12px; color: #FF5722;}
|
|
|
|
|
|
/* 双日历 */
|
|
.layui-laydate-range{width: 546px;}
|
|
.layui-laydate-range .layui-laydate-main{display: inline-block; vertical-align: middle;}
|
|
.layui-laydate-range .laydate-main-list-1 .layui-laydate-header,
|
|
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left: 1px solid #e2e2e2;}
|
|
|
|
|
|
/* 默认简约主题 */
|
|
.layui-laydate, .layui-laydate-hint{border: 1px solid #d2d2d2; box-shadow: 0 2px 4px rgba(0,0,0,.12); background-color: #fff; color: #666;}
|
|
.layui-laydate-header{border-bottom: 1px solid #e2e2e2;}
|
|
.layui-laydate-header i:hover,
|
|
.layui-laydate-header span:hover{color: #5FB878;}
|
|
.layui-laydate-content{border-top: none 0; border-bottom: none 0;}
|
|
.layui-laydate-content th{color: #333;}
|
|
.layui-laydate-content td{color: #666;}
|
|
.layui-laydate-content td.laydate-selected{background-color: #B5FFF8;}
|
|
.laydate-selected:hover{background-color: #00F7DE !important;}
|
|
.layui-laydate-content td:hover,
|
|
.layui-laydate-list li:hover{background-color: #eee; color: #333;}
|
|
.laydate-time-list li ol{margin: 0; padding: 0; border: 1px solid #e2e2e2; border-left-width: 0;}
|
|
.laydate-time-list li:first-child ol{border-left-width: 1px;}
|
|
.laydate-time-list>li:hover{background: none;}
|
|
.layui-laydate-content .laydate-day-prev,
|
|
.layui-laydate-content .laydate-day-next{color: #d2d2d2;}
|
|
.laydate-selected.laydate-day-prev,
|
|
.laydate-selected.laydate-day-next{background-color: #f8f8f8 !important;}
|
|
.layui-laydate-footer{border-top: 1px solid #e2e2e2;}
|
|
.layui-laydate-hint{color: #FF5722;}
|
|
.laydate-day-mark::after{background-color: #5FB878;}
|
|
.layui-laydate-content td.layui-this .laydate-day-mark::after{display: none;}
|
|
.layui-laydate-footer span[lay-type="date"]{color: #5FB878;}
|
|
.layui-laydate .layui-this{background-color: #009688 !important; color: #fff !important;}
|
|
.layui-laydate .laydate-disabled,
|
|
.layui-laydate .laydate-disabled:hover{background:none !important; color: #d2d2d2 !important; cursor: not-allowed !important; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
|
|
|
|
/* 墨绿/自定义背景色主题 */
|
|
.laydate-theme-molv{border: none;}
|
|
.laydate-theme-molv.layui-laydate-range{width: 548px}
|
|
.laydate-theme-molv .layui-laydate-main{width: 274px;}
|
|
.laydate-theme-molv .layui-laydate-header{border: none; background-color: #009688;}
|
|
.laydate-theme-molv .layui-laydate-header i,
|
|
.laydate-theme-molv .layui-laydate-header span{color: #f6f6f6;}
|
|
.laydate-theme-molv .layui-laydate-header i:hover,
|
|
.laydate-theme-molv .layui-laydate-header span:hover{color: #fff;}
|
|
.laydate-theme-molv .layui-laydate-content{border: 1px solid #e2e2e2; border-top: none; border-bottom: none;}
|
|
.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left: none;}
|
|
.laydate-theme-molv .layui-laydate-footer{border: 1px solid #e2e2e2;}
|
|
|
|
/* 格子主题 */
|
|
.laydate-theme-grid .layui-laydate-content td,
|
|
.laydate-theme-grid .layui-laydate-content thead,
|
|
.laydate-theme-grid .laydate-year-list>li,
|
|
.laydate-theme-grid .laydate-month-list>li{border: 1px solid #e2e2e2;}
|
|
.laydate-theme-grid .laydate-selected,
|
|
.laydate-theme-grid .laydate-selected:hover{background-color: #f2f2f2 !important; color: #009688 !important;}
|
|
.laydate-theme-grid .laydate-selected.laydate-day-prev,
|
|
.laydate-theme-grid .laydate-selected.laydate-day-next{color: #d2d2d2 !important;}
|
|
.laydate-theme-grid .laydate-year-list,
|
|
.laydate-theme-grid .laydate-month-list{margin: 1px 0 0 1px;}
|
|
.laydate-theme-grid .laydate-year-list>li,
|
|
.laydate-theme-grid .laydate-month-list>li{margin: 0 -1px -1px 0;}
|
|
.laydate-theme-grid .laydate-year-list>li{height: 43px; line-height: 43px;}
|
|
.laydate-theme-grid .laydate-month-list>li{height: 71px; line-height: 71px;}
|
|
|
|
|