@charset "utf-8";
/* CSS Document */
:root{
	/*--mainColor:rgba(7,56,61,0.8);
	--mainColor:rgba(26,63,52,0.8);*/
	--mainColor:rgba(0,100,79,0.8);
}


@font-face{font-family:"方正正粗黑"; src:url('fonts/FZZCHJW.TTF') format('truetype');}

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; color:#000;}
html,body,div,span,img,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,iframe{margin:0;padding:0; vertical-align:top;}
html, body{width:100%; height:100%;}
body{font-size:14px;}
ul,ol,li{list-style:none;}
textarea{resize:none;}/*textarea禁止拖动改变大小*/
input,select,textarea{outline:0; resize:none;}
table{border-collapse:collapse;}
a{color:#000; text-decoration:none; -webkit-transition:all 0.2s; transition:all 0.2s;}
a:hover{color:#f00;}

.unselectable{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/*文字超出省略号...*/
.nowrap{overflow:hidden;white-space:nowrap;}
.justify{text-justify:inter-ideograph; text-align:justify;}/*文字两端对齐*/

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.hide{display:none !important;}

/* flex布局 */
.flexColumn{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.flexRow{display:flex; align-items:center; justify-content:center;}
.flex{flex:1;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

::-webkit-scrollbar{width:6px; height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{border-radius:6px; background-color:#dfdfdf;}
::-webkit-scrollbar-corner{background-color:transparent;}
*{-webkit-scrollbar-width:none; -webkit-scrollbar-color:#dfdfdf;}

.tableDiv ::-webkit-scrollbar-thumb{background-color:rgba(53,229,195,.6);}
.tableDiv *{-webkit-scrollbar-width:none; -webkit-scrollbar-color:rgba(53,229,195,.6);}

/* title提示框 */
.titleTooltip{font-size:12px; line-height:1.5; position:absolute; z-index:100003;}
.tipsy-arrow{position:absolute; width:0; height:0; line-height:0; border:5px dashed #424242; left:50%; transform:translateX(-50%); border-bottom-style:solid; border-left-color:transparent; border-right-color:transparent;}
.tipsy-arrow-n{border-bottom-color:#424242; border-top:0; top:-5px;}
.tipsy-arrow-s{border-top-color:#424242; border-bottom:0; bottom:-5px;}
.tipsy-inner{background-color:#424242; color:#fff; max-width:200px; padding:5px 8px; text-align:center; border-radius:3px; box-shadow:1px 1px 2px rgba(0,0,0,.3);}


.w20{width:20px!important;}
.w30{width:30px!important;}
.w40{width:40px!important;}
.w50{width:50px!important;}
.w60{width:60px!important;}
.w80{width:80px!important;}
.w100{width:100px!important;}
.w120{width:120px!important;}
.w130{width:130px!important;}
.w140{width:140px!important;}
.w150{width:150px!important;}
.w160{width:160px!important;}
.w180{width:180px!important;}
.w200{width:200px!important;}
.w210{width:210px!important;}
.w230{width:230px!important;}
.w240{width:240px!important;}
.w260{width:260px!important;}
.w270{width:270px!important;}
.w280{width:280px!important;}
.w300{width:300px!important;}
.w400{width:400px!important;}
.w500{width:500px!important;}

.maxw30{max-width:30px!important;}
.maxw50{max-width:50px!important;}
.maxw60{max-width:60px!important;}
.maxw80{max-width:80px!important;}
.maxw100{max-width:100px!important;}
.maxw120{max-width:120px!important;}
.maxw130{max-width:130px!important;}
.maxw150{max-width:150px!important;}
.maxw160{max-width:160px!important;}
.maxw200{max-width:200px!important;}
.maxw230{max-width:230px!important;}
.maxw260{max-width:260px!important;}
.maxw300{max-width:300px!important;}
.maxw400{max-width:400px!important;}
.maxw500{max-width:500px!important;}
.minw100{min-width:100px!important;}
.minw200{min-width:200px!important;}
.minw300{min-width:300px!important;}
.minw400{min-width:400px!important;}
.minw500{min-width:500px!important;}

/* 单选框、复选框重定义样式 */
input[type="radio"], input[type="checkbox"]{-webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0; cursor:pointer; width:16px; height:16px; background-repeat:no-repeat; margin:0;}
input[type="radio"]{background-image:url(../images/cms/radio.png); background-position:0 0;}
input[type="radio"]:hover{background-position:-16px 0;}
input[type="radio"]:checked{background-position:-32px 0;}
input[type="radio"]:disabled,
input[type="radio"]:disabled:hover{background-position:-48px 0;}
input[type="radio"]:checked:disabled,
input[type="radio"]:checked:disabled:hover{background-position:-64px 0;}
input[type="checkbox"]{background-image:url(../images/cms/checkbox.png); background-position:0 0; -webkit-border-radius:2px; border-radius:2px;}
input[type="checkbox"]:hover{background-position:-16px 0;}
input[type="checkbox"]:checked{background-position:-32px 0;}
input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled:hover{background-position:-48px 0; cursor:no-drop;}
input[type="checkbox"]:checked:disabled,
input[type="checkbox"]:checked:disabled:hover{background-position:-64px 0; cursor:no-drop;}


/* 表单 input textarea select */
input.txt, textarea.txt{background-color:#fff; border:1px solid #d9d9d9; color:#555; transition:border linear 0.2s,box-shadow linear 0.2s; outline:none; -webkit-appearance:none; -webkit-user-select:auto; vertical-align:top; border-radius:3px; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; font-size:14px;}
input.txt{height:28px; line-height:28px; padding:0 4px;}
input.txt-sm{height:24px; line-height:24px; font-size:12px;}
input.iDate, input.iTime{width:calc(100% - 28px) !important; background-image:url(../images/cms/iDate.png); background-repeat:no-repeat; background-position:right center; padding:0 22px 0 4px;}
input.iTime{background-image:url(../images/cms/iTime.png);}
input.txtSele{padding:0 14px 0 4px; background-image:url(../images/cms/iSelect.png) !important; background-repeat:no-repeat; background-position:right center !important;}
input.txt::placeholder, textarea.txt::placeholder{color:#aaa;}

/**文本域**/
textarea.txt{padding:2px 4px; height:60px; line-height:20px;}

/**下拉**/
select.sele{height:28px; line-height:28px; margin:0; vertical-align:top; padding:0 16px 0 4px; color:#555; border:1px solid #d9d9d9; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; outline:none; -webkit-appearance:none; background:#fff url(../images/cms/iSelect.png) no-repeat right center; box-sizing:content-box; border-radius:3px; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; font-size:14px;}
select.sele:focus{outline:0; box-shadow:none;}
select.sele-sm{height:24px; line-height:24px; font-size:12px;}

/**聚焦和经过状态**/
input.txt:hover, input.txt:focus, textarea.txt:hover, textarea.txt:focus, .sele:hover,
.sele:focus{background-color:#fff; border:1px solid #179e63; color:#000; box-shadow:none; outline:0;}

/**无效状态**/
input.txt:disabled, input.txt:disabled:hover, input.txt:disabled:focus,
select.sele:disabled, select.sele:disabled:hover, select.sele:disabled:focus{background:#f7f7f7; border:1px solid #d9d9d9; box-shadow:none; color:#888; text-shadow:0 0 1px #fff;}
input.txt:readonly{background-color:#fafafa; border:1px solid #d9d9d9; box-shadow:none; color:#666; text-shadow:0 0 1px #fff;}
input.iDate:readonly, input.iRange:readonly, input.iTime:readonly{background-color:#fff;}

input.txt:hover,
input.txt:focus,
textarea.txt:hover,
textarea.txt:focus,
.sele:hover,
.sele:focus{border-color:#179e63;}

/* 去除 input[type="number"] 的上下箭头 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; appearance:none; margin:0;}

/* Firefox 特有样式 */
input[type="number"]{-moz-appearance:textfield;}


.pagination, .pagination2{height:24px !important; line-height:24px !important; padding:2px !important; padding-left:6px !important; background-color:#f6f6f6; border:1px solid #ddd !important; margin:10px 10px 20px !important; color:#333; font-size:14px !important;}
.pagination2{height:23px !important; line-height:23px !important; padding:2px !important; padding-left:6px !important; margin-top:3px !important; font-size:12px !important;}

/* switch开关 */
.switch{display:block;width:48px; position:relative;height:20px; line-height:20px;border-radius:20px; -moz-border-radius:20px;}
.switch em{font-style:normal;font-size:12px;display:block;position:absolute;}
.switch i{width:14px;height:14px;background-color:#fff; display:block;position:absolute; border-radius:20px; -moz-border-radius:20px;top:3px;}
.switch_sm{width:43px;height:16px; line-height:16px;border-radius:20px; -moz-border-radius:20px;}
.switch_sm em{font-family:"Calibri";}
.switch_sm i{width:12px; height:12px; background-color:#fff; display:block; position:absolute; border-radius:20px; -moz-border-radius:20px; top:2px;}
.switch_on{background-color:#3c3;border:1px solid #3c3}
.switch_on em{color:#fff;left:5px;}
.switch_on i{background-color:#fff;right:3px;}
.switch_off{background-color:#f8f8f8;border:1px solid #ccc}
.switch_off em{color:#999;right:5px;}
.switch_off i{background-color:#ccc;left:3px;}


/***** 公共样式 *****/
/* 实体按钮样式 */
.btn{display:inline-flex; align-items:center; justify-content:center; height:28px; line-height:28px; padding:0 8px; border:#179e63 1px solid; white-space:nowrap; font-size:14px; border-radius:3px; user-select:none; outline:0; cursor:pointer; appearance:button; letter-spacing:1px; box-sizing:content-box; background-color:#179e63; color:#fff !important;}
.btn:hover{opacity:.8;}

/* 按钮颜色 */
.btn-white{background-color:#fff !important; border-color:#c9c9c9 !important; color:#555 !important;}
.btn-white:hover{background-color:#e8f6f0 !important; border-color:#179e63 !important; color:#179e63 !important; opacity:1; filter:alpha(opacity=100);}
.btn-blue{background-color:#2db7f5 !important; border-color:#2db7f5 !important;}
.btn-green{background-color:#00bd59 !important; border-color:#00bd59 !important;}
.btn-orange{background-color:#f80 !important; border-color:#f80 !important;}
.btn-red{background-color:#fa626b !important; border-color:#fa626b !important;}
.btn-gray{background-color:#999 !important; border-color:#999 !important;}
.btn-yellow{background-color:#fdb901 !important; border-color:#fdb901 !important;}
.btn-brown{background-color:#876350 !important;border-color:#876350 !important;}
.btn-primary{background-color:#00ced1 !important;border-color:#00ced1 !important;}
.btn-purple{background-color:#9585bf !important;border-color:#9585bf !important;}
.btn-black{background-color:#2c3e50 !important; border-color:#2c3e50 !important;}
.btn-disabled, .btn-disabled:hover{background-color:#fbfbfb !important; border-color:#e6e6e6 !important; color:#c9c9c9 !important; cursor:not-allowed; opacity:1; filter:alpha(opacity=100);}

/* 单个按钮 */
.btn-single{font-size:0;}
.btn-single .btn{margin-right:10px;}
.btn-single .btn:last-of-type{margin-right:0;}
.btn-single .btn .iconfont, .btn-single .txt-btn .iconfont, .btn-single .btn .fa, .btn-single .txt-btn .fa{padding-right:4px;}

/* 按钮组 */
.btn-group{display:inline-flex; align-items:center; justify-content:center;}/*font-size:0 避免产生空白*/
.btn-group .btn{border-left:1px solid rgba(255,255,255,0.5) !important; border-radius:0;}
.btn-group .btn:first-of-type{border-left:none !important;  border-radius:3px 0 0 3px;}
.btn-group .btn:last-of-type{border-right:none; border-radius:0 3px 3px 0;}
.btn-group .btn-white, .btn-group .btn-white:first-of-type{border-left:#c9c9c9 1px solid !important; border-right:none;}
.btn-group .btn-white:last-of-type{border-right:#c9c9c9 1px solid;}
.btn-group .btn .iconfont{padding-right:4px;}

/* 按钮大小 */
.btn-lg{height:44px; line-height:42px; padding:0 16px; font-size:16px;}
.btn-lg .iconfont{font-size:18px;}
.btn-sm{height:24px;line-height:24px;padding:0 6px;font-size:12px;}
.btn-sm .iconfont{font-size:14px;}
.btn-mini{height:18px; line-height:18px; padding:0 5px; font-size:12px;}
.btn-mini .iconfont{font-size:12px;}
.btn-fluid{width:calc(100% - 2px) !important; padding:0 !important;}
.btn-radius{border-radius:100px; -webkit-border-radius:100px;}

/*文字按钮*/
.txt-btn{display:inline-flex; align-items:center; justify-content:center; height:24px; line-height:24px; padding:0; border:none; white-space:nowrap; font-size:14px; user-select:none; outline:0; cursor:pointer; appearance:button; background:none;}

.btn, .txt-btn{transition:all 0.3s;}
.txt-btn:hover{color:#f90;}

/* 按钮集合、换行按钮有上边距*/
.btn-set{margin-bottom:10px;zoom:1;}
.btn-set .btn{margin-top:6px;}

/*文字颜色*/
.white{color:#fff;}
.blue{color:#016bff;}
.green{color:#00bd59;}
.orange{color:#f80;}
.red{color:#fa626b;}
.gray{color:#999;}
.primary{color:#00ced1;}
.yellow{color:#fdb901;}
.disabled, .disabled:hover{color:#c9c9c9 !important; cursor:not-allowed; opacity:1; filter:alpha(opacity=100);}

/*背景色*/
.bg-blue{background:#28afd0;}
.bg-green{background:#5ed84f;}
.bg-orange{background:#f80;}
.bg-red{background:#fa626b;}
.bg-white{background:#fff;}
.bg-gray{background:#f5f5f5;}

/*带背景状态色*/
.state{display:inline-flex; align-items:center; justify-content:center; height:28px; padding:0 8px; white-space:nowrap; font-size:14px; border-radius:3px; user-select:none; box-sizing:content-box;}
.state-gray{border:#d9d9d9 1px solid; background-color:#eee; color:#999;}
.state-red{border:#fa626b 1px solid; background-color:#ffdfe1; color:#fa626b;}
.state-blue{border:#016bff 1px solid; background-color:#dcebff; color:#016bff;}
.state-green{border:#00bd59 1px solid; background-color:#e0ffef; color:#00bd59;}
.state-orange{border:#f80 1px solid; background-color:#fff4e8; color:#f80;}
.state-primary{border:#00ced1 1px solid; background-color:#e4ffff; color:#00ced1;}
.state-default{border:#179e63 1px solid; background-color:#d5fff1; color:#179e63;}


/* 查询区域 */
.queryRegion{line-height:30px;}
.queryRegion span, .queryRegion button{user-select:none;}

.queryRegion label{margin-left:3px;}
.queryRegion select{width:160px;height:30px; line-height:30px; border:1px solid #ccc; margin-right:12px; border-radius:2px; background-color:#fff;}
.queryRegion .spanBtn{display:block; float:left; border:#e6e6e6 1px solid; margin-right:10px; padding:0 10px; height:28px; line-height:28px; color:#888; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;}
.queryRegion .spanBtn.current{color:#FFF; cursor:default;}
.queryRegion .txtDate{border:1px solid #e6e6e6; height:28px; line-height:28px; width:100px; margin:0 10px; padding:0 30px 0 5px; color:#666;}
.queryRegion .txt{height:28px; line-height:28px;width:90px;border:1px solid #ccc; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-right:12px;padding-left:3px;padding-right:3px;}
.queryRegionRow{width:100%; line-height:30px; padding-bottom:12px;}
.txtDate{background:url(../images/cms/date_icon_01.png) right center no-repeat; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.dataRegion{height:500px;background:#FFF; overflow:auto;padding-bottom:20px;}

/* 弹出层 */
.layerDiv{padding:15px; display:none;}
.layui-layer-btn{font-size:14px;}

/*layer层的第二个按钮样式*/
.layui-layer-btn .layui-layer-btn1{background:#aaa;color:#fff; border:1px solid #aaa;border-radius:2px;}

/* 自定义弹出层 */
.layerBox{border-radius:4px!important;}
.layerBox .layui-layer-title{font-size:16px; font-weight:bold; color:#333; padding-left:15px; -moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; background:#fff; padding:20px 60px 0 40px; border-bottom:0; border-radius:4px 4px 0 0;}
.layerBox .layui-layer-title .iconfont{font-weight:normal; font-size:16px; margin-right:5px;}
.layerBox .layui-layer-setwin{right:20px; top:18px;}
.layerBox .layui-layer-setwin .layui-layer-close1{width:24px; height:24px; line-height:24px; text-align:center; background:none;}
.layerBox .layui-layer-setwin .layui-layer-close1:before{content:"\e601"; font-family:"iconfont"; font-size:18px;}
.layerBox .layui-layer-setwin .layui-layer-close1:hover{transform:rotate(90deg);}
.layerBox .layui-layer-btn{padding:0 40px 40px !important; background:#fff; border-top:0; border-radius:0 0 4px 4px;}
.layerBox .layui-layer-btn a{margin:0 0 0 12px; border-radius:4px;}
.layerBox .layui-layer-btn a:first-of-type{margin-left:0;}
.layerBox .layui-layer-btn .layui-layer-btn0{background:#fff; border-color:#dcdfe6; color:#666;}
.layerBox .layui-layer-btn .layui-layer-btn0:hover{background:#e8f6f0; border-color:#179e63; color:#179e63;}
.layerBox .layui-layer-btn .layui-layer-btn1{background:#179e63; border-color:#179e63; color:#fff;}
.layerBox .layui-layer-btn .layui-layer-btn1:hover{opacity:.8;}
.layerBox .layerDiv{padding:20px 40px 40px;}

.layerOneBtn .layui-layer-btn .layui-layer-btn0{background:#179e63; border-color:#179e63; color:#fff; padding:0 80px;}
.layerOneBtn .layui-layer-btn .layui-layer-btn0:hover{background:#179e63; border-color:#179e63; color:#fff; opacity:.8;}

.popContainer{padding:10px; min-width:600px;}

/*投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色; */
.box-shadow{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1);}
.box-shadow2{-webkit-box-shadow:1px 1px 20px rgba(0,0,0,0.19); box-shadow:1px 1px 20px rgba(0,0,0,0.19);}
.box-shadow3{-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05); box-shadow:0 2px 2px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05);}


.laydate-theme-theme .layui-laydate-header{padding:6px 70px; border-bottom:0;}
.laydate-theme-theme .layui-laydate-header i{top:6px;}
.laydate-theme-theme .layui-laydate-header i, .laydate-theme-theme .layui-laydate-header span{color:var(--lightWhite);}
.laydate-theme-theme .layui-laydate-header i:hover, .laydate-theme-theme .layui-laydate-header span:hover{color:#fff;}



.layerAnimTop{animation:animTop 0.1s ease-out;}
@keyframes animTop{
    0%{transform:translateY(-100%);}
    100%{transform:translateY(0);}
}
.layerAnimRight{animation:animRight 0.1s ease-out;}
@keyframes animRight{
    0%{transform:translateX(100%);}
    100%{transform:translateX(0);}
}


.layui-laydate{margin:0 !important;}


.radioGroup{display:flex; align-items:center; height:30px; overflow:hidden;}
.radioGroup label:not(:first-of-type){margin-left:-1px;}
.radioGroup label input[type="radio"]{display:none;}
.radioGroup label span{border:#d9d9d9 1px solid; display:block; height:28px; line-height:28px; padding:0 15px; color:#606060; cursor:pointer; transition:all .3s; position:relative; z-index:0;}
.radioGroup label span:hover{border-color:#179e63; color:#179e63; z-index:1;}
.radioGroup label:first-of-type span{border-radius:3px 0 0 3px;}
.radioGroup label:last-of-type span{border-radius:0 3px 3px 0;}
.radioGroup label input[type="radio"]:checked + span {background-color:#179e63; color:#fff; border-color:#179e63;}


/* title提示框 */
.titleTooltip{font-size:12px; line-height:1.5; position:absolute; z-index:100003;}
.tipsy-arrow{position:absolute; width:0; height:0; line-height:0; border:5px dashed #000; left:50%; transform:translateX(-50%); border-bottom-style:solid; border-left-color:transparent; border-right-color:transparent;}
.tipsy-arrow-n{border-bottom-color:#000; border-top:0; top:-5px;}
.tipsy-arrow-s{border-top-color:#000; border-bottom:0; bottom:-5px;}
.tipsy-inner{background-color:#000; color:#fff; max-width:200px; padding:5px 8px; text-align:center; border-radius:3px; box-shadow:1px 1px 2px rgba(0,0,0,.3);}

/* 自定义滚动条 */
.zUIpanelScrollBox, .zUIpanelScrollBar{width:5px; top:0; right:0; border-radius:5px;}
.zUIpanelScrollBox{background:#000; opacity:0; filter:alpha(opacity=0);}
.zUIpanelScrollBar{background:#dfdfdf; opacity:1; filter:alpha(opacity=100);}

.cell{display:inline-flex; align-items:center; max-height:20px; line-height:20px; min-width:60px; max-width:100%;}
.cell p{flex:1; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.tableBox{position:relative; font-size:0.14rem; overflow:auto;}
.dataTable{font-size:0.14rem; border:0; min-width:100%;}
.dataTable tr.firstRow td{background:#f5f7fa !important; padding:0.09rem 0.1rem; text-align:center;}
.dataTable tr:not(.firstRow){transition:all 0.5s;}
.dataTable td{height:0.2rem; line-height:0.2rem; position:relative; padding:0.09rem 0.1rem; border:#ebeef5 1px solid; position:relative;}
.dataTable td.headTd{background:#f5f7fa !important; color:#666;}
.dataTable td.infoTd{background:#fff !important;}


/*2、冻结行列表格*/
/* 表格样式 */
.freezeBox{width:100%; overflow:auto;}
.freezeTable{min-width:100%; table-layout:fixed; border:0; border-collapse:inherit; font-size:0.14rem;}
.freezeTable th,
.freezeTable td{padding:0.09rem 0.1rem; white-space:nowrap; border:none;}
.freezeTable thead{position:sticky !important; top:0; z-index:20;}
.freezeTable thead th, .freezeTable thead td{text-align:center; line-height:.2rem;}
.freezeTable tr:not(.firstRow){transition:all .5s;}
.freezeTable tr:not(.firstRow):hover td{background:#f5f5f5 !important;}
.freezeTable .fixedCol{z-index:22;}
.freezeTable tbody{position:relative; z-index:1;}
.freezeTable tbody tr:last-of-type td{border-bottom:none;}
.freezeTable tfoot{position:sticky !important; bottom:0; z-index:20;}

/* 固定列通用样式 */
.fixedCol{position:sticky !important; z-index:10;}

/* 新增：只有在需要时才显示阴影 */
.fixedLeftEdge.hasLeftShadow{box-shadow:3px 0 3px -1px rgba(0,0,0,0.1);}
.fixedRightEdge.hasRightShadow{box-shadow:-3px 0 3px -1px rgba(0, 0,0,0.1);}


/* 冻结行列表格 */
.freeze-table-container{position:relative; overflow:auto; width:100%; max-width:100%;}
.freeze-table{min-width:100%; border-collapse:inherit; font-size:0.14rem;}
.freeze-table th, .freeze-table td{padding:.09rem .1rem; white-space:nowrap; border:none; border-bottom:#ebeef5 1px solid; background:#fff; border:none;}
.freeze-table .freeze-col{position:sticky; z-index:25;}
.freeze-table thead th, .freeze-table tfoot th, .freeze-table thead td, .freeze-table tfoot td{position:sticky; z-index:30; background:#f5f7fa;}
.freeze-table thead .freeze-col, .freeze-table tfoot .freeze-col{z-index:35;}
.freeze-table thead th, .freeze-table thead td{top:0;}
.freeze-table tfoot th, .freeze-table tfoot td{bottom:0;}
.freeze-table tbody tr:hover td{background:#f5f5f5;}
.freeze-table tbody tr.selected td{background:#f5f5f5 !important;}

/* 左右侧边缘列（用于阴影） */
.freeze-col-left-edge.has-shadow{box-shadow:3px 0 3px -1px rgba(0,0,0,.1);}
.freeze-col-right-edge.has-shadow{box-shadow:-3px 0 3px -1px rgba(0,0,0,.1);}


.hasTooltip{position:relative;}
.hasTooltip .tooltip{position:absolute; top:0; left:50%; transform:translateX(-50%); line-height:16px; background:#179e63; color:#fff; padding:5px 8px; border-radius:5px; box-shadow:0 10px 10px rgba(0,0,0,.1); opacity:0; pointer-events:none; transition:all .3s cubic-bezier(.68,-.55,.265,1.55); font-size:12px; white-space:nowrap; z-index:1000;}
.hasTooltip .tooltip::before{position:absolute; content:""; height:8px; width:8px; background:#179e63; bottom:-3px; left:50%; transform:translate(-50%) rotate(45deg); transition:all .3s cubic-bezier(.68,-.55,.265,1.55);}
.hasTooltip .tooltip.left{top:50%; left:auto; right:0; transform:translate(0,-50%);}
.hasTooltip .tooltip.left::before{left:auto; right:-4px; bottom:auto; top:50%; transform:translateY(-50%) rotate(45deg);}
.hasTooltip .tooltip.bottom::before{bottom:auto; top:-3px;}
.hasTooltip:hover .tooltip{top:calc(-100% - 6px); opacity:1; visibility:visible; text-shadow:0 -1px 0 rgba(0,0,0,.1);}
.hasTooltip:hover .tooltip.left{top:50%; right:100%;}
.hasTooltip:hover .tooltip.bottom{top:calc(100% + 6px);}

#mapDiv{width:100%; height:100%; position:fixed; left:0; top:0;}
.mapWrap{margin:20px; height:calc(100% - 40px);}
.mapBox{position:relative; height:100%;}
.mapBox #mapDiv{position:absolute; z-index:1;}
.mapBox .content{height:100%; z-index:2;}

/*  隐藏天地图logo */
.tdt-control-copyright img, .tdt-control-copyright {display:none !important;}

/* 地图标注点 */
.mapMark{display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:30px 30px 30px 0; transform:rotate(-45deg); animation: bounce 1s infinite ease-in-out;}
.mapMark .iconfont{font-size:16px; transform:rotate(45deg); display:flex; align-items:center; justify-content:center; background:#fff; border-radius:50%; width:24px; height:24px;}
.iconBg-skyBlue{background:#26bfef; border:#26bfef 2px solid; color:#26bfef!important;}
.iconBg-gold{background:#ffc205; border:#ffc205 2px solid; color:#ffc205!important;}
.iconBg-blue{background:#2582f4; border:#2582f4 2px solid; color:#2582f4!important;}
.iconBg-red{background:#ed4b4b; border:#ed4b4b 2px solid; color:#ed4b4b!important;}
.iconBg-green{background:#3eaf6b; border:#3eaf6b 2px solid; color:#3eaf6b!important;}
.iconBg-orange{background:#f90; border:#f90 2px solid; color:#f90!important;}
.iconBg-pink{background:#fa6992; border:#fa6992 2px solid; color:#fa6992!important;}
.iconBg-purple{background:#8657e2; border:#8657e2 2px solid; color:#8657e2!important;}
.mapMark.offline{background:#999!important; border:#999 2px solid!important; color:#999!important;}
@keyframes bounce{
	0%, 100%{transform:translateY(0) rotate(-45deg);}
	50%{transform:translateY(-5px) rotate(-45deg);}
}

@keyframes bounce2{
     0%, 100%{top:1px;}
     50% {top: -1px;}
}

.tdt-marker-icon {
    animation: bounce2 1s infinite ease-in-out;
    filter: drop-shadow(3px 1px 3px rgba(0, 0, 0, 0.3));
}

.tdt-label{padding:0!important;}
.tdt-infowindow-content-wrapper{background:var(--mainColor) !important; border-radius:0.1rem;}
.tdt-infowindow-content{margin:20px !important;}
.tdt-container a.tdt-infowindow-close-button{color:rgba(255,255,255,0.7)!important;}
.tdt-container a.tdt-infowindow-close-button:hover{color:#fff!important;}
.mapInfoContent{color:#fff; font-size:16px; min-width:200px;}
.mapInfoContent h3{line-height:25px; text-align:center; font-size:16px;}
.mapInfoContent ul{padding-top:10px;}
.mapInfoContent li{line-height:24px; font-size:14px;}
.mapInfoContent .btnBox{padding-top:10px; display:flex; align-items:center; justify-content:center;}
.mapInfoContent .btnBox .btn{margin:0 5px; padding:0 10px;}
.tdt-infowindow-tip-container .tdt-infowindow-tip{background:var(--mainColor);}
.tdt-label{padding:0 0.1rem!important;}

/* 地图页面 */
.container{width:100vw; height:100vh; overflow:hidden; display:flex; flex-direction:column; min-width:1260px;}
.header{height:0.729rem; position:relative; z-index:10; background:var(--mainColor); color:#fff; display:flex; align-items:center;}
.headMenu{display:flex; align-items:center;}
.headMenu .line-btn{border:#45daae 0.01rem solid; background:rgba(19,56,43,0.5); color:#45daae; height:.35rem; line-height:.35rem; border-radius:.4rem; margin-left:.1rem; font-size:.16rem; padding:0 .2rem;}
.headMenu .line-btn:hover{border-color:#fff; color:#fff;}
.headerR{height:0.37rem; padding:0.1rem 0; display:flex; align-items:center; margin-left:.5rem;}

.logo{flex:1; display:flex; align-items:center; height:0.48rem; line-height:0.48rem; font-size:0.32rem; text-shadow:0 0 4px rgba(102,231,255,0.13); background:linear-gradient(180deg, #fff, #24bbcb); -webkit-background-clip:text; -webkit-text-fill-color:transparent; padding:0 0.15rem;}
.logo img{height:0.48rem; margin-right:0.15rem;}
.logo span{font-family:"方正正粗黑";}

.headerR{justify-content:flex-end;}
.headerR span{font-size:0.14rem; margin-right:0.1rem; white-space:nowrap;}
.headerR .sele{width:2rem; height:0.35rem;}
.headerR .custom-select__trigger{height:0.35rem; border:#45daae 0.01rem solid; background:rgba(19,56,43,0.5); padding:0 30px 0 5px;}
.headerR .custom-select__trigger::after{border-top-color:rgba(255,255,255,0.7);}
.headerR .custom-select__placeholder{color:rgba(255,255,255,0.7);}
.headerR .option-item input{display:none;}
.headerR .select-dropdown{background:rgba(19,56,43,0.8); border:0; width:100%; color:#45daae;}
.headerR .option-item.selected{background:rgba(255,255,255,0.2);}
.headerR .option-item:hover{background:rgba(255,255,255,0.1);}
.headerR .exit{color:#79ffd7; font-size:0.2rem; margin:0 0.15rem; height:0.35rem; line-height:0.35rem;}


.content{flex:1; display:flex; pointer-events:none; overflow:hidden; position:relative;}
.leftSide{width:20%; position:relative; pointer-events:auto; transition:all 1s; color:#fff; display:flex; flex-direction:column; position:absolute; left:0.1rem; top:0.1rem; bottom:0.1rem;}
.leftSide .iTitle{height:0.28rem; line-height:0.28rem; display:flex; align-items:flex-end;}
.leftSide .iTitle p{flex:1; font-size:0.18rem; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.leftSide .iTitle span{font-size:0.13rem;}
.leftSide .seleBox{margin-left:0.05rem;}
.leftSide .seleBox .sele{background:url(../images/cms/iSelect2.png) no-repeat right center; color:#fff; border-radius:0.8rem; height:0.24rem; line-height:0.24rem; font-size:.12rem;}
.leftSide .seleBox .sele option{color:#333;}

/* 首页整体长势 */
.overallGrowth{width:calc(100% - 0.4rem); padding:0.2rem; height:3rem; background:var(--mainColor); border-radius:0.1rem; display:flex; flex-direction:column;}
.overallGrowthChart{flex:1; width:100%;}

/* 首页生育期占比 */
.growthPeriod{width:calc(100% - 0.4rem); padding:0.2rem; background:var(--mainColor); border-radius:0.1rem; margin-top:0.1rem; display:flex; flex-direction:column;}
.growthPeriodProportion{flex:1; width:100%;}
.growthPeriodProportion .item{padding:0.1rem 0; display:flex; align-items:center;}
.growthPeriodProportion h3{width:0.8rem; line-height:0.3rem; text-align:right; font-size:0.14rem; font-weight:normal;}
.growthPeriodProportion p{flex:1; height:0.1rem; border-radius:0.1rem; background:rgba(167,0,255,0.4); margin:0 0.1rem; position:relative;}
.growthPeriodProportion p i{display:block; height:0.1rem; border-radius:0.1rem; background:#a700fe; position:absolute; left:0; top:0;}
.growthPeriodProportion .item:nth-of-type(2) p{background:rgba(51,221,247,0.4);}
.growthPeriodProportion .item:nth-of-type(2) p i{background:#33ddf7;}
.growthPeriodProportion .item:nth-of-type(3) p{background:rgba(36,116,239,0.4);}
.growthPeriodProportion .item:nth-of-type(3) p i{background:#2474ef;}

/* 首页土壤墒情 */
.soilMoisturePanel{flex:1; width:calc(100% - 0.4rem); padding:0.2rem; background:var(--mainColor); border-radius:0.1rem; margin-top:0.1rem; display:flex; flex-direction:column;}
.soilMoisturePanel .soilMoistureChart{flex:1; width:100%;}


.contentSide{flex:1; height:calc(100% - 0.2rem); margin:0.1rem calc(20% + 0.1rem); display:flex; position:relative; transition:all 1s;}
.contentSide.chartHide{margin-right:0;}
.contentSide.leftSideHide{margin-left:0;}

.contentSide .menuBtn{position:absolute; left:.1rem; top:0; pointer-events:auto; display:flex; flex-direction:column;}
.contentSide .menuBtn .btn{width:.45rem; height:.45rem; display:flex; align-items:center; justify-content:center; padding:0; border-radius:.45rem; margin-bottom:0.1rem; background:var(--mainColor); transition-duration:.3s; box-shadow:2px 2px 10px rgba(0,0,0,.199); border:none; overflow:hidden;}
.contentSide .menuBtn .btn .iconfont{width:100%; transition-duration:.3s; display:flex; align-items:center; justify-content:center; font-size:.24rem;}
.contentSide .menuBtn .btn p{width:0; opacity:0; font-size:.16rem; transition-duration:.3s;}
.contentSide .menuBtn .btn:hover{width:auto; padding:0 0.2rem; transition-duration:.3s; background:#0c4639!important; color:#15d9ce!important; opacity:1;}
.contentSide .menuBtn .btn:hover .iconfont{width:auto; transition-duration:.3s; padding-right:.1rem;}
.contentSide .menuBtn .btn:hover p{opacity:1; width:auto; transition-duration:.3s;}
.contentSide .menuBtn .btn:active{transform:translate(2px,2px);}


.leftMenu{overflow:hidden; display:flex; position:absolute; left:0; top:0;}
.mainMenu{display:flex; flex-direction:column; width:0.42rem; pointer-events:auto;}
.mainMenu a{display:block; height:0.4rem; line-height:0.4rem; text-align:center; font-size:0.16rem; border:var(--mainColor) 0.01rem solid; background:var(--mainColor); border-radius:0.5rem; margin-bottom:0.15rem; color:#fff; position:relative; z-index:10;}
.mainMenu a .iconfont{padding-right:4px; font-size:0.18rem;}
.mainMenu a.active{background:rgba(16,157,137,0.8); border-color:rgba(90,254,204,0.8);}
.subMenu{width:1rem; padding-left:0.15rem; pointer-events:auto;}
.subMenu a{display:block; height:0.4rem; line-height:0.4rem; font-size:0.16rem; border:var(--mainColor) 0.01rem solid; background:var(--mainColor); border-radius:0.5rem; padding:0 0.2rem; margin-bottom:0.15rem; color:#fff; position:relative; z-index:10;}
.subMenu a .iconfont{padding-right:4px; font-size:0.18rem;}
.subMenu a.active{background:rgba(16,157,137,0.8); border-color:rgba(90,254,204,0.8);}

.mapTool{position:absolute; right:0.1rem; top:0; pointer-events:auto;}
.mapTool .toolBtn{width:0.42rem; display:flex; flex-direction:column;}
.mapTool .toolBtn>li{display:flex; align-items:center; justify-content:center; width:0.42rem; height:0.42rem; background:var(--mainColor); color:#fff; border-radius:0.06rem; margin-bottom:0.1rem; cursor:pointer; position:relative;}
.mapTool .toolBtn>li>em.iconfont{font-size:0.26rem;display:flex; align-items:center; justify-content:center; width:0.42rem; height:0.42rem; border-radius:0.06rem;}
.mapTool .toolBtn ul{min-width:0.6rem; padding:0.1rem; background:var(--mainColor); color:#fff; font-size:0.14rem; white-space:nowrap; position:absolute; right:0.52rem; top:50%; transform:translateY(-50%); display:flex; flex-direction:column;}
.mapTool .toolBtn ul:after{display:block; content:""; width:0; height:0; border-color:transparent; border-width:6px; border-style:solid; border-left:6px var(--mainColor) solid; position:absolute; right:-12px; top:50%; transform:translateY(-50%);}
.mapTool .toolBtn ul li{padding-top:0.1rem;}
.mapTool .toolBtn ul li:first-of-type{padding-top:0;}
.mapTool .toolBtn ul li button{background:none; color:#fff; line-height:0.2rem; font-size:0.14rem; border:0;}
.mapTool .toolBtn ul li button.active, .mapTool .toolBtn ul li button[isopen="true"]{color:#79ffd7;}

.mapToolCenter{left:50%; right:auto; transform:translateX(-50%);}
.mapToolCenter .toolBtn{flex-direction:row; width:auto;}
.mapToolCenter .toolBtn>li{margin:0 0.05rem;}
.mapToolCenter .toolBtn ul{top:0.52rem; right:auto; left:50%; transform:translate(-50%,0);}
.mapToolCenter .toolBtn ul:after{border-left-color:transparent; border-bottom:6px var(--mainColor) solid; right:auto; top:-12px; left:50%; transform:translate(-50%,0);}


.layerPanel{width:1.4rem; background:var(--mainColor); border-radius:0.06rem; padding:0.1rem; color:#fff; font-size:0.14rem; line-height:0.25rem; position:absolute; right:0.52rem; top:0;}
.layerPanel p{display:flex; align-items:center; height:0.25rem; line-height:0.25rem;}
.layerPanel p .checkbox{flex:1;}
.layerPanel p .iconfont{font-size:0.14rem; transition:all 0.3s; cursor:pointer;}
.layerPanel p .iconfont:hover{transform:rotate(90deg);}
.layerPanel .checkbox{display:block; height:0.25rem; line-height:0.25rem; padding-left:0.25rem; position:relative;}
.layerPanel .checkbox:before, .layerPanel .checkbox:after{display:block; content:""; width:0.14rem; height:0.14rem; line-height:0.14rem; text-align:center; font-size:0.12rem; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0; border-radius:0.03rem;}
.layerPanel .checkbox:after{background:#3eaf6b; opacity:0; content:"✔";}
.layerPanel .checkbox.checked:after{opacity:1;}
.layerPanel input[type="checkbox"]{display:none;}
.layerPanel ul{padding-top:0.05rem; margin-top:0.05rem; border-top:#fff 1px solid;}

.legend{position:absolute; right:0.1rem; bottom:0.1rem; min-width:0.6rem; padding:0.1rem; border-radius:0.08rem; background:var(--mainColor); color:#fff;}
.legendTitle{line-height:0.18rem; padding-bottom:0.08rem; font-size:0.14rem;}
.legendContent{display:flex;}
.legendColor{width:0.16rem; background:linear-gradient(#BA1414, #F2AE79, #B8DB84, #018506, #FFFFFF);}
.legendName{flex:1; padding-left:0.06rem; display:flex; flex-direction:column;}
.legendName .name{flex:1; font-size:0.12rem; line-height:0.14rem; color:#d8d8d8;}


.rightSide{width:calc(20% - 0.4rem); padding:0.2rem; background:var(--mainColor); position:relative; border-radius:0.1rem; pointer-events:auto; transition:all 1s; color:#fff; display:flex; flex-direction:column; position:absolute; right:0.1rem; top:0.1rem; bottom:0.1rem;}
.rightSide.close{right:-25%;}
.rightSide.close .closeRight{display:none;}
.closeRight{position:absolute; right:0.06rem; top:0.06rem; display:flex; align-items:center; justify-content:center; width:0.18rem; height:0.18rem; font-size:0.14rem; color:#fff; transition:all 0.3s; cursor:pointer;}
.closeRight:hover{transform:rotate(90deg);}
.rightSide .iTitle{height:0.28rem; line-height:0.28rem; display:flex; align-items:flex-end;}
.rightSide .iTitle p{flex:1; font-size:0.18rem;}
.rightSide .iTitle span{font-size:0.13rem;}
.chartTab{display:flex; flex-wrap:wrap; align-items:center; padding-top:0.05rem;}
.chartTab p{margin:0.05rem 0.05rem 0 0; padding:0 0.15rem; height:0.24rem; line-height:0.24rem; font-size:0.14rem; border-radius:0.5rem; border:#45daae 0.01rem solid; background:rgba(19,56,43,.5); cursor:pointer; color:#cbfff1;}
.chartTab p.active{color:#15d9ce;}
.rightSide .chart{height:3rem; margin-top:0.1rem;}
.chartTooltipTitle{font-size:0.14rem; line-height:0.24rem;}
.chartTooltipContent{padding-top:0.05rem;}
.chartTooltipContent .item{display:flex; align-items:center; line-height:0.2rem; font-size:0.12rem;}
.chartTooltipContent .item .bg{display:block; width:0.1rem; height:0.1rem; border-radius:0.1rem;}
.chartTooltipContent .item .key{flex:1; padding-left:0.1rem;}
.chartTooltipContent .item .val{text-align:right; padding-left:0.1rem;}


.tableDiv{flex:1; margin-top:0.2rem; overflow:hidden;}
.tableDiv .freezeBox{margin-top:0.1rem; max-height:calc(100% - 0.4rem);}
.tableDiv .freezeTable thead .firstRow td{background:#13503f !important;}
.tableDiv .freezeTable tr:not(.firstRow):hover td{background:rgba(0,0,0,.2)!important;}

.tableDiv .freeze-table-container{margin-top:0.1rem; max-height:calc(100% - 0.4rem);}
.tableDiv .freeze-table td{background:transparent;}
.tableDiv .freeze-table thead td{background:#13503f !important;}
.tableDiv .freeze-table tbody tr:hover td{background:rgba(0,0,0,.2)!important;}

/* 普通页面 */
.mContainer{min-width:1200px; min-height:700px; height:100vh; display:flex; flex-flow:column; position:relative; background:#f1f2f8;}
.mContainer:before{display:block; content:""; width:100%; height:21vh; background:url(../images/headBg.jpg) no-repeat center center / cover; position:absolute; left:0; top:0; z-index:0; pointer-events:none;}

/* 页头 */
.mHead{height:70px; line-height:70px; position:relative; z-index:102; display:flex; align-items:center;}
.mHead .mLogo{flex:1; line-height:70px; padding-left:15px; display:flex; align-items:center; gap:10px;}
.mHead .mLogo img{height:40px;}
.mHead .mLogo p{font-family:"方正正粗黑"; font-size:28px; color:#fff;}


.userInfo{height:50px; line-height:50px; padding:0 15px; color:#fff; position:relative;}
.userInfo p{font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; font-size:14px; cursor:pointer;}
.userInfoMenu{border:1px solid #ebebeb; padding:5px 0; visibility:hidden; margin-top:10px; background-color:#fff; position:absolute; top:50px; right:15px; transition:all 0.2s; opacity:0; z-index:102; box-shadow:0 5px 10px rgba(0,0,0,.15); color:#666; border-radius:5px; white-space:nowrap;}
.userInfoMenu:before{display:block; content:""; width:0; height:0; border-color:transparent; border-width:6px; border-style:solid; border-bottom:6px #fff solid; position:absolute; right:13%; top:-12px;}
.userInfoMenu .userRole{padding:0 12px; max-width:360px; border-bottom:#ebebeb 1px solid;}
.userInfoMenu .userRole h2{height:32px; line-height:32px; font-size:14px;}
.userInfoMenu .userRole h2 .iconfont{padding-right:5px; font-weight:normal;}
.userInfoMenu .userRole ul{padding-bottom:5px;}
.userInfoMenu .userRole ul li{line-height:20px; padding:4px 0 4px 21px; position:relative;}
.userInfoMenu .userRole ul li .iconfont{display:none; width:21px; height:20px; line-height:20px; position:absolute; left:0; top:4px;}
.userInfoMenu .userRole ul li a.current{color:#22ac38;}
.userInfoMenu .userRole ul li a.current .iconfont{display:block;}
.userInfoMenu .editPWD{padding:0 12px; min-width:100px; height:48px; line-height:48px; border-bottom:#ebebeb 1px solid;}
.userInfoMenu .editPWD a{display:block; height:48px; line-height:48px;}
.userInfoMenu .editPWD a .iconfont{padding-right:5px;}
.userInfoMenu .editPWD a:hover{color:#f90;}
.userInfoMenu .userExit{padding:12px; height:32px; text-align:center;}
.userInfoMenu .userExit a{display:block; height:30px; line-height:30px; border:#e3e4e6 1px solid;}
.userInfoMenu .userExit a:hover{background:#f90; border-color:#f90; color:#fff;}
.userInfo:hover .userInfoMenu{margin-top:0; visibility:visible; opacity:1;}

/* 内容 */
.mContent{flex:1; width:100%; display:flex; overflow:hidden; position:relative; z-index:10;}
/* Left、Right、Bottom 部分 */
.mLeft{width:200px; user-select:none; background:#fff; border-radius:0 10px 0 0; display:flex; flex-flow:column; height:100%; margin-right:10px; overflow:auto;}
.menuList li p{display:flex; align-items:center; padding:10px 16px; height:20px; line-height:20px; cursor:pointer; transition:all .3s; font-size:16px;}
.menuList li p .iconfont{display:block; width:18px; height:18px; text-align:center; position:relative; border-radius:3px; background:#bababa; color:#fff; transition:all .3s;}
.menuList li p .iconfont::before{display:block; width:36px; height:36px; line-height:36px; font-size:20px; transform:scale(.5) translate(-50%,-50%); transform-origin:left top; position:absolute; left:50%; top:50%;}
.menuList li p span{flex:1; padding:0 6px;}
.menuList li:has(ul)>p::after{display:block; content:"\ec7f"; font-family:"iconfont"; font-size:14px;}
.menuList li:has(ul).open>p::after{transform:rotate(90deg);}
.menuList li:has(ul) p:hover{color:#179e63;}
.menuList li:not(:has(ul)) p:hover{background:#e8f6f0;}         
.menuList li.active>p{background:#e8f6f0; color:#179e63;}
.menuList ul{display:none;}
.menuList ul li p{padding-left:40px; font-size:14px;}
.menuList ul ul li p{padding-left:60px;}
.menuList li:has(ul).open>p{color:#179e63;}
.menuList li:has(ul).open>p>.iconfont, .menuList li.active>p>.iconfont{background:#179e63; color:#fff;}


.rightSetBox .layerDiv{padding:0 20px 10px;}


.formBox li{padding-bottom:24px;}
.formBox li:last-of-type{padding-bottom:0;}
.formBox li p{line-height:22px; padding-bottom:8px; font-size:14px;}
.formBox li p .red{padding-right:5px;}
.formBox li .txt{width:calc(100% - 32px); height:38px; line-height:38px; border-radius:4px; padding:0 15px;}


/* 右侧内容 */
.mRight{flex:1; height:100%; overflow:hidden; background:#fff; border-radius:10px 0 0 0; display:flex; flex-direction:column;}

/* 二级页面标题 */
.titleTab{padding:0 30px; height:50px; line-height:50px; background:#f3f3f3; display:flex; align-items:center; border-radius:10px 0 0 0;}
.tabLeft{display:flex; flex:1; align-items:center;}
.tabRight{padding-left:20px; display:flex; align-items:center;}
.tabRight span{font-size:18px; color:#179e63;}
.tabRight .btn{margin-left:20px; font-size:14px; padding:0 15px;}
.tabRight .btn .iconfont{padding-right:5px;}
.titleTab a, .titleTab p{display:inline-flex; align-items:center; font-size:18px; position:relative; padding:0 25px;}
.titleTab a:hover{color:#33a674;}
.titleTab .current{background:#fff; color:#33a674;}

/* 搜索层组 */
.searchGroup{padding:15px 30px; display:flex; flex-wrap:wrap; align-items:flex-start;}
.searchGroupL{display:flex; flex-wrap:wrap; align-items:flex-start; flex:1;}
.searchGroupR{display:flex; align-items:flex-start; padding:5px 0;}
.searchGroupR .btn{margin-left:10px; display:flex; align-items:center; justify-content:center;}
.searchGroupR .btn .iconfont{padding-right:5px;}
.searchGroup .itemRadio{display:flex; align-items:center; border-radius:3px; overflow:hidden; padding-right:20px; margin:5px 0;}
.searchGroup .itemRadio p{padding:0 15px; height:28px; line-height:28px; border:#d9d9d9 1px solid; cursor:pointer; position:relative; z-index:0;}
.searchGroup .itemRadio p:first-of-type{border-radius:3px 0 0 3px;}
.searchGroup .itemRadio p:last-of-type{border-radius:0 3px 3px 0;}
.searchGroup .itemRadio p:not(:first-of-type){margin-left:-1px;}
.searchGroup .itemRadio p.active{background:#179e63; border-color:#179e63; color:#fff; z-index:1;}
.searchGroup .item{width:240px; padding:5px 20px 5px 0; display:flex; align-items:center; overflow-x:hidden;}
.searchGroup .item.full{width:100%; padding:5px 0;}
.searchGroup .item p{width:80px; text-align:right; line-height:30px; white-space:nowrap;}
.searchGroup .itemCon{flex:1;}
.searchGroup .item .txt{width:calc(100% - 10px);}
.searchGroup .item .sele{width:calc(100% - 20px);}
.searchGroup .itemBtn{width:auto; padding-right:0;}
.searchGroup .item .btn:not(:first-of-type){margin-left:10px;}
.searchGroup .item .dateRange{flex:1; height:28px; line-height:28px; padding:0 10px 0 34px; background:url(../images/cms/iDate.png) no-repeat 10px center; border:#d9d9d9 1px solid; border-radius:3px; display:flex; align-items:center; transition:all .3s;}
.searchGroup .item .dateRange.disabled{background-color:#f7f7f7; cursor:no-drop; border-color:#eee;}
.searchGroup .item .dateRange:not(.disabled):hover{border-color:#33a674;}
.searchGroup .item .dateRange .txt{width:80px; border:0; padding:0; text-align:center;}
.searchGroup .item .dateRange .txt:focus, .searchGroup .item .dateRange .txt:hover{border:0;}
.searchGroup .item .dateRange span{padding:0 5px; flex:1; text-align:center;}


.tabContent{flex:1; overflow:hidden; display:flex; flex-direction:column; width:100%;}

/* 面板标题 */
.panelH{height:40px; line-height:40px; display:flex; align-items:center;}
.panelH p{height:40px; padding-left:12px; flex:1; font-size:20px; position:relative;}
.panelH p:before{display:block; content:""; width:4px; height:18px; background:#33a674; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.panelH p span{font-size:14px; padding-left:20px;}
.panelH .sele{width:180px; border-radius:30px; background-position:190px center; padding:0 20px 0 10px;}
.panelH a{margin-left:20px;}

/* 监控设备page */
.equipmentList{width:calc(100% - 40px); max-height:calc(100% - 51px); padding:0 20px; overflow:auto;}
.equipmentList ul{display:flex; flex-wrap:wrap; width:calc(100% - 40px);}
.equipmentList li{width:calc(25% - 22px); min-width:364px; min-height:246px; border-radius:10px; background:#f7fbf9; border:#c8e5d9 1px solid; margin:0 10px 20px; transition:all .3s;}
.equipmentList li:hover{box-shadow:0 2px 8px rgba(0,0,0,.2);}
.equipmentList li.addBtn .txt-btn{display:flex; flex-flow:column; align-items:center; justify-content:center; width:100%; height:100%; background:#f0f7f4; border-radius:10px;}
.equipmentList li.addBtn .txt-btn .iconfont{display:block; line-height:56px; font-size:50px; color:#33a674;}
.equipmentList li.addBtn .txt-btn p{padding-top:10px; font-size:14px; color:#666;}
.equipmentList li h3{line-height:30px; padding:5px 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:normal; border-bottom:#c8e5d9 1px solid; background:#e9f4ef; border-radius:10px 10px 0 0;}
.equipmentList .itemCon{display:flex; align-content:center; padding:15px; overflow:hidden;}
.equipmentList .itemCon .pic{width:90px; height:128px; overflow:hidden; display:flex; align-items:center; justify-content:center; margin-right:15px; background:url(../images/nopic.jpg) no-repeat center center / cover;}
.equipmentList .itemCon .pic img{object-fit:cover; cursor:zoom-in; max-height:100%;}
.equipmentList .subItem{overflow:hidden; flex:1;}
.equipmentList .subItem p{display:flex;}
.equipmentList .subItem span{display:block; line-height:32px; color:#777; font-size:14px;}
.equipmentList .subItem span:after{content:"：";}
.equipmentList .subItem label{display:block; height:32px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex:1;}
.equipmentList .btnBox{padding:10px 0; margin:0 15px; border-top:#d0e9de 1px solid; display:flex; justify-content:flex-end;}
.equipmentList .btnBox .btn{height:24px; line-height:24px; padding:0 10px; text-align:center; margin-left:6px; display:flex; align-items:center; justify-content:center; font-size:14px;}
.equipmentList .btnBox .btn:first-of-type{margin-left:0;}
.equipmentList .btnBox .moreBtn{position:relative; margin-left:6px;}
.equipmentList .btnBox .moreBtn ul{width:100px; position:absolute; left:50%; transform:translateX(-50%); bottom:calc(100% + 7px); background:#fff; box-shadow:0 3px 8px rgba(0,0,0,0.2); border:#c8e5d9 1px solid; border-radius:4px; transition:all 0.2s ease-in-out; opacity:0; visibility:hidden;}
.equipmentList .btnBox .moreBtn ul:before, .equipmentList .btnBox .moreBtn ul:after{display:block; content:""; width:0; height:0; border-color:transparent; border-width:6px; border-style:solid; position:absolute; left:50%; transform:translateX(-50%); bottom:-14px; border-top:6px #c8e5d9 solid;}
.equipmentList .btnBox .moreBtn ul:after{bottom:-11px; border-top-color:#fff;}

.equipmentList .btnBox .moreBtn li{min-width:100%; min-height:30px; margin:0; line-height:30px; border-radius:0; border:0; text-align:center; cursor:pointer; background:#fff;}
.equipmentList .btnBox .moreBtn li:first-of-type{border-radius:4px 4px 0 0;}
.equipmentList .btnBox .moreBtn li:last-of-type{border-radius:0 0 4px 4px;}
.equipmentList .btnBox .moreBtn li:hover{box-shadow:none; background:#f0f7f4; color:#33a674;}
.equipmentList .btnBox .moreBtn:hover ul{margin:0; opacity:1; visibility:visible;}


.page01{padding:10px 30px; text-align:center; height:30px; line-height:30px; border-top:#e5e5e5 1px solid; display:flex; align-items:center; justify-content:center;}
.page01.DLpagenation_default{margin-top:0;}
.page01.DLpagenation_default span{line-height:30px; color:#333; margin-right:15px;}
.page01.DLpagenation_default a{padding:0 10px; background-color:#f1eff0;margin:0 1px; border-radius:2px; border:1px solid #cecece; display:block; height:28px; line-height:28px;}
.page01.DLpagenation_default .curpage{color:#333;font-weight:bold;background-color:#FFF;}
.page01.DLpagenation_default label:first-of-type{margin-left:15px!important;}
.page01.DLpagenation_default label:last-of-type{margin-left:0!important;}
.page01.DLpagenation_default .gotoNumber{margin:0 3px!important; height:28px; line-height:28px; width:40px; text-align:center; border-radius:2px;}
.page01.DLpagenation_default .gotoNumberConfirm{width:auto; padding:0 15px; background:#179e63; border:#179e63 1px solid; color:#fff; height:28px; line-height:28px; box-sizing:content-box; margin-left:5px; border-radius:2px;}


/* 设备信息弹出层 */
.equipmentViewLayer{display:flex;}
.equipmentView{display:flex; padding:20px; flex:1; overflow:hidden;}
.equipmentPic{width:160px; margin-right:40px;}
.equipmentPic p{height:200px; border-radius:8px; overflow:hidden; position:relative; background:url(../images/nopic.jpg) no-repeat center center / cover;}
.equipmentPic p img{width:100%; height:100%; object-fit:cover; cursor:zoom-in;}
.equipmentPic p span{display:block; width:100%; height:40px; line-height:40px; text-align:center; position:absolute; left:0; bottom:0; font-size:16px;}
.equipmentPic p span .txt-btn{margin:0 15px; font-size:16px; height:40px; line-height:40px; position:relative;}
.equipmentPic p span .txt-btn:not(:last-of-type):after{display:block; content:""; width:1px; height:14px; background:#fff;opacity:.3; position:absolute; right:-16px; top:50%; transform:translateY(-50%);}
.equipmentPic .btn{border-style:dashed; height:200px; display:flex; flex-flow:column; align-items:center; justify-content:center; width:calc(100% - 2px); border-radius:8px; padding:0;}
.equipmentPic .btn .iconfont{font-size:50px;}
.equipmentPic .btn span{padding-top:15px;}
.equipmentInfo{flex:1; overflow:auto; height:100%; font-size:0;}
.equipmentInfo .item{width:calc(50% - 20px); margin:0 40px 20px 0; display:inline-flex; align-items:center; font-size:14px;}
.equipmentInfo .item:nth-of-type(2n){margin-right:0;}
.equipmentInfo .item h3{width:100px; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#777;}
.equipmentInfo .item p{flex:1; height:40px; line-height:40px; padding:0 35px 0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#f7f7f7; border-radius:5px;}
.equipmentInfo .item .txt, .equipmentInfo .item .sele{flex:1; height:38px; line-height:38px; border-radius:5px;}
.equipmentInfo .item .sele{max-width:calc(100% - 122px);}
.equipmentInfo .item p.showPwd{position:relative; border-radius:0; display:flex;}
.equipmentInfo .item p.showPwd .txt{padding-right:36px;}
.equipmentInfo .item p.showPwd .iconfont{cursor:pointer; font-size:20px; position:absolute; display:flex; align-items:center; justify-content:center; width:36px; height:30px; right:0; top:50%; transform:translateY(-50%); color:#777; transition:all 0.3s;}
.equipmentInfo .item p.showPwd .iconfont:hover{color:#179e63;}
.equipmentInfo .item.trafficCard p{cursor:pointer;}
.equipmentInfo .equipmentCode{position:relative;}
.equipmentInfo .equipmentCode .iconfont{display:block; width:40px; height:40px; line-height:40px; text-align:center; position:absolute; right:0; top:0; font-size:20px;}
.equipmentInfo .equipmentCode .equipmentCodePic{display:block; visibility:hidden; opacity:0; width:150px; height:150px; padding:10px; background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.2); margin-right:20px; position:absolute; top:50%; right:40px; transform:translateY(-50%); transition:all .3s;}
.equipmentInfo .equipmentCode .equipmentCodePic:after{display:block; content:""; width:0; height:0; border-color:transparent; border-width:6px; border-style:solid; border-left:6px #fff solid; position:absolute; right:-12px; top:50%; transform:translateY(-50%);}
.equipmentInfo .equipmentCode .equipmentCodePic img{display:block; width:150px; height:150px;}
.equipmentInfo .equipmentCode .iconfont:hover + .equipmentCodePic{visibility:visible; opacity:1; margin-right:0;}

/* 流量卡信息弹出层 */
.trafficCardLayer{display:flex; flex-wrap:wrap;}
.trafficCardLayer .item{width:50%; line-height:40px; padding:10px 0; display:flex; align-items:center; overflow:hidden;}
.trafficCardLayer .item h3{width:100px; text-align:right; padding:0 10px; font-size:14px; color:#666;}
.trafficCardLayer .item p{height:40px; padding:0 10px; flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/* 监测站管理page */
.monitoringStationList{max-height:calc(100% - 51px); padding:0 20px; overflow:auto;}
.monitoringStationList ul{display:flex; flex-wrap:wrap; width:100%;}
.monitoringStationList li{width:calc(25% - 22px); min-width:300px; border-radius:10px; border:#c8e5d9 1px solid; background:#f7fbf9; margin:0 10px 20px; transition:all .3s; display:flex; flex-direction:column;}
.monitoringStationList li:hover{box-shadow:0 2px 8px rgba(0,0,0,.2);}
.monitoringStationList li.addBtn .txt-btn{display:flex; flex-flow:column; align-items:center; justify-content:center; width:100%; height:100%;}
.monitoringStationList li.addBtn .txt-btn .iconfont{display:block; line-height:56px; font-size:50px; color:#33a674;}
.monitoringStationList li.addBtn .txt-btn p{padding-top:10px; font-size:14px; color:#666;}
.monitoringStationList li .tit{line-height:30px; padding:15px; font-size:18px; font-weight:normal; border-radius:10px 10px 0 0; display:flex; align-items:center;}
.monitoringStationList li .tit p{flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:30px;}
.monitoringStationList li .tit .txt-btn{margin-left:15px; font-size:18px;}
.monitoringStationList .info{padding:0 0 10px 15px; display:flex; flex-wrap:wrap; flex:1; overflow:hidden;}
.monitoringStationList .info p{width:calc(33.3333% - 15px); line-height:20px; font-size:14px; display:flex; align-items:flex-start; padding:0 15px 10px 0;}
.monitoringStationList .info span{display:block; width:40px; color:#999;}
.monitoringStationList .info label{display:block; line-height:20px;}
.monitoringStationList .info p.ownership{width:calc(100% - 15px); padding-bottom:15px;}
.monitoringStationList .info p.ownership span{width:auto; padding-right:10px; white-space:nowrap;}
.monitoringStationList .btn-box{padding:15px; background:#e9f4ef; border-top:#d0e9de 1px solid; display:flex; align-items:center; justify-content:space-between; border-radius:0 0 10px 10px;}
.monitoringStationList .btn-box .txt-btn{font-size:16px;}
.monitoringStationList .txt-btn.green{color:#32a471;}

/* 项目管理page */
.projectList li{min-height:205px;}
.projectList .info span{width:50px;}
.projectList .btn-box{justify-content:flex-end;}
.projectList .btn-box .txt-btn{margin-left:20px;}

/* 监测站编辑弹出层 */
.monitoringStationInfoLayer .item{padding:10px 0; display:flex; align-items:center;}
.monitoringStationInfoLayer .item p{width:100px; height:30px; line-height:30px; text-align:right;}
.monitoringStationInfoLayer .item p span{padding-right:3px;}
.monitoringStationInfoLayer .item .txt, .monitoringStationInfoLayer .item .sele{width:180px; height:30px; box-sizing:border-box;}
.monitoringStationInfoLayer .item .txt.iDate{width:180px !important;}
.monitoringStationInfoLayer .item textarea.txt{height:72px;}

/* 设备绑定弹出层 */
#bindDeviceLayer{height:calc(100% - 60px);}
.bindDeviceLayer{display:flex; height:100%; overflow:hidden;}
.deviceSelect{flex:1; overflow:hidden; height:100%;}
.bindDeviceTitle{height:30px; line-height:30px; display:flex; align-items:center;}
.bindDeviceTitle h3{font-size:16px; font-weight:normal; flex:1;}
.bindDeviceTitle .bindDeviceSearch{margin-left:10px;}
.bindDeviceTitle .radioGroup{margin-left:10px;}
.deviceSelectList{display:flex; margin-top:20px; height:calc(100% - 50px); background:#f7f7f7;}
.bindDeviceLayer .tab{width:70px; height:100%; background:#e2e2e2; overflow:auto;}
.bindDeviceLayer .tab span{display:block; height:44px; line-height:44px; text-align:center; cursor:pointer; position:relative;}
.bindDeviceLayer .tab span:before{display:block; content:""; width:4px; height:100%; background:#33a674; position:absolute; left:0; top:0; opacity:0; transition:all .3s;}
.bindDeviceLayer .tab span:hover,
.bindDeviceLayer .tab span.current{color:#33a674;}
.bindDeviceLayer .tab span.current{background:#f7f7f7;}
.bindDeviceLayer .tab span.current:before{opacity:1;}
.bindDeviceLayer .tabContent{flex:1; height:100%; overflow:hidden;}
.bindDeviceLayer .changeBox{line-height:30px; padding:10px 20px 0; display:flex; justify-content:flex-end;}
.bindDeviceLayer .changeBox label{display:inline-flex; align-items:center; margin-left:20px;}
.bindDeviceLayer .changeBox label input{margin-right:4px;}
.bindDeviceLayer .deviceList{overflow:hidden; margin:0 10px 10px; height:calc(100% - 50px); font-size:0;}
.bindDeviceLayer .deviceList .item{display:inline-flex; vertical-align:top; align-items:center; width:calc(50% - 50px); height:44px; padding:10px 15px; background:#fff; border-radius:10px; margin:10px; overflow:hidden;}
.bindDeviceLayer .deviceList .item input[type="checkbox"]{margin-right:10px;}
.bindDeviceLayer .deviceList .item .con{flex:1; overflow:hidden;}
.bindDeviceLayer .deviceList .item .con h3{height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-weight:normal;}
.bindDeviceLayer .deviceList .item .con p{height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#999;}
.bindDeviceLayer .deviceList .item .iconfont{display:block; width:16px; height:16px; line-height:16px; text-align:center; background:#f00; color:#fff; border-radius:50%; margin-left:10px; cursor:pointer; position:relative; overflow:hidden;}
.bindDeviceLayer .deviceList .item .iconfont:before{display:block; width:32px; height:32px; line-height:32px; font-size:20px; position:absolute; left:0; top:0; transform:scale(.5); transform-origin:left top;}

.deviceSelected{width:33.3333%; margin-left:40px; height:100%;}
.deviceSelectedList{display:flex; margin-top:20px; height:calc(100% - 52px); background:#f7f7f7; border-radius:3px; border:#c8e5d9 1px dashed;}
.deviceSelectedList .deviceListCon{width:100%;}
.bindDeviceLayer .deviceSelectedList .deviceList{height:calc(100% - 20px); margin:10px;}
.bindDeviceLayer .deviceSelectedList .deviceList .item{width:calc(100% - 50px);}


/* 实景监测page */
.seedlingPhotoList{width:calc(100% - 40px); max-height:calc(100% - 51px); padding:0 20px; overflow:auto;}
.seedlingPhotoList ul{display:flex; flex-wrap:wrap; width:calc(100% - 40px); padding-bottom:10px;}
.seedlingPhotoList li{width:calc(25% - 20px); padding:0 10px 20px;}
.seedlingPhotoList li a{display:block; border:#e6e6e6 1px solid; padding:10px; border-radius:4px; cursor:default; color:#333;}
.seedlingPhotoList .pic{height:0; padding-top:66%; position:relative;}
.seedlingPhotoList .pic img{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; cursor:zoom-in;}
.seedlingPhotoList .pic span{display:block; height:20px; line-height:20px; padding:0 5px; font-size:12px; position:absolute; left:0; top:0; background:rgba(0,0,0,.5); color:#fff; border-radius:0 0 5px 0;}
.seedlingPhotoList .pic .txt-btn{padding:0 5px; font-size:14px; background:rgba(255,0,0,0.8); color:#fff; border-radius:0 0 0 5px; position:absolute; right:0; top:0; opacity:0; transition:all 0.3s;}
.seedlingPhotoList .info{padding-top:10px; font-size:13px;}
.seedlingPhotoList .info p{display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; height:24px; line-height:24px;}
.seedlingPhotoList .info p.name{font-size:16px;}
.seedlingPhotoList .info label{display:inline-flex; align-items:center;}
.seedlingPhotoList .info .iconfont{font-size:16px; padding-right:2px;}
.seedlingPhotoList .info span{flex:1;}
.seedlingPhotoList li a:hover{border-color:#c8e5d9;}
.seedlingPhotoList li a:hover .pic .txt-btn{opacity:1;}


/* 实时监控page */
.videoArea{display:flex; padding:20px; flex:1; overflow:hidden;}

/* 视频自定义控件 */
.videoBox{width:100%; height:100%; overflow:hidden; position:relative;}
.videoBox .video{background:#000; height:100%;}
.videoBox .video video{width:100%; height:100%; background:#000; object-fit:contain;}
.videoBox .videoControlHead{width:calc(100% - 20px); height:48px; line-height:48px; background:rgba(0,0,0,.25); position:absolute; left:0; top:0; z-index:2; color:#fff; padding:0 10px; display:flex; align-items:center;}
.videoBox .videoControlHead p{flex:1; font-size:16px;}
.videoBox .videoControlHead .txt-btn{width:40px; height:40px; display:flex; align-items:center; justify-content:center; font-size:18px;}
.videoBox .video{width:100%; height:100%; position:relative; z-index:0;}
.videoBox .video video{width:100%; height:100%; object-fit:contain; pointer-events:none;}
.videoBox .videoControlFoot{width:calc(100% - 20px); height:48px; background:rgba(0,0,0,.25); position:absolute; left:0; bottom:0; color:#fff; padding:0 10px; display:flex; align-items:center; z-index:2;}
.videoBox .videoControlFoot p{flex:1; display:flex; align-items:center;}
.videoBox .videoControlFoot .txt-btn{display:flex; align-items:center; justify-content:center; width:40px; height:40px; font-size:20px;}
.videoBox .videoControlFoot .txt-btn:hover .tooltip{top:calc(-100% + 12px);}
.videoBox .videoControlDirection{display:none; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:100px; height:100px; overflow:hidden; border:#fff 1px solid; background:#dcdfe0; border-radius:50%; z-index:2;}
.videoBox .videoControlDirection:after{position:absolute; content:""; left:50%; top:50%; transform:translate(-50%, -50%); width:40px; height:40px; background:#fff; border-radius:50%; cursor:default;}
.videoBox .videoControlDirection .btn{left:0; top:0; width:100%; height:100%; position:absolute; clip-path:polygon(0 0, 100% 0, 50% 50%); background:#dcdfe0; border:0; display:flex; justify-content:center; padding:0;}
.videoBox .videoControlDirection .btn .iconfont{color:#a8acad;}
.videoBox .videoControlDirection .btn:nth-of-type(2){transform: rotate(90deg);}
.videoBox .videoControlDirection .btn:nth-of-type(3){transform: rotate(180deg);}
.videoBox .videoControlDirection .btn:nth-of-type(4){transform: rotate(270deg);}
.videoBox .videoControlDirection .btn:hover{background:linear-gradient(90deg, #dcdfe0, #fff); opacity:1;}
.videoBox .playerBtn{display:flex; flex-flow:column; align-items:center; justify-content:center; width:100%; position:absolute; left:0; top:48px; bottom:48px; z-index:10; color:#fff; cursor:pointer;}
.videoBox .playerBtn .iconfont{font-size:54px;}
.videoBox .playerBtn p{padding-top:15px; font-size:16px; text-shadow:0 1px 2px rgba(0,0,0,.6);}

.videoControl{width:270px; height:100%; margin-left:20px; display:flex; flex-flow:column;}

.controlPanel{border:#e6e6e6 1px solid; padding:10px 15px 0; border-radius:10px;}
.controlTitle{line-height:24px; font-size:14px; color:#494949; display:flex; align-items:center;}
.controlTitle p{flex:1; height:30px; line-height:30px;}
.controlTitle .btn{font-size:12px; height:24px; line-height:24px;}
.videoDirection{width:165px; height:165px; padding:5px 4px 4px 5px; background:url(../images/videoDirectionBg.png) no-repeat center center; margin:0 auto; display:flex; flex-wrap:wrap; border-radius:50%;}
.videoDirection .item{width:55px; height:55px; position:relative;}
.videoDirection .item .txt-btn{width:24px; height:24px; line-height:24px; text-align:center; color:#494949; position:absolute; font-size:12px;}
.videoDirection .item:nth-of-type(1) .txt-btn{left:25px; top:30px;}
.videoDirection .item:nth-of-type(2) .txt-btn{left:17px; top:20px; font-size:24px;}
.videoDirection .item:nth-of-type(3) .txt-btn{right:25px; top:30px;}
.videoDirection .item:nth-of-type(4) .txt-btn{left:20px; top:17px; font-size:24px;}
.videoDirection .item:nth-of-type(5) .txt-btn{left:17px; top:17px; font-size:24px;}
.videoDirection .item:nth-of-type(6) .txt-btn{right:20px; top:17px; font-size:24px;}
.videoDirection .item:nth-of-type(7) .txt-btn{left:25px; bottom:30px;}
.videoDirection .item:nth-of-type(8) .txt-btn{left:17px; bottom:16px; font-size:24px;}
.videoDirection .item:nth-of-type(9) .txt-btn{right:25px; bottom:30px;}
.videoDirection .item .txt-btn:hover{color:#fa3239;}
.videoDirection #playBtn.play{color:#fa3239;}

.videoFocus{display:flex; align-items:center; padding:15px 0;}
.videoFocus p{flex:1; display:flex; align-items:center; height:28px; line-height:28px; border:#ccc 1px solid; border-radius:30px;}
.videoFocus p:not(:first-of-type){margin-left:15px;}
.videoFocus .txt-btn{display:block; height:28px; text-align:center; flex:1; font-size:18px;}
.videoFocus .txt-btn:hover{color:#33a674;}
.videoFocus p .txt-btn:not(:first-of-type){border-left:#ccc 1px dashed;}
.videoFocus p.zhuatu .txt-btn{font-size:14px; padding:0 10px;}

.presetSet{display:flex; align-items:center; justify-content:space-between; margin-top:20px;}
.presetSet .btn{flex:1; display:flex; align-items:center; justify-content:center; border-radius:30px;}
.presetSet .btn .iconfont{padding-right:5px;}

.videoFocus p.zhuatu{display:flex; align-items:center; height:28px; line-height:28px; border:#ccc 1px solid; border-radius:30px;}


.videoPreset{flex:1; border:#e6e6e6 1px solid; margin-top:20px; padding:10px 15px; overflow:hidden; border-radius:10px;}
.presetList{display:flex; flex-wrap:wrap; overflow:auto; max-height:calc(100% - 30px);}
.presetList .btn{margin:10px 10px 0 0; padding:0 10px;}
.presetManageList{height:calc(100% - 40px); margin:10px -10px 0; overflow:auto;}
.presetManageList .item{width:calc(100% - 40px); padding:9px; border:#ccc 1px solid; border-radius:3px; margin:10px 10px 0; cursor:pointer;}
.presetManageList .item.current{border-color:#179e63;}
.presetManageList .item:first-of-type{margin-top:0;}
.presetManageList .item .info{display:flex;}
.presetManageList .item .pic{width:40px; height:40px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.presetManageList .item .pic img{width:40px; height:40px; object-fit:cover;}
.presetManageList .item .txt{line-height:20px; padding-left:10px; flex:1; overflow:hidden;}
.presetManageList .item .txt h3{font-size:14px; font-weight:normal; line-height:20px;}
.presetManageList .item .txt p{font-size:14px; font-size:12px; line-height:20px; color:#999;}
.presetManageList .item .btnDiv{display:flex; justify-content:flex-end; line-height:24px;}
.presetManageList .item .btnDiv .txt-btn{margin-left:10px;}

.eqInfo{border:#e6e6e6 1px solid; margin-top:20px; padding:10px 15px; border-radius:10px;}
.eqInfo p{padding:5px 0; line-height:20px; font-size:12px; vertical-align:top; color:#666;}


/* 预置点设置弹出层 */
.setPresetLayer .item{display:flex; padding:10px 0;}
.setPresetLayer .item.photo{justify-content:center; height:90px;}
.setPresetLayer .item.photo img{max-width:150px; max-height:100%; object-fit:cover;}
.setPresetLayer .item p{width:110px; height:30px; line-height:30px; padding-right:20px; color:#777;}
.setPresetLayer .item p span{padding-right:2px;}
.setPresetLayer .itemCon{flex:1;}
.setPresetLayer .itemCon textarea.txt{width:calc(100% - 10px);}


/* 预置点列表弹出层 */
.presetListLayer ul{display:flex; flex-wrap:wrap; margin:0 -10px;}
.presetListLayer li{width:calc(25% - 20px); padding:20px 10px 0;}
.presetListLayer li .pic{height:260px; overflow:hidden; display:flex; align-items:center; justify-content:center; border-radius:8px 8px 0 0;}
.presetListLayer li .pic img{width:100%; height:100%; object-fit:cover; cursor:zoom-in;}
.presetListLayer li .text{padding:0 15px; height:50px; line-height:50px; display:flex; align-items:center; background:#f7f7f7; border-radius:0 0 8px 8px; overflow:hidden;}
.presetListLayer li .text p{flex:1; height:50px; font-size:16px;}
.presetListLayer li .text .txt-btn{margin-left:5px; font-size:18px;}

/* 预置点管理 */
.presetManage{width:calc(100% - 20px); max-height:calc(100% - 51px); padding:0 10px; overflow:auto;}
.presetManage ul{display:flex; flex-wrap:wrap; width:100%;}
.presetManage li{width:calc(25% - 20px); padding:0 10px 20px;}
.presetManage li .pic{height:260px; overflow:hidden; display:flex; align-items:center; justify-content:center; border-radius:8px 8px 0 0;}
.presetManage li .pic img{width:100%; height:100%; object-fit:cover; cursor:zoom-in;}
.presetManage li .text{padding:10px 15px; background:#f7f7f7; border-radius:0 0 8px 8px;}
.presetManage li .name{height:30px; line-height:30px; font-size:16px;}
.presetManage li .info{height:30px; line-height:30px; display:flex; align-items:center; overflow:hidden;}
.presetManage li .info p{flex:1; height:30px; font-size:14px;}
.presetManage li .info .txt-btn{margin-left:5px; font-size:18px;}


/* 监控模式page */
.monitoring{padding:20px; display:flex; height:calc(100% - 40px);}
.monitoringLeft{width:180px; height:100%; display:flex; flex-flow:column; overflow:hidden;}
.monitoringSearch .txt{width:calc(100% - 10px); padding:0 4px;}
.monitoringTree{flex:1; overflow:auto; margin:20px 0 40px;}
.monitoringTree .item{padding:5px; transition:all .3s; border-radius:5px;}
.monitoringTree .item h3{line-height:24px; font-size:16px; font-weight:normal; display:flex; align-items:center; cursor:pointer;}
.monitoringTree .item h3 .iconfont{display:block; width:20px; height:20px; line-height:20px; transition:all .3s; font-size:14px;}
.monitoringTree .item h3 span{display:block; flex:1; height:24px; line-height:24px;}
.monitoringTree .item h3.open .iconfont{transform:rotate(90deg);}
.monitoringTree .item ul{display:none;}
.monitoringTree .item li{padding-left:20px; font-size:14px; line-height:24px; margin-top:5px; cursor:pointer;}
.monitoringTree .item:hover{background:#f7f7f7;}
.monitoringTree .item li:hover{color:#f90;}
.monitoringTree .item li.current, .monitoringTree .item li.current:hover{color:#33a674;}

.monitoringRight{flex:1; height:100%; overflow:hidden; margin-left:20px; display:flex; flex-flow:column;gap: 10px;}
.monitoringRight .item{width:100%; height:100%; position:relative; flex-shrink:0; overflow:hidden;}
.monitoringRight .n1{grid-template-columns:1fr; grid-template-rows:1fr;}
.monitoringRight .n2{grid-template-columns:1fr; grid-template-rows:1fr 1fr;}
.monitoringRight .n3{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;}
.monitoringRight .n4{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;}
.monitoringRight .n5{grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr 1fr;}
.monitoringRight .n6{grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr 1fr;}
.monitoringRight .n7{grid-template-columns:1fr 1fr 1fr 1fr; grid-template-rows:1fr 1fr 1fr 1fr;}
.monitoringRight .n8{grid-template-columns:1fr 1fr 1fr 1fr; grid-template-rows:1fr 1fr 1fr 1fr;}
.monitoringRight .n9{grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr 1fr;}
.monitoringRight .n10{grid-template-columns:1fr 1fr 1fr 1fr 1fr; grid-template-rows:1fr 1fr 1fr 1fr 1fr;}

/* 监控网格 */
.monitoringGrid{flex:1; overflow:hidden; display:grid; gap:10px;}
.monitoringGrid .item{background:#000; overflow:hidden; position: relative;  }
.monitoringGrid .item > *{position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important;}

/* 监控网格排列方式 */
.monitoringBtn{display:flex; justify-content:flex-end; height:30px;}
.monitoringBtn .item{display:grid; gap:1px; margin-left:10px; width:30px; height:30px; cursor:pointer;}
.monitoringBtn .item p{background:#909399;}
.monitoringBtn .item.current p{background:#33a674;}

.monitoringGrid.n3 .item:first-of-type, .monitoringBtn .item.n3 p:first-of-type{grid-column:span 2;}
.monitoringGrid.n5 .item:first-of-type, .monitoringBtn .item.n5 p:first-of-type{grid-row:span 2;}
.monitoringGrid.n6 .item:first-of-type, .monitoringBtn .item.n6 p:first-of-type{grid-row:span 2; grid-column:span 2;}
.monitoringGrid.n7 .item:nth-of-type(1), .monitoringBtn .item.n7 p:nth-of-type(1),
.monitoringGrid.n7 .item:nth-of-type(2), .monitoringBtn .item.n7 p:nth-of-type(2),
.monitoringGrid.n7 .item:nth-of-type(3), .monitoringBtn .item.n7 p:nth-of-type(3){grid-row:span 2; grid-column:span 2;}
.monitoringGrid.n8 .item:first-of-type, .monitoringBtn .item.n8 p:first-of-type{grid-row:span 3; grid-column:span 3;}
.monitoringGrid.n10 .item:first-of-type, .monitoringBtn .item.n10 p:first-of-type{grid-row:span 4; grid-column:span 4;}


#fullscreen-wrapper .monitoringRight {width: 100% !important;height: 100% !important;margin: 0 !important;}

/* 墒情监测page */
.soilMoisture{flex:1; display:flex; flex-flow:column; width:100%; overflow:auto;}
.lastSoilMoisture{display:flex; overflow:hidden; padding:0 30px;}

/* 实时气象数据 */
.lastWeather{flex:1; overflow:hidden;}
.lastWeatherList{height:264px;}
.lastWeatherList .notData{line-height:100px; text-align:center; color:#666;}
.lastWeather ul{display:flex; flex-wrap:wrap;}
.lastWeather li{width:calc(33.3333% - 20px); min-width:150px; height:58px; padding:15px 10px; display:flex; align-items:center;}
.lastWeather li .iconfont{display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; font-size:32px; color:#ccc; border:#ccc 1px solid;}
.lastWeather li p{flex:1; padding-left:12px; color:#999; line-height:20px; font-size:12px;}
.lastWeather li p span{display:block; line-height:30px; font-size:24px; color:#333;}
.lastWeather li p span i{font-size:14px; font-style:normal; padding-left:2px;}
.lastWeather li.lightPurple .iconfont{color:#c98dd3; border:#c98dd3 1px solid;}
.lastWeather li.lightBlue .iconfont{color:#87a0fb; border:#87a0fb 1px solid;}
.lastWeather li.brightCyan .iconfont{color:#46c6d6; border:#46c6d6 1px solid;}
.lastWeather li.brightGreen .iconfont{color:#91c954; border:#91c954 1px solid;}
.lastWeather li.amber .iconfont{color:#fab91c; border:#fab91c 1px solid;}
.lastWeather li.tomato .iconfont{color:#fd8a6b; border:#fd8a6b 1px solid;}

/* 实时土壤数据 */
.lastSoil{width:calc(60% - 30px);margin-right:30px;}
.lastSoilList{height:264px; margin:0 -10px;}
.lastSoilList .notData{line-height:100px; text-align:center; color:#666;}
.lastSoil ul{display:flex; flex-wrap:wrap;}
.lastSoil li{width:calc(25% - 20px); height:54px; padding:16px 10px;}
.lastSoil li h3{height:34px; line-height:34px; font-size:22px; font-weight:normal; color:#ccc;}
.lastSoil li h3 i{padding-left:2px; font-size:14px; font-style:normal;}
.lastSoil li p{height:20px; line-height:20px; font-size:12px; color:#999;}
.lastSoil li.lightPurple  h3{color:#c98dd3;}
.lastSoil li.lightBlue h3{color:#87a0fb;}
.lastSoil li.brightCyan h3{color:#46c6d6;}
.lastSoil li.brightGreen h3{color:#91c954;}
.lastSoil li.amber h3{color:#fab91c;}
.lastSoil li.tomato h3{color:#fd8a6b;}

/* 今日图表 */
.todaySoil{flex:1; display:flex; flex-flow:column; padding:0 30px; border-radius:10px;}
.chartBox{margin-top:30px;}
.chartList{display:flex; padding-top:20px;}
.chartList .todayChart{flex:1; overflow:hidden; margin-left:30px;}
.chartList .todayChart:first-of-type{margin-left:0;}
.todayChart{height:400px;}

/* 今日图表tooltip层 */
.chartsTooltipTitle{line-height:30px; font-size:16px;}
.chartsTooltipItem{display:flex; align-items:center; line-height:24px; white-space:nowrap; font-size:14px;}
.chartsTooltipMarker{width:5px; height:5px; border-radius:5px;}
.chartsTooltipKey{padding-left:5px; min-width:80px;}
.chartsTooltipValue{padding-left:10px; text-align:right; flex:1;}
.chartsTooltipUnit{min-width:40px; padding-left:4px;}


.soilMoistureHistory{display:flex; flex-flow:column;}
.historyDataTab{display:flex; align-items:center; margin-top:20px; padding:0 15px;}
.historyDataTab span{display:block; padding:0 20px; height:40px; line-height:40px; font-size:16px; cursor:pointer;}
.historyDataTab span.current{background:#fff; border-radius:10px 10px 0 0;}
.soilMoistureHistory .tabContent{background:#fff; border-radius:10px; padding:10px; flex:1; overflow:hidden;}
.soilMoistureHistory .tabContent .freezeBox{max-height:calc(100% - 62px);}
.dataListBox{height:100%;}
.dataListBox .freezeBox{width:calc(100% - 62px); max-height:calc(100% - 72px); margin:0 30px; padding:0; border:1px solid #dfe7eb;}
.dataListBox .freezeTable tr.firstRow td{background:#f9fbf9 !important;}
.dataListBox .freezeTable td{background:#fff!important; border-right:1px solid #dfe7eb; border-bottom:1px solid #dfe7eb; box-sizing:border-box;}
.dataListBox .freezeTable td:last-of-type{border-right:0;}
.dataListBox .freezeTable .fixedRightEdge{border-left:1px solid #dfe7eb;}

.dataListBox .freeze-table-container{width:calc(100% - 62px); max-height:calc(100% - 72px); margin:0 30px; padding:0; border:1px solid #dfe7eb;}
.dataListBox .freeze-table thead td{background:#f9fbf9 !important; text-align:center;}
.dataListBox .freeze-table td{background:#fff!important; border-right:1px solid #dfe7eb; border-bottom:1px solid #dfe7eb; box-sizing:border-box;}
.dataListBox .freeze-table td:last-of-type{border-right:0;}
.dataListBox .freeze-table .fixed-col-right-edge{border-left:1px solid #dfe7eb;}

.dataListBox .page01{margin-top:0; border-top:0; padding:20px 30px;}

.dataChartBox{height:calc(100% - 20px); padding:10px;}


/* 艾阳登录 */
.loginCantainer{height:100vh; background:#1c9399; min-width:1260px; display:flex; align-items:center; justify-content:center;}
.login{width:1260px; height:calc(100% - 400px); background:#fff; display:flex; align-items:center; box-shadow:0 4px 30px rgba(0,0,0,0.3);}
.loginVideo{flex:1; height:100%; overflow:hidden; display:flex; align-items:center; justify-content:center; position:relative;}
.loginVideo img{width:100%; height:100%; object-fit:cover; position:relative; z-index:0;}
.loginVideo p{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; display:flex; align-items:center; justify-content:center;}
.loginVideo p::after{display:block; content:""; width:90%; height:90%; background:url(../images/loginPic.png) no-repeat center center / contain; animation:fadeInExpand 10s ease-out;}
@keyframes fadeInExpand{
    0%{opacity:0; transform:scale(0.5);}
    100%{opacity:1; transform:scale(1);}
}
.loginForm{width:420px; height:100%; padding:0 50px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.loginForm .loginHead{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; width:100%;}
.loginForm .loginHead img{height:80px;}
.loginForm .loginHead p{font-family:"方正正粗黑"; font-size:28px; font-weight:normal; color:#1c9399; vertical-align:top;}
.loginForm ul{width:100%;}
.loginForm li{padding-top:24px;}
.loginForm li label{display:block; height:20px; line-height:20px; font-size:16px; color:#606266;}
.loginForm li p{display:flex; align-items:center;}
.loginForm li .txt{height:48px; line-height:48px; font-size:16px; border:0; border-bottom:#efefef 1px solid; background:#fff; padding:0; border-radius:0; flex:1;}
.loginForm li .txt::placeholder{color:#dcdcdc;}
.loginForm li img{width:114px; height:44px; border:#e7e8ed 1px solid!important; cursor:pointer; margin-left:10px;}
.loginForm li.yzmLi .txt{max-width:calc(100% - 124px);}
.loginForm h4{width:100%; padding-top:30px; display:flex;}
.loginForm h4 .btn{flex:1; height:54px; line-height:54px; border:#1ab9b0 1px solid; background:#1ab9b0; font-size:20px; text-indent:20px; letter-spacing:20px;}
.loginForm h4 .btn:hover{background:#f90; border-color:#f90;}


/* 市级登录 */
.cityLoginCantainer{height:100vh; background:url(../images/cityLoginBg.jpg) no-repeat center center / cover; min-width:1260px;}
.cityLoginLogo{padding-top:140px; text-align:center;}
.cityLoginLogo img{vertical-align:top;}
.cityLogin{width:1000px; margin:90px auto 0; background:#f6fbfe; display:flex; align-items:center; box-shadow:0 4px 30px rgba(0,0,0,0.3);}
.cityLoginPic{width:500px; height:450px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.cityLoginPic img{object-fit:cover;}
.cityLoginForm{padding:40px 56px; height:370px; flex:1;}
.cityLoginForm h2{height:60px; line-height:60px; text-align:center; font-size:30px; font-weight:normal; position:relative;}
.cityLoginForm h2:after{display:block; content:""; width:70px; height:3px; background:#1ab9b0; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.cityLoginForm ul{padding-top:4px;}
.cityLoginForm li{margin-top:20px; display:flex; position:relative; height:46px;}
.cityLoginForm li .iconfont{display:flex; align-items:center; justify-content:center; width:30px; height:46px; padding-left:6px; font-size:16px; color:#9ba1b1; position:absolute; left:0; top:0;}
.cityLoginForm li .txt{height:44px; line-height:44px; font-size:16px; border:#e7e8ed 1px solid; background:#fff; padding:0 10px 0 36px; flex:1;}
.cityLoginForm li .txt::placeholder{color:#9ba1b1;}
.cityLoginForm li img{width:114px; height:44px; border:#e7e8ed 1px solid!important; cursor:pointer; margin-left:10px;}
.cityLoginForm li.yzmLi .txt{max-width:calc(100% - 174px);}
.cityLoginForm h4{padding-top:40px; display:flex;}
.cityLoginForm h4 .btn{flex:1; height:44px; line-height:44px; border:#1ab9b0 1px solid; background:#1ab9b0; font-size:20px; text-indent:20px; letter-spacing:20px;}
.cityLoginForm h4 .btn:hover{background:#f90; border-color:#f90;}


/* 区级登录 */
.districtLoginCantainer{height:100vh; background:url(../images/districtLoginBg.jpg) no-repeat center center / cover; min-width:1260px;}
.districtLoginLogo{padding-top:140px; text-align:center;}
.districtLoginLogo img{vertical-align:top;}
.districtLoginForm{width:360px; padding:20px 40px 40px; margin:90px auto 0; background:#fff; box-shadow:0 4px 30px rgba(0,0,0,0.3); position:relative;}
.districtLoginForm h2{height:60px; line-height:60px; text-align:center; font-size:30px; font-weight:normal; position:relative;}
.districtLoginForm h2:after{display:block; content:""; width:70px; height:3px; background:#1ab9b0; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.districtLoginForm ul{padding-top:4px;}
.districtLoginForm li{margin-top:20px; display:flex; position:relative; height:46px;}
.districtLoginForm li .iconfont{display:flex; align-items:center; justify-content:center; width:30px; height:46px; padding-left:6px; font-size:16px; color:#9ba1b1; position:absolute; left:0; top:0;}
.districtLoginForm li .txt{height:44px; line-height:44px; font-size:16px; border:#e7e8ed 1px solid; background:#fff; padding:0 10px 0 36px; flex:1;}
.districtLoginForm li .txt::placeholder{color:#9ba1b1;}
.districtLoginForm li img{width:114px; height:44px; border:#e7e8ed 1px solid!important; cursor:pointer; margin-left:10px;}
.districtLoginForm li.yzmLi .txt{max-width:calc(100% - 174px);}
.districtLoginForm h4{padding-top:20px; display:flex;}
.districtLoginForm h4 .btn{flex:1; height:44px; line-height:44px; border:#1ab9b0 1px solid; background:#1ab9b0; font-size:20px; text-indent:20px; letter-spacing:20px;}
.districtLoginForm h4 .btn:hover{background:#f90; border-color:#f90;}


/* 地图设备筛选 */
.mapSearch{display:flex; position:absolute; left:0.1rem; top:0; pointer-events:auto;}
.mapSearch .sele{width:1.5rem; height:0.35rem; margin-left:0.1rem; border:#45daae 0.01rem solid; background-color:rgba(19,56,43,0.9); background-image:url(../images/cms/iSelect2.png); color:#fff;}
.mapSearch .sele:first-of-type{margin-left:0;}
.icon-zuobiao {color: #fff;cursor: pointer;transition: color 0.2s;}
.icon-zuobiao.active {color: #ff9900;font-weight: bold;}

/* 用户首页 */
.userContainer{}
.dataContent{position:absolute; left:0.1rem; top:0.1rem; right:0.1rem; bottom:0.1rem; pointer-events:none; z-index:100; display:flex; justify-content:space-between; align-items:flex-end; gap:0.1rem;}
.dataContentList{width:20%; height:100%; display:flex; flex-direction:column; pointer-events:auto;}
.dataContentList .freezeTable tr:not(.firstRow):hover td{background:rgba(0,0,0,.2) !important;}

.dataContentBottomList{flex:1; overflow:hidden; display:flex; pointer-events:auto; gap:.1rem; height:20%;}
.dataContentBottomList .itemPanel{flex:1; overflow:hidden; display:flex; flex-direction:column;}
.dataContentBottomList .itemPanel .mapTable{margin-top:0;}

.mapDeviceTotal{width:100%; display:flex; pointer-events:auto;}
.mapDeviceTotal .item{display:flex; flex:1; padding:0.15rem 0.1rem; margin-left:0.1rem; background:var(--mainColor); position:relative; border-radius:0.1rem; color:#fff;}
.mapDeviceTotal .item:first-of-type{margin-left:0;}
.mapDeviceTotal .item .iconfont{display:flex; align-items:center; justify-content:center; font-size:.54rem; color:#54daae;}
.mapDeviceTotal .item p{line-height:.24rem; font-size:.15rem; flex:1; padding-left:0.04rem; white-space:nowrap;}
.mapDeviceTotal .item p span{display:block; font-size:.3rem;}
.mapDeviceTotal .item p span label{font-size:0.12rem; padding-left:0.04rem;}

.mapChart .chart, .mapTable{width:calc(100% - 0.4rem); padding:0.2rem; background:var(--mainColor); position:relative; border-radius:0.1rem; pointer-events:auto; transition:all 1s; color:#fff; display:flex; flex-direction:column; margin-top:.1rem;}

.mapChart .chart{height:1.6rem; margin-top:0.1rem;}
.mapChart .chart:nth-of-type(2){height:2rem;}
.mapTable .freezeTable{min-width:0; max-width:100%;}
.mapTable .freezeTable .txt-btn{color:#fff; margin:0 0.05rem; padding:0; position:relative;}
.mapTable .freezeTable .txt-btn .iconfont{color:#54daae;}
.mapTable .freezeTable .txt-btn span{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:.14rem; background:#fff; color:#fff; padding:5px 8px; border-radius:5px; box-shadow:0 10px 10px rgba(0,0,0,.1); opacity:0; pointer-events:none; transition:all .3s .3s cubic-bezier(.68,-.55,.265,1.55); z-index:100;}
.mapTable .freezeTable .txt-btn span::before{position:absolute; content:""; height:8px; width:8px; background:#fff; right:-3px; top:50%; transform:translateY(-50%) rotate(45deg); transition:all .3s .3s cubic-bezier(.68,-.55,.265,1.55);}
.mapTable .freezeTable .txt-btn.disabled .iconfont{color:#fff!important; opacity:0.4;}
.mapTable .freezeTable .txt-btn:hover span{right:.25rem; opacity:1; visibility:visible; pointer-events:auto; text-shadow:0 -1px 0 rgba(0,0,0,.1); filter:drop-shadow(0 0 1px #45daae);}
.mapTable .freezeTable .txt-btn:hover span,
.mapTable .freezeTable .txt-btn:hover span::before{background:rgba(19,56,43,1); color:#fff;}

.mapTable .freeze-table-container{flex:1;}
.mapTable .freeze-table{min-width:0; max-width:100%;}
.mapTable .freeze-table tbody td{background:transparent;}
.mapTable .freeze-table tbody tr:hover td{background:rgba(0,0,0,.2);}
.mapTable .freeze-table .txt-btn{color:#fff; margin:0 0.05rem; padding:0; position:relative;}
.mapTable .freeze-table .txt-btn .iconfont{color:#54daae;}
.mapTable .freeze-table .txt-btn span{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:.14rem; background:#fff; color:#fff; padding:5px 8px; border-radius:5px; box-shadow:0 10px 10px rgba(0,0,0,.1); opacity:0; pointer-events:none; transition:all .3s .3s cubic-bezier(.68,-.55,.265,1.55); z-index:100;}
.mapTable .freeze-table .txt-btn span::before{position:absolute; content:""; height:8px; width:8px; background:#fff; right:-3px; top:50%; transform:translateY(-50%) rotate(45deg); transition:all .3s .3s cubic-bezier(.68,-.55,.265,1.55);}
.mapTable .freeze-table .txt-btn.disabled .iconfont{color:#fff!important; opacity:0.4;}
.mapTable .freeze-table .txt-btn:hover span{right:.25rem; opacity:1; visibility:visible; pointer-events:auto; text-shadow:0 -1px 0 rgba(0,0,0,.1); filter:drop-shadow(0 0 1px #45daae);}
.mapTable .freeze-table .txt-btn:hover span,
.mapTable .freeze-table .txt-btn:hover span::before{background:rgba(19,56,43,1); color:#fff;}

@keyframes bg-pos {
    0%{top:100%;}
    100%{top:0;}
}

@keyframes overflow-toggle {
    0%{overflow:hidden;}
    100%{overflow:visible;}
}

#GroupfullscreenBtn{position:absolute; top:10px; right:25px; z-index:100; background:rgba(0,0,0,.6); color:#fff; padding:6px 10px; border-radius:6px; cursor:pointer; display:flex; align-items:center; gap:6px; font-size:12px; transition:all 0.2s ease-in-out; user-select:none;}

#GroupfullscreenBtn:hover{background:rgba(0,0,0,.85); transform:scale(1.05);}
#GroupfullscreenBtn i{font-size:14px;}


/* 虫情设备耗材弹出层 */
.tabLayerBox .layui-layer-title{padding-top:0;}
.consumablesTab{display:flex; align-items:center; padding-bottom:20px; margin-top:-20px;}
.consumablesTab p{width:150px; height:40px; line-height:40px; text-align:center; cursor:pointer; margin-right:20px; background:#f2f2f2; transition:all .3s;}
.consumablesTab p.active{background:#179e63; color:#fff;}
.consumablesCon{display:none;}
.consumablesCon .tableBox{margin-top:10px;}
.layerTitle{padding-top:20px; font-size:16px; font-weight:700;}
.stickyWormBox .useDays{display:flex; align-items:center;}
.stickyWormBox .useDays h3{width:216px; font-size:16px; font-weight:700;}
.stickyWormBox .useDays p{width:144px; font-size:16px; font-weight:700;}

/* 绑定诱芯弹出层 */
.bindLureLayer .item{padding-bottom:20px; display:flex; align-items:center;}
.bindLureLayer .item-title{width:110px; height:40px; line-height:40px; text-align:right; padding-right:20px; color:#666; font-size:14px; font-weight:700;}
.bindLureLayer .item-title .red{padding-right:4px;}
.bindLureLayer .item-value{flex:1; height:40px; display:flex; justify-content:space-between;}
.bindLureLayer .item-value .txt{flex:1; height:38px; line-height:38px;}
.bindLureLayer .item-value .num{width:150px; height:40px; display:flex; position:relative;}
.bindLureLayer .item-value .num .txt{padding:0 42px; height:40px; text-align:center; box-sizing:border-box; max-width:150px;}
.bindLureLayer .item-value .num .iconfont{background:#f5f5f5; display:flex; align-items:center; justify-content:center; width:38px; height:38px; position:absolute; top:1px; color:#666; font-size:13px; cursor:pointer;}
.bindLureLayer .item-value .num .icon-jian{left:1px; border-right:#d9d9d9 1px solid; border-radius:3px 0 0 3px;}
.bindLureLayer .item-value .num .icon-jia{right:1px; border-left:#d9d9d9 1px solid; border-radius:0 3px 3px 0;}
.bindLureLayer .item-value .unit{width:150px; height:40px; display:flex;}
.bindLureLayer .item-value .unit .sele{flex:1; height:40px; max-width:150px; box-sizing:border-box;}

/* 虫情详情 */
.insectContent{overflow:auto; padding:20px; box-sizing:border-box;}
.insectContent .equipmentView{padding:0; flex:none;}
.insectContent .equipmentInfo{overflow:visible;}
.operatingData{padding-top:40px;}
.operatingDataTitle{display:flex; align-items:center; height:22px;}
.operatingDataTitle h3{font-size:16px; font-weight:700;}
.operatingDataTitle p{font-size:12px; color:#999; padding-left:10px; flex:1; overflow:hidden;}
.operatingDataTitle .txt-btn{color:#179e63; font-size:14px; height:22px; position:relative;}
.operatingDataTitle .txt-btn::after{display:block; content:""; width:0; height:1px; background:#179e63; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); transition:all .3s;}
.operatingDataTitle .txt-btn:hover::after{width:100%;}
.operatingData ul{display:flex; flex-wrap:wrap; align-content:flex-start; margin-right:-20px;}
.operatingData li{width:calc(33.3333% - 20px); padding:12px; border:#e5e5e5 1px solid; margin:20px 20px 0 0; border-radius:3px; box-sizing:border-box;}
.operatingData li h3{line-height:22px; font-size:14px; font-weight:normal; color:#666;}
.operatingData li p{line-height:32px; font-size:24px; padding-top:2px;}

/* 虫情图片 */
.insectPhotosList{width:calc(100% - 40px); max-height:calc(100% - 51px); padding:0 20px; overflow:auto;}
.insectPhotosList ul{display:flex; flex-wrap:wrap; align-content:flex-start; padding-bottom:10px;}
.insectPhotosList li{width:calc(25% - 20px); padding:0 10px 20px;}
.insectPhotosList li a{display:block; border:#e6e6e6 1px solid; padding:10px 10px 0; border-radius:4px; cursor:default; color:#333; position:relative; box-sizing:border-box;}
.insectPhotosList li a::after{display:block; content:""; width:100%; height:100%; border:#f90 2px solid; border-radius:4px; position:absolute; left:0; top:0; box-sizing:border-box; opacity:0; pointer-events:none;}
.insectPhotosList .pic{height:0; padding-top:66%; position:relative; cursor:pointer;}
.insectPhotosList .pic img{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; pointer-events:none;}
.insectPhotosList .pic span{display:block; height:20px; line-height:20px; padding:0 5px; font-size:12px; position:absolute; left:0; top:0; background:rgba(0,0,0,.5); color:#fff; border-radius:0 0 5px 0;}
.insectPhotosList .pic .txt-btn{padding:0 5px; font-size:14px; background:rgba(255,0,0,0.8); color:#fff; border-radius:0 0 0 5px; position:absolute; right:0; top:0; opacity:0; transition:all 0.3s;}
.insectPhotosList .info{padding:10px 0; font-size:13px;}
.insectPhotosList .info h3{display:flex; justify-content:space-between; height:20px; font-size:14px; font-weight:normal;}
.insectPhotosList .info h3 i{color:#179e63; font-style:normal; font-size:16px; font-weight:700; padding-right:3px;}
.insectPhotosList .info p{display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; height:24px; line-height:24px;}
.insectPhotosList .btnBox{display:flex; align-items:center; justify-content:center; margin:0 -10px; border-top:#e6e6e6 1px solid;}
.insectPhotosList .btnBox .txt-btn{flex:1; overflow:hidden; height:40px;}
.insectPhotosList .btnBox .txt-btn:not(:first-of-type){border-left:#e6e6e6 1px solid;}
.insectPhotosList .btnBox .txt-btn:hover{color:#179e63;}
.insectPhotosList li a:hover{border-color:#c8e5d9;}
.insectPhotosList li a:hover .pic .txt-btn{opacity:1;}
.insectPhotosList li.active a{box-shadow:0 4px 8px rgba(0,0,0,.1);}
.insectPhotosList li.active a::after{opacity:1;}
.insectPhotosList li.active .btnBox .selectBtn{color:#f90;}


/* 虫情分析 */
.insectBox{overflow:auto;}
.insectProportion{border:#e5e5e5 1px solid; margin:20px 30px 0; border-radius:3px; padding:20px 16px;}
.insectTitle{display:flex; align-items:center; flex-wrap:wrap;}
.insectTitle h3{font-size:16px; font-weight:normal; flex:1; overflow:hidden;}
.insectTitle .searchArea{display:flex; align-items:center;}
.insectTitle .searchArea p{font-size:14px; color:#666; white-space:nowrap;}
.insectTitle .searchArea .txt{width:130px !important; height:30px; line-height:30px; margin:6px 0;}
.insectTitle .searchArea .dateRange{flex:1; height:30px; line-height:30px; padding:0 10px 0 34px; background:url(../images/cms/iDate.png) no-repeat 10px center; border:#d9d9d9 1px solid; border-radius:3px; display:flex; align-items:center; transition:all .3s;}
.insectTitle .searchArea .dateRange:hover{border-color:#33a674;}
.insectTitle .searchArea .dateRange .txt{width:80px !important; border:0; padding:0; text-align:center;}
.insectTitle .searchArea .dateRange .txt:focus, .insectTitle .searchArea .dateRange .txt:hover{border:0;}
.insectTitle .searchArea .dateRange span{padding:0 5px; flex:1; text-align:center;}

.insectTitle .searchArea .btn{margin-left:6px;}
.insectTitle .searchArea .btn .iconfont{padding-right:3px;}
.insectProportionContent .chart1{height:16px; margin:20px 0; display:flex; border-radius:8px; background:#ccc;}
.insectProportionContent .chart1 .item{height:16px; position:relative; cursor:pointer; background:#ccc;}
.insectProportionContent .chart1 .item .tooltip{position:absolute; left:20px; bottom:40px; width:max-content; height:38px; line-height:38px; padding:0 10px; background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(253,253,255,.9)); border-radius:4px; box-shadow:0 2px 12px rgba(0,0,0,.1); opacity:0; pointer-events:none; transition:all .3s cubic-bezier(.68,-.55,.265,1.55); font-size:12px; white-space:nowrap; visibility:hidden; border:#ccc 1px solid;}
.insectProportionContent .chart1 .item .tooltip span{padding-left:10px; color:#ccc;}
.insectProportionContent .chart1 .item:hover .tooltip{opacity:1; visibility:visible;}
.insectProportionContent .chart1 .item:first-of-type{border-radius:8px 0 0 8px;}
.insectProportionContent .chart1 .item:last-of-type{border-radius:0 8px 8px 0;}

.insectProportionContent .chart2{display:grid; gap:10px 20px; grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
.insectProportionContent .chart2 .item{position:relative;}
.insectProportionContent .chart2 .item .itemInfo{display:flex; align-items:center; height:30px; padding:0 12px; background:rgba(139,221,87,.1); border-radius:20px; font-size:12px; cursor:pointer;}
.insectProportionContent .chart2 .item .itemInfo p{flex:1; display:flex; align-items:center; overflow:hidden;}
.insectProportionContent .chart2 .item .itemInfo p::before{display:flex; content:""; width:8px; height:8px; border-radius:8px; margin-right:8px; background:var(--color);}
.insectProportionContent .chart2 .item .itemInfo span{padding-left:10px;}
.insectProportionContent .chart2 .item .tooltip{position:absolute; top:36px; left:50%; transform:translateX(-50%); z-index:10; line-height:20px; background:#303133; color:#fff; padding:6px 12px; border-radius:4px; font-size:12px; box-shadow:0 10px 10px rgba(0,0,0,.1); opacity:0; pointer-events:none; transition:all .3s cubic-bezier(.68,-.55,.265,1.55); white-space:nowrap; visibility:hidden;}
.insectProportionContent .chart2 .item .tooltip::before{position:absolute; content:""; height:8px; width:8px; background:#303133; top:-3px; left:50%; transform:translate(-50%) rotate(45deg); transition:all .3s cubic-bezier(.68,-.55,.265,1.55);}
.insectProportionContent .chart2 .item:hover .tooltip{opacity:1; visibility:visible; text-shadow:0 -1px 0 rgba(0,0,0,.1);}

.insectLine{border:#e5e5e5 1px solid; margin:20px 30px 0; border-radius:3px; padding:20px 16px;}
.insectLineChart{height:360px;}
.insectLineTab{display:flex; flex-wrap:wrap; margin-top:20px; align-items:center;}
.insectLineTab label{display:flex; align-items:center; margin-right:20px; cursor:pointer;}
.insectLineTab label input{margin-right:4px;}
.insectLineTab .legend-item{display:flex; height:30px; align-items:center; margin-left:16px; cursor:pointer; font-size:14px; color:#777;}
.insectLineTab .legend-item .legend-color{width:10px; height:10px; border-radius:3px; margin-right:5px;}
.insectLineTab .legend-item.disabled{color:#ccc;}
.insectLineTab .legend-item.disabled .legend-color{background:#ccc !important;}

.insectTable{margin:20px 30px 30px;}
.insectTable .freezeBox{margin:0; width:calc(100% - 2px); max-height:none;}

.insectTable .searchGroup{padding:15px 0;}
.insectTable .searchGroupL .item label{display:flex; align-items:center; cursor:pointer; height:30px;}
.insectTable .searchGroupL .item label:not(:first-of-type){margin-left:15px;}
.insectTable .searchGroupL .item label input{margin-right:4px;}
.insectTable .searchGroupR .insectStatsNum{display:flex; align-items:center; height:30px; background:#eee; border-radius:3px; font-size:12px;}
.insectTable .searchGroupR .insectStatsNum p{padding:0 15px; position:relative;}
.insectTable .searchGroupR .insectStatsNum p:not(:first-of-type)::before{display:block; content:""; width:1px; height:12px; background:#777; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.insectTable .searchGroupR .insectStatsNum p span{padding-left:10px;}

#insectPhotoLayer{height:100%; box-sizing:border-box; padding:0;}
.insectPhotoLayer{display:flex; flex-direction:column; height:100%; overflow:hidden; width:100%;}
.insectPhotoLayer .insectPhotosBtn{background:#fff; padding:20px 40px; width:100%; box-sizing:border-box;}
.insectPhotoLayer .insectPhotosBtn .iconfont{padding-right:4px;}
.insectPhotoLayer .insectPhotosList{flex:1; overflow:auto; width:calc(100% - 40px); padding:0 20px; margin:0 20px 40px; max-height:none; box-sizing:border-box;}
.insectPhotoLayer .insectPhotosList ul{margin:0 -10px;}


/* 虫害分析 */
.pestBox{overflow:auto; flex:1; padding:0 30px 30px;}
.pestBox .pestLineChart{border:#e5e5e5 1px solid; border-radius:3px; padding:20px 16px; height:360px;}
.pestBox .pestTable{height:auto; margin-top:.2rem;}
.pestBox .pestTable .dataTable{margin-top:0;}

/* 病情风险报告 */
.diseaseRisk{overflow:auto; width:100%; padding:20px 30px 30px; box-sizing:border-box;}
.diseaseRisk .item{padding:10px 0 20px;}
.diseaseRisk .item ul{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.diseaseRisk .item li{border:#e5e5e5 1px solid; display:flex;}
.diseaseRisk .item li:first-child{grid-column:span 2;}
.diseaseRisk .item li .name{border-right:#e5e5e5 1px solid; background:#f7f7f7; display:flex; align-items:center; justify-content:center; width:150px;}
.diseaseRisk .item li .value{flex:1; overflow:hidden; position:relative; padding:15px;}
.diseaseRisk .item li .value h3{font-size:20px; font-weight:normal;}
.diseaseRisk .item li .value p{padding-top:10px; font-size:14px; color:#999;}
.diseaseRisk .item li .value .iconfont{position:absolute; right:10px; top:10px; font-size:18px;}
.diseaseRisk .tableBox{margin-top:20px;}


/* 启东登录(驾驶舱样式) */
.cockpitLogin{height:100vh; background:url(../images/cockpitLoginBg.jpg) no-repeat center center / 100% 100%; display:flex; flex-direction:column; align-items:center; justify-content:center; align-content:flex-start;}
.cockpitLoginHead{display:flex; justify-content:center; font-family:"方正正粗黑"; font-size:72px; color:#00e1eb;}
.cockpitLoginForm{width:460px; background:rgba(11,161,248,.15); border:rgba(11,161,248,.5) 3px solid; padding:30px 56px 56px; position:relative; margin-top:50px;}
.cockpitLoginForm .cockpitLoginBg1{height:52px; position:absolute; left:-3px; top:-3px; right:-3px; pointer-events:none; z-index:1; display:flex; justify-content:space-between;}
.cockpitLoginForm .cockpitLoginBg1::before, .cockpitLoginForm .cockpitLoginBg1::after{display:block; content:""; width:52px; height:52px; background:url(../images/cockpitLogoBgL.png) no-repeat;}
.cockpitLoginForm .cockpitLoginBg1::after{background-image:url(../images/cockpitLogoBgR.png);}
.cockpitLoginForm .cockpitLoginBg2{height:52px; position:absolute; left:-3px; bottom:-3px; right:-3px; pointer-events:none; z-index:1; display:flex; justify-content:space-between;}
.cockpitLoginForm .cockpitLoginBg2::before, .cockpitLoginForm .cockpitLoginBg2::after{display:block; content:""; width:52px; height:52px; background:url(../images/cockpitLogoBgR.png) no-repeat; transform:rotate(180deg);}
.cockpitLoginForm .cockpitLoginBg2::after{background-image:url(../images/cockpitLogoBgL.png);}
.cockpitLoginForm h2{height:64px; line-height:64px; text-align:center; font-size:36px; font-weight:normal; color:#00e1eb;}
.cockpitLoginForm li{display:flex; margin-top:20px; position:relative;}
.cockpitLoginForm li .txt{flex:1; height:56px; line-height:56px; padding:0 20px 0 56px; background:rgba(6,135,205,.3); border:rgba(11,161,248,.4) 2px solid; color:#fff; border-radius:0; font-size:16px;}
.cockpitLoginForm li .txt::placeholder{color:rgba(255,255,255,.6);}
.cockpitLoginForm li .iconfont{position:absolute; left:0; top:0; width:52px; height:62px; display:flex; align-items:center; justify-content:center; font-size:30px; color:#00e1eb;}
.cockpitLoginForm li.yzmLi .txt{padding:0 140px 0 56px;}
.cockpitLoginForm li.yzmLi img{position:absolute; top:50%; right:7px; transform:translateY(-50%); width:114px; height:44px; border:0 !important; cursor:pointer;}
.cockpitLoginForm h4{width:100%; padding-top:20px; display:flex;}
.cockpitLoginForm h4 .btn{flex:1; height:56px; line-height:56px; border:#00e1eb 2px solid; background:#00e1eb; font-size:20px; text-indent:20px; letter-spacing:20px; border-radius:0; color:#001a2b !important;}
.cockpitLoginForm h4 .btn:hover{background:#0ba1f8; border-color:#0ba1f8; color:#fff !important;}


/* 首页驾驶舱 */
.cockpit{height:100vh; overflow:hidden; background:url(../images/cockpitBg.jpg) no-repeat center center / 100% 100%; display:flex; flex-direction:column;}
.cockpitHead{display:flex; align-items:center; justify-content:space-between; width:100%; height:.9rem; padding:0 .2rem .3rem; box-sizing:border-box; background:url(../images/cockpitHeadBg.png) no-repeat center center / 100% 100%; color:#00a2ff; font-size:.16rem; position:relative;}
.cockpitDaytime{height:.24rem; display:flex; align-items:center;}
.cockpitHeadLogo{white-space:nowrap; font-size:.33rem; font-weight:700; color:#0ff; position:absolute; left:50%; top:calc(50% - .3rem); transform:translateX(-50%);}
.cockpitHeadRight{color:#00a2ff; display:flex; align-items:center; justify-content:flex-end;}
.cockpitUserInfo{display:flex; align-items:center; position:relative;}
.cockpitUserInfo p{display:flex; align-items:center; cursor:pointer; height:.4rem;}
.cockpitUserInfo p span{padding-left:1em;}
.cockpitUserInfo p a{color:#00a2ff;}

.cockpitUserInfo .userInfoMenu{background-color:#031738; position:absolute; right:0; top:.24rem; color:#00a2ff; box-shadow:inset 0 0 .12rem #48a3ee; border:0;}
.cockpitUserInfo .userInfoMenu:before{display:none;}
.cockpitUserInfo .userInfoMenu .userRole{padding:0 .15rem; max-width:3rem; border-bottom:#48a3ee 1px solid;}
.cockpitUserInfo .userInfoMenu .userRole ul li a{color:#48a3ee;}
.cockpitUserInfo .userInfoMenu .userRole ul li a:hover,
.cockpitUserInfo .userInfoMenu .userRole ul li a.current{color:#fff;}
.cockpitUserInfo .userInfoMenu .editPWD{padding:0 .15rem; border-bottom:#48a3ee 1px solid;}
.cockpitUserInfo .userInfoMenu .editPWD a{color:#48a3ee;}
.cockpitUserInfo .userInfoMenu .editPWD a:hover{color:#fff;}
.cockpitUserInfo .userInfoMenu .userExit{padding:.15rem;}
.cockpitUserInfo .userInfoMenu .userExit a{border:#48a3ee 1px solid; color:#48a3ee;}
.cockpitUserInfo .userInfoMenu .userExit a:hover{background:#48a3ee; border-color:#48a3ee; color:#fff;}
.cockpitUserInfo:hover .userInfoMenu{margin-top:0; visibility:visible; opacity:1;}

.cockpitHeadRight .txt-btn{margin-left:1em; font-size:.2rem;}
.cockpitHeadRight .hasTooltip .tooltip,
.cockpitHeadRight .hasTooltip .tooltip::before{background:#00a2ff;}
.cockpitHeadRight .hasTooltip:hover .tooltip.left{right:.3rem;}

.cockpitMenu{display:flex; align-items:center; justify-content:space-between; margin:-.2rem .2rem 0;}
.cockpitMenu p{display:flex; align-items:center; gap:.1rem;}
.cockpitMenu a{display:flex; align-items:center; justify-content:center; width:1.3rem; height:.5rem; background:url(../images/cockpitMenuBg.png) no-repeat center center / 100% 100%; color:#fff;}

.cockpitHeadRight .cockpitMenu{margin:0;}

.cockpitContainer{width:100%; padding:.2rem; box-sizing:border-box; flex:1; overflow:hidden; display:flex; gap:.2rem;}
.cockpitPannel{width:100%; box-shadow:inset 0 0 .12rem #48a3ee; flex:1; display:flex; flex-direction:column; overflow:hidden;}
.cockpitSide{width:4rem; height:100%; gap:.2rem; display:flex; flex-direction:column; order:1;}
.cockpitContainer .cockpitSide:nth-child(2){order:3;}
.cockpitTitle{display:flex; align-items:center; width:100%; height:.48rem; padding:0 .1rem .12rem 0; background:url(../images/cockpitTitleBg.png) no-repeat center center / 100% 100%; margin-bottom:.1rem; box-sizing:border-box;}
.cockpitTitle p{padding-left:.45rem; font-size:.18rem; font-weight:700; color:#0ff; flex:1; overflow:hidden; margin-right:.12rem;}
.cockpitTitle .periodSelector{display:flex; align-items:center; margin-left:.1rem; border:#00a2ff 1px solid; background:#082a46;}
.cockpitTitle .periodSelector li{padding:0 .1rem; height:.2rem; display:flex; align-items:center; cursor:pointer; color:#fff; font-size:.12rem;}
.cockpitTitle .periodSelector li:not(:first-of-type){border-left:#00a2ff 1px solid;}
.cockpitTitle .periodSelector li.active{background:#00a2ff;}
.cockpitChart{width:100%; flex:1; padding:.1rem .2rem .2rem; box-sizing:border-box;}

.weatherForecast .today{padding:0 .2rem; display:flex; align-items:center; justify-content:space-between;}
.weatherForecast .today p{font-size:.14rem; display:flex; align-items:center;}
.weatherForecast .today p img{width:.4rem; height:.4rem;}
.weatherForecast .today p span{padding-left:.05rem;}
.weatherTab{padding:.2rem .2rem .1rem; display:flex; align-items:center; height:.3rem; font-size:.16rem;}
.weatherTab p{margin-right:.2rem; height:.3rem; position:relative; cursor:pointer;}
.weatherTab p::after{display:block; content:""; width:0; height:.01rem; background:#fff; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:all .3s;}
.weatherTab p.active::after{width:100%;}
.weatherContent{padding:0 .2rem .2rem; flex:1; overflow:hidden; display:flex; align-items:center;}
.weatherContent .txt-btn{width:.3rem; height:.3rem; display:flex; align-items:center; justify-content:center; font-size:.16rem;}
.weatherContent .txt-btn.disabled{opacity:.7;}
.weatherContent .weatherList{flex:1; overflow:hidden; height:100%; display:flex;}
.weatherContent .weatherList .item{flex-shrink:0; width:33.3333%; text-align:center; font-size:.12rem;}
.weatherContent .weatherList .item p{line-height:.2rem;}
.weatherContent .weatherList .item p img{width:.4rem; height:.4rem;}

.cockpitWarningTotal{display:flex; margin:0 .2rem;}
.cockpitWarningTotal .item{flex:1; background:#08386c; color:#fff; padding:.1rem; overflow:hidden; display:flex; flex-direction:column; align-items:center;}
.cockpitWarningTotal .item:not(:first-of-type){margin-left:.1rem;}
.cockpitWarningTotal .item p{line-height:.2rem; font-size:.18rem;}
.cockpitWarningTotal .item h3{line-height:.2rem; font-size:.12rem; font-weight:normal; padding-top:.05rem; color:#35a7ff;}
.cockpitWarningData{margin:0.1rem .2rem .2rem; flex:1; width:calc(100% - .4rem); color:#fff; overflow:hidden;}
.cockpitWarningData .freeze-table-container{max-height:100%;}
.cockpitWarningData .freeze-table td{font-size:.12rem; background:#011a42;}
.cockpitWarningData .freeze-table thead td{background:#08386c !important;}
.cockpitWarningData .freeze-table tbody tr:not(:last-of-type) td{border-bottom:#063d78 1px solid;}
.cockpitWarningData .freeze-table tbody tr:hover td{background:#004896 !important;}
.cockpitWarningData .fixed-col-left-edge.hasShadow{box-shadow:3px 0 3px -1px rgba(53,167,255,.1);}
.cockpitWarningData .fixed-col-right-edge.hasShadow{box-shadow:-3px 0 3px -1px rgba(53,167,255,.1);}
.cockpitWarningData .freeze-table-container::-webkit-scrollbar-thumb{background-color:rgba(53,167,255,.6);}
.cockpitWarningData .freeze-table .txt-btn{color:#fff; margin:0 0.05rem; padding:0; position:relative;}
.cockpitWarningData .freeze-table .txt-btn .iconfont{color:#35a7ff;}
.cockpitWarningData .freeze-table .txt-btn span{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:.14rem; background:#fff; color:#fff; padding:5px 8px; border-radius:5px; box-shadow:0 10px 10px rgba(0,0,0,.1); opacity:0; pointer-events:none; transition:all .3s .3s cubic-bezier(.68,-.55,.265,1.55); z-index:100;}
.cockpitWarningData .freeze-table .txt-btn span::before{position:absolute; content:""; height:8px; width:8px; background:#fff; right:-3px; top:50%; transform:translateY(-50%) rotate(45deg); transition:all .3s .3s cubic-bezier(.68,-.55,.265,1.55);}
.cockpitWarningData .freeze-table .txt-btn.disabled .iconfont{color:#fff!important; opacity:0.4;}
.cockpitWarningData .freeze-table .txt-btn:hover span{right:.25rem; opacity:1; visibility:visible; pointer-events:auto; text-shadow:0 -1px 0 rgba(0,0,0,.1); filter:drop-shadow(0 0 1px #35a7ff);}
.cockpitWarningData .freeze-table .txt-btn:hover span,
.cockpitWarningData .freeze-table .txt-btn:hover span::before{background:#08386c; color:#fff;}

.cockpitContent{flex:1; order:2; height:100%; overflow:hidden; display:flex; flex-direction:column;}
.cockpit .sele{height:.2rem; line-height:.2rem; background-color:#082a46; background-image:url(../images/cms/iSelect2.png); border-color:#1089e6; color:#fff; font-size:.12rem;}
.cockpit .sele:not(:first-of-type){margin-left:.1rem;}

.cockpitSearch{margin-bottom:.1rem; display:flex; align-items:center; justify-content:space-between;}
.cockpitSearch .sele{height:.3rem; line-height:.3rem; min-width:1rem;}
.cockpitSearch #locationSelect{width:2rem;}

.cockpitMap{position:relative; flex:1; overflow:hidden;}
.cockpitMap #mapDiv{position:absolute; z-index:1;}
.cockpitMap .mapController{position:absolute; left:.1rem; top:.1rem; right:.1rem; bottom:.1rem; z-index:10; pointer-events:none;}
.cockpitMap .mapController .coordinates{left:auto; right:0;}
.cockpitMap .mapController .mapTool{right:0;}
.cockpitMap .mapController .legend{bottom:0; right:0;}
.cockpitMap .tdt-infowindow-content-wrapper{background:rgba(0,30,60,.8) !important; border-radius:0.1rem;}
.cockpitMap .tdt-infowindow-content{margin:15px 15px 10px !important;}
.cockpitMap .cockpitMapMark{min-width:200px; color:#fff;}
.cockpitMap .cockpitMapMark h3{line-height:25px; font-size:16px; font-weight:700;}
.cockpitMap .cockpitMapMark ul{padding-top:10px;}
.cockpitMap .cockpitMapMark li{line-height:24px; font-size:14px;}
.cockpitMap .cockpitMapMark .btnBox{padding-top:10px; display:flex; align-items:center; justify-content:center;}
.cockpitMap .cockpitMapMark .btnBox .btn{margin:0 5px; padding:0 10px;}
.cockpitMap .tdt-infowindow-tip-container .tdt-infowindow-tip{background:rgba(0,30,60,.8);}
.cockpitMap .tdt-label{padding:0 0.1rem!important;}


.coordinates{display:flex; position:absolute; bottom:0; left:.1rem; z-index:9999;}
.coordinates span{font-size:.12rem; height:.24rem; line-height:.24rem; padding:.03rem .1rem; background-color:#ff7701; color:#FFF; border-radius:.05rem;}

.cockpitMarkTooltip{background:rgba(0,30,60,.8); padding:.12rem; border-radius:.05rem; position:absolute; left:0; bottom:0; color:#fff; font-size:.12rem;}
.cockpitMarkTooltip p{display:flex; align-items:center; height:.2rem;}
.cockpitMarkTooltip p:not(:first-of-type){margin-top:.05rem;}
.cockpitMarkTooltip p .iconfont{display:flex; align-items:center; justify-content:center; width:.2rem; height:.2rem; font-size:.12rem; border-radius:50%; box-sizing:border-box;}
.cockpitMarkTooltip p.miaoqing .iconfont{background:#009180; border:#00ebcf 1px solid;}
.cockpitMarkTooltip p.shangqing .iconfont{background:#8c8f00; border:#f4f800 1px solid;}
.cockpitMarkTooltip p.chongqing .iconfont{background:#916f00; border:#fbc000 1px solid;}
.cockpitMarkTooltip p.small .iconfont{background:#913b00; border:#ff6a00 1px solid;}
.cockpitMarkTooltip p.xingyou .iconfont{background:#4b0091; border:#7c00ff 1px solid;}
.cockpitMarkTooltip p.bingqing .iconfont{background:#299100; border:#4bf008 1px solid;}
.cockpitMarkTooltip p span{padding-left:.1rem;}


.cockpitEnvironmentalPanel{display:flex; flex-direction:column;}
.cockpitSubTitle{display:flex; align-items:center;}
.cockpitSubTitle p{flex:1; font-size:.16rem; color:#fff;}
.cockpitSubTitle p span{font-size:.14rem; padding-left:.1rem;}
.cockpitSubTitle p .devicesNumber{color:#f90;}
.cockpitSubTitle p .updateTime{color:#ccc;}
.cockpitSubTitle p .iconfont{font-size:.14rem; padding-right:.03rem;}

.cockpitEnvironmentalPanel .cockpitWeather{padding:0 .2rem .2rem; width:100%; box-sizing:border-box; flex:1; overflow:hidden; display:flex; flex-direction:column; gap:.1rem;}
.cockpitEnvironmentalPanel .cockpitSoil{padding:0 .2rem .2rem; width:100%; box-sizing:border-box; flex:1; overflow:hidden; display:flex; flex-direction:column; gap:.1rem;}
.cockpitEnvironmentalPanel .cockpitChart{flex:1; overflow:hidden; width:100%; padding:0;}


.currentTitle{display:flex; align-items:center; justify-content:center; font-size:18px; color:#179e63; padding:15px 30px 0;}
.tabContent .currentTitle{padding:0 0 15px;}