@font-face {
    font-family: "na-iconfont";
    src: url(../font/iconfont..eot);
    src: url(../font/iconfont..eot#iefix) format("embedded-opentype"),url(data:application/x-font-woff2;charset=utf-8;base64,[encoded data, 58976 characters]) format("woff2"),url(../font/iconfont..woff) format("woff"),url(../font/iconfont..ttf) format("truetype"),url(../assets/images/na-iconfont.svg#iconfont) format("svg")
}

.na-iconfont {
    font-family: "na-iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-zuzhichengben:before {
    content: "\e726"
}

.icon-tongyuanweihu:before {
    content: "\e794"
}

.icon-kaishitingdian:before {
    content: "\e792"
}

.icon-jieshutingdian:before {
    content: "\e793"
}

.icon-shijian:before {
    content: "\e791"
}

.icon-peibian1:before {
    content: "\e787"
}

.icon-chaoqianhutingdianshijian:before {
    content: "\e78b"
}

.icon-quyu1:before {
    content: "\e78c"
}

.icon-jumindian:before {
    content: "\e78d"
}

.icon-chengshi:before {
    content: "\e78e"
}

.icon-nongcun:before {
    content: "\e78f"
}

.icon-baogongdian:before {
    content: "\e790"
}

.icon-gongbian:before {
    content: "\e788"
}

.icon-zhuanbian:before {
    content: "\e789"
}

.icon-tingdianshijian:before {
    content: "\e78a"
}

.icon-zaihaitingdian:before {
    content: "\e786"
}

.icon-zaihaitingdiangenzong:before {
    content: "\e782"
}

.icon-tianjiaminganshebei:before {
    content: "\e780"
}

.icon-minganshebei:before {
    content: "\e783"
}

.icon-tongji:before {
    content: "\e604"
}

.icon-dianlantongdao:before {
    content: "\e724"
}

.icon-gongjing:before {
    content: "\e725"
}

.icon-biaojidian:before {
    content: "\e723"
}

.icon-kunshandianwangyizhangtu:before {
    content: "\ea44"
}

.icon-jierudian:before {
    content: "\e720"
}

.icon-ketiaofuhe1:before {
    content: "\ea43"
}

.icon-shujuzhiliangkanban:before {
    content: "\ea42"
}

.icon-qixiangzaihaiyujing:before {
    content: "\ea41"
}

.icon-Bxiang:before {
    content: "\ea3b"
}

.icon-ABCxiang:before {
    content: "\ea3c"
}

.icon-Axiang:before {
    content: "\ea3d"
}

.icon-qiangduiliu:before {
    content: "\ea3e"
}

.icon-Cxiang:before {
    content: "\ea3f"
}

.icon-yinhuan:before {
    content: "\ea40"
}

.icon-lishiwangjia:before {
    content: "\e722"
}

.icon-bianxianghushibie:before {
    content: "\e721"
}

.icon-xiansun:before {
    content: "\ea35"
}

.icon-gouwuche-xian:before {
    content: "\e71f"
}

.icon-jianhao-quan:before {
    content: "\e719"
}

.icon-jiache:before {
    content: "\e71a"
}

.icon-lujingguihua:before {
    content: "\e71b"
}

.icon-buhang:before {
    content: "\e71c"
}

.icon-jiahao-quan:before {
    content: "\e71d"
}

.icon-gongjiao:before {
    content: "\e71e"
}

.icon-zuidahua:before {
    content: "\e718"
}

.icon-tingdian:before {
    content: "\e717"
}

.icon-gouwuche:before {
    content: "\e716"
}

.icon-daosongdianfenxi:before {
    content: "\e715"
}

.icon-a-1ping:before {
    content: "\e711"
}

.icon-a-6ping:before {
    content: "\e712"
}

.icon-a-4ping:before {
    content: "\e713"
}

.icon-a-9ping:before {
    content: "\e714"
}

.icon-feixian:before {
    content: "\ea2c"
}

.icon-dibiao:before {
    content: "\ea2a"
}

.icon-suo:before {
    content: "\e710"
}

.icon-shujuxiaohe:before {
    content: "\e70f"
}

.icon-jiliangxiang1:before {
    content: "\e70e"
}

.icon-jiliangxiang:before {
    content: "\e70d"
}

.icon-xianchangzuoyeshebei:before {
    content: "\ea28"
}

.icon-yuntu:before {
    content: "\e70c"
}

.icon-shexiangtou-biandian:before {
    content: "\e709"
}

.icon-shexiangtou-peidian:before {
    content: "\e70a"
}

.icon-shexiangtou-shudian:before {
    content: "\e70b"
}

.icon-fenbushiguangfuchulitongji:before {
    content: "\e707"
}

.icon-shuangdianyuanyujing:before {
    content: "\e708"
}

.icon-tiaoyongfuwu:before {
    content: "\e706"
}

.icon-wuxianzhuanwangzhongduan:before {
    content: "\e705"
}

.icon-wuxianzhuanwang:before {
    content: "\e701"
}

.icon-qixiangzhan:before {
    content: "\e702"
}

.icon-shuiwenshice:before {
    content: "\e703"
}

.icon-wuzicang:before {
    content: "\e704"
}

.icon-liebiao1:before {
    content: "\ea21"
}

.icon-shipinjiankong:before {
    content: "\e9e8"
}

.icon-tuxiang1:before {
    content: "\ea20"
}

.icon-jiankong:before {
    content: "\ea1e"
}

.icon-beidoujizhan:before {
    content: "\e6fb"
}

.icon-wurenji:before {
    content: "\e6fd"
}

.icon-yingyeting:before {
    content: "\e6fe"
}

.icon-yonghu:before {
    content: "\e6ff"
}

.icon-shuiwenzhan:before {
    content: "\e700"
}

.icon-peibian:before {
    content: "\e6fc"
}

.icon-wudianmiaogan:before {
    content: "\ea1a"
}

.icon-chongdianzhuang:before {
    content: "\e6fa"
}

.icon-shipinzonglan:before {
    content: "\e686"
}

.icon-dingwei2:before {
    content: "\e6f9"
}

.icon-guangfu:before {
    content: "\e6f8"
}

.icon-biaozhunhuajiexianshuai:before {
    content: "\ea0a"
}

.icon-n-1tongguoshuai:before {
    content: "\ea0b"
}

.icon-duotai:before {
    content: "\ea01"
}

.icon-jianshetai:before {
    content: "\ea02"
}

.icon-shejitai:before {
    content: "\ea03"
}

.icon-paishe:before {
    content: "\e6f6"
}

.icon-tuxiang:before {
    content: "\e6f7"
}

.icon-dafenzhibili:before {
    content: "\e6f5"
}

.icon-fangdajing2:before {
    content: "\e6f4"
}

.icon-fangdajing:before {
    content: "\e6f3"
}

.icon-xianlu1:before {
    content: "\e6f2"
}

.icon-zhiding:before {
    content: "\e6f1"
}

.icon-daochu:before {
    content: "\e6f0"
}

.icon-daochuexcle:before {
    content: "\e6ef"
}

.icon-gexinghuawangjia:before {
    content: "\e9ea"
}

.icon-xinzeng:before {
    content: "\e6e7"
}

.icon-jishugaizao:before {
    content: "\e6e8"
}

.icon-tiaobo:before {
    content: "\e6e9"
}

.icon-Aleijianxiu:before {
    content: "\e6ea"
}

.icon-baofei:before {
    content: "\e6eb"
}

.icon-zailiyong:before {
    content: "\e6ec"
}

.icon-Bleijianxiu:before {
    content: "\e6ed"
}

.icon-tuiyi:before {
    content: "\e6ee"
}

.icon-changzhu:before {
    content: "\e6e6"
}

.icon-quyudaidianzhuose:before {
    content: "\e6e5"
}

.icon-jiazaizhong:before {
    content: "\e9e7"
}

.icon-tuodong:before {
    content: "\e9e5"
}

.icon-xianlulianluoshuai:before {
    content: "\e6e1"
}

.icon-chaochangxianlu:before {
    content: "\e6e2"
}

.icon-zhanjianlianluoshuai:before {
    content: "\e6e3"
}

.icon-guajiepeibianguoduo:before {
    content: "\e6e4"
}

.icon-a-10kVwangjiazhibiao:before {
    content: "\e6e0"
}

.icon-zhuwangyunhangjiexiantu:before {
    content: "\e6df"
}

.icon-leidianyingxiangfenxi:before {
    content: "\e6d6"
}

.icon-yunyingguanli:before {
    content: "\e6d7"
}

.icon-lianjiechaxun:before {
    content: "\e6d8"
}

.icon-fubingyingxiangfenxi:before {
    content: "\e6d9"
}

.icon-taifengyingxiangfenxi:before {
    content: "\e6da"
}

.icon-daidianzhuangtai-shishi:before {
    content: "\e6db"
}

.icon-daidianzhuangtai-huanlu-shishi:before {
    content: "\e6dc"
}

.icon-peiwangkaiguanqueshiliebiao:before {
    content: "\e6dd"
}

.icon-kaiguanzhongzhi:before {
    content: "\e6de"
}

.icon-dianyadengji:before {
    content: "\e6d3"
}

.icon-daidianzhuangtai-huanlu:before {
    content: "\e6d4"
}

.icon-sankuafenxi:before {
    content: "\e6d5"
}

.icon-tingdianzhixian:before {
    content: "\e93a"
}

.icon-tingdianpeibian:before {
    content: "\e93b"
}

.icon-tingdianxianlu:before {
    content: "\e93c"
}

.icon-dingwei1:before {
    content: "\e6d2"
}

.icon-tingdianfanwei:before {
    content: "\e939"
}

.icon-tuopugongdan:before {
    content: "\e938"
}

.icon-gongdiankekaoshuai:before {
    content: "\e937"
}

.icon-dianyahegeshuai:before {
    content: "\e6cc"
}

.icon-peidianxianluzhongguozai:before {
    content: "\e6cd"
}

.icon-gongbianzhongguozai:before {
    content: "\e6ce"
}

.icon-tingdiantaishi:before {
    content: "\e6cf"
}

.icon-gongbiansanxiangbupingheng:before {
    content: "\e6d0"
}

.icon-gongbianchukoudidianya:before {
    content: "\e6d1"
}

.icon-kaiguanbianwei1:before {
    content: "\e930"
}

.icon-kaiguanbianweizhanneitudingwei:before {
    content: "\e92f"
}

.icon-bofang-shixin:before {
    content: "\e6cb"
}

.icon-daidianzhuangtai:before {
    content: "\e6c9"
}

.icon-dianligongying:before {
    content: "\e6ca"
}

.icon-baohudongzuo:before {
    content: "\e6b3"
}

.icon-gongdianfanwei:before {
    content: "\e6b4"
}

.icon-dianyuandianzhuisu:before {
    content: "\e6b5"
}

.icon-suoyintu:before {
    content: "\e6c8"
}

.icon-dayin:before {
    content: "\e6c1"
}

.icon-fengxiang2:before {
    content: "\e6c2"
}

.icon-fengxiang4:before {
    content: "\e6c3"
}

.icon-jiantou-shuxianzuo:before {
    content: "\e6c4"
}

.icon-fengxiang1:before {
    content: "\e6c5"
}

.icon-fengxiang3:before {
    content: "\e6c6"
}

.icon-jiantou-shuxianyou:before {
    content: "\e6c7"
}

.icon-yuntai:before {
    content: "\e6bf"
}

.icon-shexiangtou1:before {
    content: "\e6c0"
}

.icon-xianduan:before {
    content: "\e6be"
}

.icon-dianchang:before {
    content: "\e6b6"
}

.icon-tongyongshebei:before {
    content: "\e6b7"
}

.icon-rongliang:before {
    content: "\e6b8"
}

.icon-ganta2:before {
    content: "\e6b9"
}

.icon-huanliuzhan1:before {
    content: "\e6ba"
}

.icon-biandianzhan:before {
    content: "\e6bb"
}

.icon-huanliubianyaqi:before {
    content: "\e6bc"
}

.icon-diyataiqu1:before {
    content: "\e6bd"
}

.icon-ganta:before {
    content: "\e6b2"
}

.icon-qushi:before {
    content: "\e6b1"
}

.icon-daixianjiantou-shang:before {
    content: "\e618"
}

.icon-bofang:before {
    content: "\e619"
}

.icon-cuowu-tianchong:before {
    content: "\e61a"
}

.icon-daixianjiantou-zuo:before {
    content: "\e61b"
}

.icon-guanbi-tianchong:before {
    content: "\e61c"
}

.icon-duihao-tianchong:before {
    content: "\e61d"
}

.icon-daixianjiantou-xia:before {
    content: "\e61e"
}

.icon-baocun:before {
    content: "\e61f"
}

.icon-daixianjiantou-you:before {
    content: "\e620"
}

.icon-guanbi-quan:before {
    content: "\e621"
}

.icon-gengduo-heng:before {
    content: "\e622"
}

.icon-shangchuan:before {
    content: "\e623"
}

.icon-duihao-quan:before {
    content: "\e624"
}

.icon-guzhangtiaozha:before {
    content: "\e625"
}

.icon-cuowu-quan:before {
    content: "\e626"
}

.icon-shezhi:before {
    content: "\e627"
}

.icon-kaiguanbianwei:before {
    content: "\e628"
}

.icon-liebiao:before {
    content: "\e629"
}

.icon-fenxiang:before {
    content: "\e62a"
}

.icon-shijian-quan:before {
    content: "\e62b"
}

.icon-shuding:before {
    content: "\e62c"
}

.icon-shixinjiantou-xia:before {
    content: "\e62d"
}

.icon-quanping-tuichu:before {
    content: "\e62e"
}

.icon-shuaxin1:before {
    content: "\e62f"
}

.icon-shijianbiaotou:before {
    content: "\e630"
}

.icon-shuqian1:before {
    content: "\e631"
}

.icon-shuqian-huamian:before {
    content: "\e632"
}

.icon-weizhi:before {
    content: "\e633"
}

.icon-bianji-daikuang:before {
    content: "\e634"
}

.icon-tongzhi-tianchong:before {
    content: "\e635"
}

.icon-wenjian-fuzhi:before {
    content: "\e636"
}

.icon-shuangjiantou-shang:before {
    content: "\e637"
}

.icon-lianjie:before {
    content: "\e638"
}

.icon-shoucang-yixuanzhong:before {
    content: "\e639"
}

.icon-shixinjiantou-you:before {
    content: "\e63a"
}

.icon-tubiao:before {
    content: "\e63b"
}

.icon-wenhao-quan:before {
    content: "\e63c"
}

.icon-wenjianjia1:before {
    content: "\e63d"
}

.icon-zuzhijigou:before {
    content: "\e63e"
}

.icon-wenjianjia-tianjia:before {
    content: "\e63f"
}

.icon-wenjian-tianjia:before {
    content: "\e640"
}

.icon-rili:before {
    content: "\e641"
}

.icon-xinxi-quan:before {
    content: "\e642"
}

.icon-yibiaopan:before {
    content: "\e643"
}

.icon-jinzhiliulan:before {
    content: "\e644"
}

.icon-quanping:before {
    content: "\e645"
}

.icon-a-shixinjiantou-shangxia:before {
    content: "\e646"
}

.icon-shixinjiantou-zuo:before {
    content: "\e647"
}

.icon-xingqudianchaxun:before {
    content: "\e64b"
}

.icon-shixinjiantou-shang:before {
    content: "\e64c"
}

.icon-yun-shangchuan:before {
    content: "\e64d"
}

.icon-xinxi-tianchong:before {
    content: "\e655"
}

.icon-tongzhi:before {
    content: "\e68e"
}

.icon-shanchu1:before {
    content: "\e68f"
}

.icon-yingyong:before {
    content: "\e690"
}

.icon-yun:before {
    content: "\e691"
}

.icon-gengduo-shu:before {
    content: "\e692"
}

.icon-liulan:before {
    content: "\e693"
}

.icon-zanting:before {
    content: "\e694"
}

.icon-shexiangtou:before {
    content: "\e696"
}

.icon-shijian-tianchong:before {
    content: "\e699"
}

.icon-shuangjiantou-xia:before {
    content: "\e6a8"
}

.icon-tuceng1:before {
    content: "\e6a9"
}

.icon-shoucang-weixuanzhong:before {
    content: "\e6aa"
}

.icon-wenjian:before {
    content: "\e6ab"
}

.icon-PDF:before {
    content: "\e6ac"
}

.icon-shuqian-shebei:before {
    content: "\e6ad"
}

.icon-xiazai:before {
    content: "\e6ae"
}

.icon-wenhao-tianchong:before {
    content: "\e6af"
}

.icon-yun-xiazai:before {
    content: "\e6b0"
}

.icon-huanchongfenxi:before {
    content: "\e68d"
}

.icon-fubingfenbu:before {
    content: "\e695"
}

.icon-a-30fenzhongyujing:before {
    content: "\e697"
}

.icon-dizaiyujing:before {
    content: "\e698"
}

.icon-fubingjiance:before {
    content: "\e69a"
}

.icon-fubingyubao1:before {
    content: "\e69b"
}

.icon-dizhizaihaifenbu2:before {
    content: "\e69c"
}

.icon-a-72xiaoshiyubao:before {
    content: "\e69d"
}

.icon-lishitaifeng:before {
    content: "\e69e"
}

.icon-shanhuoyujing1:before {
    content: "\e69f"
}

.icon-shishilaleijiance1:before {
    content: "\e6a0"
}

.icon-huoyuetaifeng:before {
    content: "\e6a1"
}

.icon-shanhuofenbu:before {
    content: "\e6a2"
}

.icon-shanhuojiance2:before {
    content: "\e6a3"
}

.icon-wudongjiance:before {
    content: "\e6a4"
}

.icon-zonghedishanmidufenbu:before {
    content: "\e6a5"
}

.icon-wudongyujing:before {
    content: "\e6a6"
}

.icon-wudongfenbu2:before {
    content: "\e6a7"
}

.icon-duobianxing:before {
    content: "\e687"
}

.icon-fangxing:before {
    content: "\e688"
}

.icon-tuoyuanxing:before {
    content: "\e689"
}

.icon-quyu:before {
    content: "\e68a"
}

.icon-xian:before {
    content: "\e68b"
}

.icon-dian:before {
    content: "\e68c"
}

.icon-jiahao:before {
    content: "\e678"
}

.icon-jiantou-xia:before {
    content: "\e679"
}

.icon-jiantou-zuo:before {
    content: "\e67a"
}

.icon-shuangjiantou-you:before {
    content: "\e67b"
}

.icon-shuangjiantou-zuo:before {
    content: "\e67c"
}

.icon-jiantou-shang:before {
    content: "\e67d"
}

.icon-guanbi:before {
    content: "\e67e"
}

.icon-shanchu:before {
    content: "\e67f"
}

.icon-fanhui:before {
    content: "\e680"
}

.icon-bianji:before {
    content: "\e681"
}

.icon-sousuo:before {
    content: "\e682"
}

.icon-lishijilu:before {
    content: "\e683"
}

.icon-jiantou-you:before {
    content: "\e684"
}

.icon-jianhao:before {
    content: "\e685"
}

.icon-IDchaxun:before {
    content: "\e675"
}

.icon-zuobiaodingwei:before {
    content: "\e676"
}

.icon-shebeichaxun:before {
    content: "\e677"
}

.icon-gengduo:before {
    content: "\e66b"
}

.icon-shebeishu:before {
    content: "\e66c"
}

.icon-wenjianjia:before {
    content: "\e66d"
}

.icon-jiaoliuxianlu:before {
    content: "\e66e"
}

.icon-tuli:before {
    content: "\e66f"
}

.icon-xianlu:before {
    content: "\e670"
}

.icon-shuaxin:before {
    content: "\e671"
}

.icon-tuceng:before {
    content: "\e672"
}

.icon-zhiliuxianlu:before {
    content: "\e673"
}

.icon-shuqian:before {
    content: "\e674"
}

.icon-lakuangdayin:before {
    content: "\e663"
}

.icon-mianjiceliang:before {
    content: "\e66a"
}

.icon-quantudayin:before {
    content: "\e664"
}

.icon-jiaoduceliang:before {
    content: "\e665"
}

.icon-changduceliang:before {
    content: "\e666"
}

.icon-lakuangdaochu:before {
    content: "\e667"
}

.icon-kongjianfenxi:before {
    content: "\e668"
}

.icon-quantudaochu:before {
    content: "\e669"
}

.icon-shanhuo:before {
    content: "\e65a"
}

.icon-dishan:before {
    content: "\e65b"
}

.icon-niaofen:before {
    content: "\e65c"
}

.icon-zonghedishan:before {
    content: "\e65d"
}

.icon-tianqiyubao:before {
    content: "\e65e"
}

.icon-fengqu:before {
    content: "\e65f"
}

.icon-wudong:before {
    content: "\e660"
}

.icon-niaochao:before {
    content: "\e661"
}

.icon-wuqu:before {
    content: "\e662"
}

.icon-biandianzhanneitu:before {
    content: "\e656"
}

.icon-diyataiqutu:before {
    content: "\e657"
}

.icon-shudiandanxiantu:before {
    content: "\e658"
}

.icon-peidianzhanneitu:before {
    content: "\e659"
}

.icon-zhiliuguimotongji:before {
    content: "\e64f"
}

.icon-biandianguimotongji:before {
    content: "\e650"
}

.icon-yewuzhibiaojiankong:before {
    content: "\e651"
}

.icon-shudianguimotongji:before {
    content: "\e652"
}

.icon-peidianguimotongji:before {
    content: "\e653"
}

.icon-tiaozhashijianjiankong:before {
    content: "\e654"
}

.icon-zhuantifenxi:before {
    content: "\e64e"
}

.icon-gongjuxiang:before {
    content: "\e64a"
}

.icon-dianwangzonglan:before {
    content: "\e648"
}

.icon-zhuantizonglan:before {
    content: "\e649"
}

* {
    box-sizing: border-box
}

ul {
    padding: 0;
    margin: 0
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: rgba(0,0,0,0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

body {
    --amber-0: 250, 248, 231;
    --amber-1: 244, 239, 199;
    --amber-2: 233, 220, 147;
    --amber-3: 222, 199, 99;
    --amber-4: 211, 177, 55;
    --amber-5: 200, 153, 15;
    --amber-6: 167, 119, 11;
    --amber-7: 133, 89, 7;
    --amber-8: 100, 61, 4;
    --amber-9: 67, 37, 2;
    --blue-0: 230, 241, 250;
    --blue-1: 196, 223, 246;
    --blue-2: 142, 191, 236;
    --blue-3: 91, 159, 227;
    --blue-4: 43, 127, 217;
    --blue-5: 0, 97, 208;
    --blue-6: 0, 77, 172;
    --blue-7: 0, 59, 137;
    --blue-8: 0, 42, 101;
    --blue-9: 0, 26, 65;
    --brand-0: 227, 246, 246;
    --brand-1: 190, 238, 237;
    --brand-2: 132, 219, 220;
    --brand-3: 81, 200, 203;
    --brand-4: 37, 179, 185;
    --brand-5: 0, 158, 168;
    --brand-6: 0, 129, 140;
    --brand-7: 0, 102, 112;
    --brand-8: 0, 75, 84;
    --brand-9: 2, 52, 66;
    --global-black: 0, 0, 0;
    --global-white: 255, 255, 255;
    --gradient-1: 3, 64, 90;
    --gradient-2: 1, 29, 40;
    --green-0: 236, 247, 236;
    --green-1: 207, 240, 210;
    --green-2: 164, 225, 169;
    --green-3: 124, 209, 133;
    --green-4: 89, 194, 101;
    --green-5: 58, 179, 74;
    --green-6: 47, 149, 62;
    --green-7: 36, 119, 50;
    --green-8: 26, 90, 38;
    --green-9: 17, 60, 25;
    --grey-0: 247, 248, 250;
    --grey-1: 229, 230, 235;
    --grey-2: 215, 215, 223;
    --grey-3: 193, 194, 204;
    --grey-4: 172, 173, 185;
    --grey-5: 161, 161, 170;
    --grey-6: 128, 129, 146;
    --grey-7: 106, 107, 125;
    --grey-8: 86, 86, 105;
    --grey-9: 24, 24, 27;
    --indigo-0: 236, 238, 247;
    --indigo-1: 208, 215, 240;
    --indigo-2: 165, 176, 225;
    --indigo-3: 127, 141, 209;
    --indigo-4: 92, 107, 194;
    --indigo-5: 61, 77, 179;
    --indigo-6: 49, 62, 159;
    --indigo-7: 49, 62, 159;
    --indigo-8: 30, 37, 118;
    --indigo-9: 22, 27, 97;
    --light_blue-0: 239, 251, 254;
    --light_blue-1: 213, 245, 252;
    --light_blue-2: 171, 233, 249;
    --light_blue-3: 130, 221, 246;
    --light_blue-4: 91, 207, 243;
    --light_blue-5: 52, 193, 240;
    --light_blue-6: 41, 158, 200;
    --light_blue-7: 31, 124, 160;
    --light_blue-8: 22, 91, 120;
    --light_blue-9: 14, 59, 80;
    --light_green-0: 242, 247, 236;
    --light_green-1: 226, 240, 207;
    --light_green-2: 197, 225, 164;
    --light_green-3: 169, 209, 124;
    --light_green-4: 143, 194, 89;
    --light_green-5: 118, 179, 58;
    --light_green-6: 96, 149, 47;
    --light_green-7: 75, 119, 36;
    --light_green-8: 54, 90, 26;
    --light_green-9: 35, 60, 17;
    --orange-0: 255, 248, 235;
    --orange-1: 255, 236, 204;
    --orange-2: 255, 214, 153;
    --orange-3: 255, 188, 102;
    --orange-4: 255, 159, 51;
    --orange-5: 255, 126, 0;
    --orange-6: 219, 97, 0;
    --orange-7: 184, 72, 0;
    --orange-8: 148, 51, 0;
    --orange-9: 112, 33, 0;
    --pink-0: 249, 232, 234;
    --pink-1: 243, 200, 207;
    --pink-2: 231, 149, 165;
    --pink-3: 218, 103, 129;
    --pink-4: 206, 61, 98;
    --pink-5: 194, 23, 73;
    --pink-6: 174, 15, 67;
    --pink-7: 153, 9, 61;
    --pink-8: 133, 4, 54;
    --pink-9: 112, 0, 48;
    --purple-0: 247, 233, 247;
    --purple-1: 240, 202, 239;
    --purple-2: 223, 154, 225;
    --purple-3: 204, 110, 209;
    --purple-4: 184, 72, 194;
    --purple-5: 162, 38, 179;
    --purple-6: 139, 29, 159;
    --purple-7: 116, 21, 138;
    --purple-8: 95, 14, 118;
    --purple-9: 75, 9, 97;
    --red-0: 255, 241, 239;
    --red-1: 254, 219, 213;
    --red-2: 253, 180, 172;
    --red-3: 252, 139, 130;
    --red-4: 251, 95, 90;
    --red-5: 250, 49, 49;
    --red-6: 208, 35, 40;
    --red-7: 167, 23, 32;
    --red-8: 125, 13, 24;
    --red-9: 83, 6, 17;
    --violet-0: 241, 235, 247;
    --violet-1: 223, 206, 240;
    --violet-2: 190, 160, 225;
    --violet-3: 159, 120, 209;
    --violet-4: 128, 83, 194;
    --violet-5: 98, 51, 179;
    --violet-6: 80, 40, 159;
    --violet-7: 63, 31, 138;
    --violet-8: 48, 23, 118;
    --violet-9: 35, 16, 97;
    --yellow-0: 255, 253, 237;
    --yellow-1: 255, 249, 208;
    --yellow-2: 255, 239, 161;
    --yellow-3: 255, 227, 114;
    --yellow-4: 255, 211, 67;
    --yellow-5: 255, 192, 20;
    --yellow-6: 213, 150, 15;
    --yellow-7: 170, 111, 10;
    --yellow-8: 128, 77, 6;
    --yellow-9: 85, 47, 3;
    --border_radius-0: 0;
    --border_radius-1: 2px;
    --border_radius-2: 4px;
    --border_radius-3: 8px;
    --border_radius-4: 9999px;
    --border_width-1: 1px;
    --border_width-2: 2px;
    --font_family-Chinese: PingFang SC;
    --font_family-Number: PingFang SC;
    --font_size-12: 12px;
    --font_size-14: 14px;
    --font_size-16: 16px;
    --font_size-18: 18px;
    --font_size-20: 20px;
    --font_size-22: 22px;
    --font_size-24: 24px;
    --font_size-32: 32px;
    --font_size-36: 36px;
    --font_weight-Regular: 400;
    --font_weight-bold: 600;
    --line_height-14: 14px;
    --line_height-20: 20px;
    --line_height-22: 22px;
    --line_height-24: 24px;
    --line_height-28: 28px;
    --line_height-32: 32px;
    --line_height-44: 44px;
    --sizing-base_large: 28px;
    --sizing-default: 16px;
    --sizing-extra_large: 32px;
    --sizing-extra_small: 8px;
    --sizing-large: 24px;
    --sizing-medium: 20px;
    --sizing-small: 12px;
    --sizing-super_large: 40px;
    --spacing-base: 16px;
    --spacing-base_loose: 20px;
    --spacing-baseTight: 12px;
    --spacing-extra_loose: 32px;
    --spacing-extra_tight: 4px;
    --spacing-loose: 24px;
    --spacing-none: 0;
    --spacing-super_loose: 40px;
    --spacing-super_tight: 2px;
    --spacing-tight: 8px;
    --spacing-loose-special: 56px;
    --text_decoration-none: none;
    --text_decoration-line_through: line-through;
    --text_decoration-underline: underline
}

body {
    --color-primary-default: rgba(var(--brand-5), 1);
    --color-primary-hover: rgba(var(--brand-6), 1);
    --color-primary-active: rgba(var(--brand-7), 1);
    --color-primary-transparent-10: rgba(var(--brand-5), 0.1);
    --color-primary-transparent-20: rgba(var(--brand-5), 0.2);
    --color-primary-transparent-30: rgba(var(--brand-5), 0.3);
    --color-primary-transparent-40: rgba(var(--brand-5), 0.4);
    --color-primary-transparent-50: rgba(var(--brand-5), 0.5);
    --color-primary-transparent-60: rgba(var(--brand-5), 0.6);
    --color-secondary-default: rgba(var(--grey-0), 1);
    --color-secondary-hover: rgba(var(--grey-1), 1);
    --color-secondary-active: rgba(var(--grey-2), 1);
    --color-tertiary-default: rgba(var(--grey-5), 1);
    --color-tertiary-hover: rgba(var(--grey-6), 1);
    --color-tertiary-active: rgba(var(--grey-7), 1);
    --color-primary_light-default: rgba(var(--brand-0), 1);
    --color-primary_light-hover: rgba(var(--brand-1), 1);
    --color-primary_light-active: rgba(var(--brand-2), 1);
    --color-secondary_light-default: rgba(var(--light_blue-0), 1);
    --color-secondary_light-hover: rgba(var(--light_blue-1), 1);
    --color-secondary_light-active: rgba(var(--light_blue-2), 1);
    --color-tertiary_light-default: rgba(var(--grey-0), 1);
    --color-tertiary_light-hover: rgba(var(--brand-6), 1);
    --color-tertiary_light-active: rgba(var(--brand-7), 1);
    --color-bg-0: rgba(var(--global-white), 1);
    --color-bg-1: rgba(var(--global-black), 0.6);
    --color-bg-2: rgba(var(--global-white), 1);
    --color-bg-3: rgba(var(--grey-0), 1);
    --color-bg-4: rgba(var(--grey-1), 1);
    --color-link-default: rgba(var(--brand-5), 1);
    --color-link-hover: rgba(var(--brand-6), 1);
    --color-link-active: rgba(var(--brand-7), 1);
    --color-link-visited: rgba(var(--brand-5), 1);
    --color-info-default: rgba(var(--brand-5), 1);
    --color-info-hover: rgba(var(--brand-6), 1);
    --color-info-active: rgba(var(--brand-7), 1);
    --color-info-disabled: rgba(var(--brand-2), 1);
    --color-info_light-default: rgba(var(--brand-0), 1);
    --color-info_light-hover: rgba(var(--brand-1), 1);
    --color-info_light-active: rgba(var(--brand-2), 1);
    --color-fill-0: rgba(var(--grey-9), 0.05);
    --color-fill-1: rgba(var(--grey-9), 0.09);
    --color-fill-2: rgba(var(--grey-9), 0.13);
    --color-text-0: rgba(var(--grey-9), 1);
    --color-text-1: rgba(var(--grey-9), 0.8);
    --color-text-2: rgba(var(--grey-9), 0.6);
    --color-text-3: rgba(var(--grey-9), 0.35);
    --color-border-default: rgba(var(--grey-1), 1);
    --color-border-hover: rgba(var(--grey-3), 1);
    --color-border-focus: rgba(var(--brand-5), 1);
    --color-border-focus_container: rgba(var(--global-white), 1);
    --color-danger-default: rgba(var(--red-5), 1);
    --color-danger-hover: rgba(var(--red-6), 1);
    --color-danger-active: rgba(var(--red-7), 1);
    --color-success-default: rgba(var(--green-5), 1);
    --color-success-hover: rgba(var(--green-6), 1);
    --color-success-active: rgba(var(--green-7), 1);
    --color-warning-default: rgba(var(--orange-5), 1);
    --color-warning-hover: rgba(var(--orange-6), 1);
    --color-warning-active: rgba(var(--orange-7), 1);
    --color-danger_light-default: rgba(var(--red-0), 1);
    --color-danger_light-hover: rgba(var(--red-1), 1);
    --color-danger_light-active: rgba(var(--red-2), 1);
    --color-success_light-default: rgba(var(--green-0), 1);
    --color-success_light-hover: rgba(var(--green-1), 1);
    --color-success_light-active: rgba(var(--green-2), 1);
    --color-warning_light-default: rgba(var(--orange-0), 1);
    --color-warning_light-hover: rgba(var(--orange-1), 1);
    --color-warning_light-active: rgba(var(--orange-2), 1);
    --color-shadow-0: rgba(var(--global-black), 0.16);
    --color-disabled-bg: rgba(var(--grey-0), 1);
    --color-disabled-border: rgba(var(--grey-1), 1);
    --color-disabled-text: rgba(var(--grey-9), 0.35);
    --color-other-1: rgba(var(--brand-5), 1);
    --color-other-2: rgba(var(--brand-4), 1);
    --color-other-3: rgba(var(--blue-5), 1);
    --color-other-4: rgba(var(--blue-4), 1);
    --color-other-5: rgba(var(--green-5), 1);
    --color-other-6: rgba(var(--green-4), 1);
    --color-other-7: rgba(var(--orange-4), 1);
    --color-other-8: rgba(var(--indigo-4), 1);
    --color-other-9: rgba(var(--red-4), 1);
    --color-other-10: rgba(var(--pink-4), 1);
    --color-other-11: rgba(var(--violet-4), 1);
    --color-other-12: rgba(var(--amber-4), 1);
    --color-other-13: rgba(var(--light_blue-4), 1);
    --color-other-14: rgba(var(--light_green-4), 1);
    --shadow-0: none;
    --shadow-1: 0 2px 4px 0 rgba(var(--color-shadow-0), 1);
    --shadow-2: 0 0 10px 0 rgba(var(--color-shadow-0), 1);
    --shadow-3: 0 0 20px 0 rgba(var(--color-shadow-0), 1);
    --color-bg-5: linear-gradient(148.48deg, rgba(var(--brand-5), 0.12) 0%, rgba(var(--brand-5), 0) 100%)
}

body[theme-mode=nari-light] {
    --color-primary-default: rgba(var(--brand-5), 1);
    --color-primary-hover: rgba(var(--brand-6), 1);
    --color-primary-active: rgba(var(--brand-7), 1);
    --color-primary-transparent-10: rgba(var(--brand-5), 0.1);
    --color-primary-transparent-20: rgba(var(--brand-5), 0.2);
    --color-primary-transparent-30: rgba(var(--brand-5), 0.3);
    --color-primary-transparent-40: rgba(var(--brand-5), 0.4);
    --color-primary-transparent-50: rgba(var(--brand-5), 0.5);
    --color-primary-transparent-60: rgba(var(--brand-5), 0.6);
    --color-secondary-default: rgba(var(--grey-0), 1);
    --color-secondary-hover: rgba(var(--grey-1), 1);
    --color-secondary-active: rgba(var(--grey-2), 1);
    --color-tertiary-default: rgba(var(--grey-5), 1);
    --color-tertiary-hover: rgba(var(--grey-6), 1);
    --color-tertiary-active: rgba(var(--grey-7), 1);
    --color-primary_light-default: rgba(var(--brand-0), 1);
    --color-primary_light-hover: rgba(var(--brand-1), 1);
    --color-primary_light-active: rgba(var(--brand-2), 1);
    --color-secondary_light-default: rgba(var(--light_blue-0), 1);
    --color-secondary_light-hover: rgba(var(--light_blue-1), 1);
    --color-secondary_light-active: rgba(var(--light_blue-2), 1);
    --color-tertiary_light-default: rgba(var(--grey-0), 1);
    --color-tertiary_light-hover: rgba(var(--brand-6), 1);
    --color-tertiary_light-active: rgba(var(--brand-7), 1);
    --color-bg-0: rgba(var(--global-white), 1);
    --color-bg-1: rgba(var(--global-white), 0.6);
    --color-bg-2: rgba(var(--global-white), 1);
    --color-bg-3: rgba(var(--grey-0), 1);
    --color-bg-4: rgba(var(--grey-1), 1);
    --color-link-default: rgba(var(--brand-5), 1);
    --color-link-hover: rgba(var(--brand-6), 1);
    --color-link-active: rgba(var(--brand-7), 1);
    --color-link-visited: rgba(var(--brand-5), 1);
    --color-info-default: rgba(var(--brand-5), 1);
    --color-info-hover: rgba(var(--brand-6), 1);
    --color-info-active: rgba(var(--brand-7), 1);
    --color-info-disabled: rgba(var(--brand-2), 1);
    --color-info_light-default: rgba(var(--brand-0), 1);
    --color-info_light-hover: rgba(var(--brand-1), 1);
    --color-info_light-active: rgba(var(--brand-2), 1);
    --color-fill-0: rgba(var(--grey-9), 0.05);
    --color-fill-1: rgba(var(--grey-9), 0.09);
    --color-fill-2: rgba(var(--grey-9), 0.13);
    --color-text-0: rgba(var(--grey-9), 1);
    --color-text-1: rgba(var(--grey-9), 0.8);
    --color-text-2: rgba(var(--grey-9), 0.6);
    --color-text-3: rgba(var(--grey-9), 0.45);
    --color-border-default: rgba(var(--grey-1), 1);
    --color-border-hover: rgba(var(--grey-3), 1);
    --color-border-focus: rgba(var(--brand-5), 1);
    --color-border-focus_container: rgba(var(--global-white), 1);
    --color-danger-default: rgba(var(--red-5), 1);
    --color-danger-hover: rgba(var(--red-6), 1);
    --color-danger-active: rgba(var(--red-7), 1);
    --color-success-default: rgba(var(--green-5), 1);
    --color-success-hover: rgba(var(--green-6), 1);
    --color-success-active: rgba(var(--green-7), 1);
    --color-warning-default: rgba(var(--orange-5), 1);
    --color-warning-hover: rgba(var(--orange-6), 1);
    --color-warning-active: rgba(var(--orange-7), 1);
    --color-danger_light-default: rgba(var(--red-0), 1);
    --color-danger_light-hover: rgba(var(--red-1), 1);
    --color-danger_light-active: rgba(var(--red-2), 1);
    --color-success_light-default: rgba(var(--green-0), 1);
    --color-success_light-hover: rgba(var(--green-1), 1);
    --color-success_light-active: rgba(var(--green-2), 1);
    --color-warning_light-default: rgba(var(--orange-0), 1);
    --color-warning_light-hover: rgba(var(--orange-1), 1);
    --color-warning_light-active: rgba(var(--orange-2), 1);
    --color-shadow-0: rgba(var(--global-black), 0.16);
    --color-disabled-bg: rgba(var(--grey-0), 1);
    --color-disabled-border: rgba(var(--grey-1), 1);
    --color-disabled-text: rgba(var(--grey-9), 0.35);
    --color-other-1: rgba(var(--brand-5), 1);
    --color-other-2: rgba(var(--brand-4), 1);
    --color-other-3: rgba(var(--blue-5), 1);
    --color-other-4: rgba(var(--blue-4), 1);
    --color-other-5: rgba(var(--green-5), 1);
    --color-other-6: rgba(var(--green-4), 1);
    --color-other-7: rgba(var(--orange-4), 1);
    --color-other-8: rgba(var(--indigo-4), 1);
    --color-other-9: rgba(var(--red-4), 1);
    --color-other-10: rgba(var(--pink-4), 1);
    --color-other-11: rgba(var(--violet-4), 1);
    --color-other-12: rgba(var(--amber-4), 1);
    --color-other-13: rgba(var(--light_blue-4), 1);
    --color-other-14: rgba(var(--light_green-4), 1);
    --shadow-0: none;
    --shadow-1: 0 2px 4px 0 rgba(var(--color-shadow-0), 1);
    --shadow-2: 0 0 10px 0 rgba(var(--color-shadow-0), 1);
    --shadow-3: 0 0 20px 0 rgba(var(--color-shadow-0), 1);
    --color-bg-5: linear-gradient(148.48deg, rgba(var(--brand-5), 0.12) 0%, rgba(var(--brand-5), 0) 100%)
}

body[theme-mode=nari-dark],.nari-station[theme-mode=nari-dark] {
    --color-primary-default: rgba(var(--brand-4), 1);
    --color-primary-hover: rgba(var(--brand-3), 1);
    --color-primary-active: rgba(var(--brand-2), 1);
    --color-primary-transparent-10: rgba(var(--brand-4), 0.1);
    --color-primary-transparent-20: rgba(var(--brand-4), 0.2);
    --color-primary-transparent-30: rgba(var(--brand-4), 0.3);
    --color-primary-transparent-40: rgba(var(--brand-4), 0.4);
    --color-primary-transparent-50: rgba(var(--brand-4), 0.5);
    --color-primary-transparent-60: rgba(var(--brand-4), 0.6);
    --color-secondary-default: rgba(var(--grey-4), 0.2);
    --color-secondary-hover: rgba(var(--grey-4), 0.3);
    --color-secondary-active: rgba(var(--grey-4), 0.4);
    --color-tertiary-default: rgba(var(--grey-4), 1);
    --color-tertiary-hover: rgba(var(--grey-3), 1);
    --color-tertiary-active: rgba(var(--grey-2), 1);
    --color-primary_light-default: rgba(var(--brand-4), 0.2);
    --color-primary_light-hover: rgba(var(--brand-4), 0.3);
    --color-primary_light-active: rgba(var(--brand-4), 0.4);
    --color-secondary_light-default: rgba(var(--light_blue-4), 0.2);
    --color-secondary_light-hover: rgba(var(--light_blue-4), 0.3);
    --color-secondary_light-active: rgba(var(--light_blue-4), 0.4);
    --color-tertiary_light-default: rgba(var(--grey-4), 0.2);
    --color-tertiary_light-hover: rgba(var(--grey-4), 0.3);
    --color-tertiary_light-active: rgba(var(--grey-4), 0.4);
    --color-bg-0: linear-gradient(180deg, rgba(var(--gradient-1), 0.9) 0%, rgba(var(--gradient-2), 0.9) 100%);
    --color-bg-1: rgba(var(--global-black), 0.6);
    --color-bg-2: rgba(var(--brand-9), 1);
    --color-bg-3: rgba(var(--brand-5), 0.1);
    --color-bg-4: rgba(var(--grey-0), 0.13);
    --color-link-default: rgba(var(--brand-4), 1);
    --color-link-hover: rgba(var(--brand-3), 1);
    --color-link-active: rgba(var(--brand-2), 1);
    --color-link-visited: rgba(var(--brand-4), 1);
    --color-info-default: rgba(var(--brand-4), 1);
    --color-info-hover: rgba(var(--brand-3), 1);
    --color-info-active: rgba(var(--brand-2), 1);
    --color-info-disabled: rgba(var(--brand-7), 1);
    --color-info_light-default: rgba(var(--brand-4), 0.2);
    --color-info_light-hover: rgba(var(--brand-4), 0.3);
    --color-info_light-active: rgba(var(--brand-4), 0.4);
    --color-fill-0: rgba(var(--global-white), 0.05);
    --color-fill-1: rgba(var(--global-white), 0.09);
    --color-fill-2: rgba(var(--global-white), 0.13);
    --color-text-0: rgba(var(--grey-0), 1);
    --color-text-1: rgba(var(--grey-0), 0.8);
    --color-text-2: rgba(var(--grey-0), 0.6);
    --color-text-3: rgba(var(--grey-0), 0.35);
    --color-border-default: rgba(var(--global-white), 0.16);
    --color-border-hover: rgba(var(--grey-3), 1);
    --color-border-focus: rgba(var(--brand-4), 1);
    --color-border-focus_container: rgba(var(--brand-7), 1);
    --color-danger-default: rgba(var(--red-4), 1);
    --color-danger-hover: rgba(var(--red-3), 1);
    --color-danger-active: rgba(var(--red-2), 1);
    --color-success-default: rgba(var(--green-4), 1);
    --color-success-hover: rgba(var(--green-4), 1);
    --color-success-active: rgba(var(--green-2), 1);
    --color-warning-default: rgba(var(--orange-4), 1);
    --color-warning-hover: rgba(var(--orange-3), 1);
    --color-warning-active: rgba(var(--orange-2), 1);
    --color-danger_light-default: rgba(var(--red-4), 0.2);
    --color-danger_light-hover: rgba(var(--red-4), 0.3);
    --color-danger_light-active: rgba(var(--red-4), 0.4);
    --color-success_light-default: rgba(var(--green-4), 0.2);
    --color-success_light-hover: rgba(var(--green-4), 0.3);
    --color-success_light-active: rgba(var(--green-4), 0.4);
    --color-warning_light-default: rgba(var(--orange-4), 0.2);
    --color-warning_light-hover: rgba(var(--orange-4), 0.2);
    --color-warning_light-active: rgba(var(--orange-4), 0.2);
    --color-shadow-0: rgba(var(--global-black), 0.16);
    --color-shadow-1: rgba(var(--brand-4), 0.35);
    --color-disabled-bg: rgba(var(--grey-1), 0.04);
    --color-disabled-border: var(--grey-8);
    --color-disabled-text: rgba(var(--grey-0), 0.35);
    --color-other-1: rgba(var(--brand-5), 1);
    --color-other-2: rgba(var(--brand-4), 1);
    --color-other-3: rgba(var(--blue-5), 1);
    --color-other-4: rgba(var(--blue-4), 1);
    --color-other-5: rgba(var(--green-5), 1);
    --color-other-6: rgba(var(--green-4), 1);
    --color-other-7: rgba(var(--orange-4), 1);
    --color-other-8: rgba(var(--indigo-4), 1);
    --color-other-9: rgba(var(--red-4), 1);
    --color-other-10: rgba(var(--pink-4), 1);
    --color-other-11: rgba(var(--violet-4), 1);
    --color-other-12: rgba(var(--amber-4), 1);
    --color-other-13: rgba(var(--light_blue-4), 1);
    --color-other-14: rgba(var(--light_green-4), 1);
    --shadow-0: none;
    --shadow-1: 0 2px 4px 0 rgba(var(--color-shadow-0), 1);
    --shadow-2: 0 0 12px 0 rgba(var(--color-shadow-1), 1), 0 0 10px 0 rgba(var(--color-shadow-0), 1);
    --shadow-3: 0 0 20px 0 rgba(var(--color-shadow-0), 1)
}

.nari-custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0,0,0,0)
}

.nari-custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--color-bg-4);
    border-radius: var(--border_radius-4)
}

.icon-tiaoyongfuwu.nari-icon-tiaoyongfuwu {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: rgba(255,255,255,.8);
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    cursor: pointer
}

.nari-button_text {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-primary-default);
    cursor: pointer
}

.nari-button_text:hover {
    color: var(--color-primary-hover)
}

.nari-button_text:active {
    color: var(--color-primary-active)
}

.nari-button_text .na-iconfont {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    vertical-align: inherit
}

.nari-tag {
    display: inline-flex;
    justify-content: center;
    box-sizing: content-box;
    padding: var(--spacing-none) var(--spacing-tight);
    height: 20px;
    margin-right: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    border-width: var(--border_width-1);
    border-style: solid;
    border-radius: var(--spacing-super_tight)
}

.nari-tag_primary_brand {
    background-color: rgba(var(--brand-5), 1);
    border-color: rgba(var(--brand-5), 1);
    color: rgba(var(--global-white), 1)
}

.nari-tag_primary_green {
    background-color: rgba(var(--green-5), 1);
    border-color: rgba(var(--green-5), 1);
    color: rgba(var(--global-white), 1)
}

.nari-tag_primary_red {
    background-color: rgba(var(--red-5), 1);
    border-color: rgba(var(--red-5), 1);
    color: rgba(var(--global-white), 1)
}

.nari-tag_primary_orange {
    background-color: rgba(var(--orange-5), 1);
    border-color: rgba(var(--orange-5), 1);
    color: rgba(var(--global-white), 1)
}

.nari-tag_primary_yellow {
    background-color: rgba(var(--yellow-5), 1);
    border-color: rgba(var(--yellow-5), 1);
    color: rgba(var(--global-white), 1)
}

.nari-tag_primary_light_blue {
    background-color: rgba(var(--light_blue-5), 1);
    border-color: rgba(var(--light_blue-5), 1);
    color: rgba(var(--global-white), 1)
}

.nari-tag_primary_blue {
    background-color: rgba(var(--blue-5), 1);
    border-color: rgba(var(--blue-5), 1);
    color: rgba(var(--global-white), 1)
}

.nari-tag_primary_grey {
    background-color: rgba(var(--grey-5), 1);
    border-color: rgba(var(--grey-5), 1);
    color: rgba(var(--global-white), 1)
}

.nari-tag_secondary_brand {
    background-color: rgba(var(--brand-5), 0.1);
    border-color: rgba(var(--brand-5), 0.3);
    color: rgba(var(--brand-5), 1)
}

.nari-tag_secondary_green {
    background-color: rgba(var(--green-5), 0.1);
    border-color: rgba(var(--green-5), 0.3);
    color: rgba(var(--green-5), 1)
}

.nari-tag_secondary_red {
    background-color: rgba(var(--red-5), 0.1);
    border-color: rgba(var(--red-5), 0.3);
    color: rgba(var(--red-5), 1)
}

.nari-tag_secondary_orange {
    background-color: rgba(var(--orange-5), 0.1);
    border-color: rgba(var(--orange-5), 0.3);
    color: rgba(var(--orange-5), 1)
}

.nari-tag_secondary_yellow {
    background-color: rgba(var(--yellow-5), 0.1);
    border-color: rgba(var(--yellow-5), 0.3);
    color: rgba(var(--yellow-5), 1)
}

.nari-tag_secondary_light_blue {
    background-color: rgba(var(--light_blue-5), 0.1);
    border-color: rgba(var(--light_blue-5), 0.3);
    color: rgba(var(--light_blue-5), 1)
}

.nari-tag_secondary_blue {
    background-color: rgba(var(--blue-5), 0.1);
    border-color: rgba(var(--blue-5), 0.3);
    color: rgba(var(--blue-5), 1)
}

.nari-tag_secondary_grey {
    background-color: rgba(var(--grey-5), 0.1);
    border-color: rgba(var(--grey-5), 0.3);
    color: rgba(var(--grey-5), 1)
}

.nari-tag_tertiary_brand {
    background-color: rgba(0,0,0,0);
    border-color: rgba(var(--brand-5), 0.3);
    color: rgba(var(--brand-5), 1)
}

.nari-tag_tertiary_green {
    background-color: rgba(0,0,0,0);
    border-color: rgba(var(--green-5), 0.3);
    color: rgba(var(--green-5), 1)
}

.nari-tag_tertiary_red {
    background-color: rgba(0,0,0,0);
    border-color: rgba(var(--red-5), 0.3);
    color: rgba(var(--red-5), 1)
}

.nari-tag_tertiary_orange {
    background-color: rgba(0,0,0,0);
    border-color: rgba(var(--orange-5), 0.3);
    color: rgba(var(--orange-5), 1)
}

.nari-tag_tertiary_yellow {
    background-color: rgba(0,0,0,0);
    border-color: rgba(var(--yellow-5), 0.3);
    color: rgba(var(--yellow-5), 1)
}

.nari-tag_tertiary_light_blue {
    background-color: rgba(0,0,0,0);
    border-color: rgba(var(--light_blue-5), 0.3);
    color: rgba(var(--light_blue-5), 1)
}

.nari-tag_tertiary_blue {
    background-color: rgba(0,0,0,0);
    border-color: rgba(var(--blue-5), 0.3);
    color: rgba(var(--blue-5), 1)
}

.nari-tag_tertiary_grey {
    background-color: rgba(0,0,0,0);
    border-color: rgba(var(--grey-5), 0.3);
    color: rgba(var(--grey-5), 1)
}

.na-input.is-focus .na-input__inner {
    border-color: #0d867f
}

.na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.na-input-group__append {
    background: rgba(0,0,0,0);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.na-select .na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.na-select .na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.na-select .na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.na-select .na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.na-select .na-input__inner::placeholder {
    color: var(--color-text-3)
}

.na-select .na-input.is-focus .na-input__inner {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.na-select-dropdown {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1);
    background-color: var(--color-bg-2) !important;
    border: none;
    box-shadow: var(--shadow-1)
}

.na-select-dropdown.is-multiple .na-select-dropdown__item,.na-select-dropdown__item {
    color: var(--color-text-1)
}

.na-select-dropdown.is-multiple .na-select-dropdown__item.selected,.na-select-dropdown__item.selected {
    color: var(--color-link-default) !important;
    background: rgba(0,0,0,0)
}

.na-select-dropdown.is-multiple .na-select-dropdown__item.selected.hover,.na-select-dropdown__item.selected.hover {
    background: var(--color-primary-transparent-10)
}

.na-select-dropdown.is-multiple .na-select-dropdown__item.hover,.na-select-dropdown.is-multiple .na-select-dropdown__item:hover,.na-select-dropdown__item.hover,.na-select-dropdown__item:hover {
    background: var(--color-primary-transparent-10) !important
}

.na-picker-panel {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1);
    background: var(--color-bg-2);
    border: none;
    box-shadow: var(--shadow-1)
}

.na-picker-panel__icon-btn {
    color: var(--color-text-3)
}

.na-date-table th {
    color: var(--color-text-1);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.na-date-table td.next-month,.na-date-table td.prev-month {
    color: var(--color-text-3)
}

.na-date-table td.today span {
    color: var(--color-link-default)
}

.na-date-table td.current:not(.disabled) span {
    background: var(--color-primary-default);
    color: rgba(var(--global-white), 1)
}

.na-date-table td.available:hover {
    color: var(--color-link-default)
}

.na-date-table td.in-range div {
    background-color: var(--color-primary-transparent-10)
}

.na-date-table td.in-range div,.na-date-table td.in-range div:hover {
    background: var(--color-primary-transparent-10)
}

.na-date-table td.start-date span,.na-date-table td.end-date span {
    background: var(--color-primary-default);
    color: rgba(var(--global-white), 1)
}

.na-date-table td.disabled div {
    background-color: var(--color-bg-2);
    color: var(--color-text-3)
}

.na-month-table th {
    color: var(--color-text-1);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.na-month-table td.today .cell {
    color: var(--color-link-default)
}

.na-month-table td .cell {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1)
}

.na-month-table td .cell:hover {
    color: var(--color-link-default)
}

.na-year-table th {
    color: var(--color-text-1);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.na-year-table td.today .cell {
    color: var(--color-link-default)
}

.na-year-table td .cell {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1)
}

.na-year-table td .cell:hover {
    color: var(--color-link-default)
}

.na-date-picker__header--bordered {
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.na-date-picker__header-label {
    color: var(--color-text-1)
}

.na-date-picker__header-label:hover {
    color: var(--color-link-default)
}

.na-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--color-bg-2)
}

.na-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: var(--color-bg-2)
}

.na-popper[x-placement^=top] .popper__arrow {
    border-top-color: var(--color-bg-2)
}

.na-popper[x-placement^=top] .popper__arrow::after {
    border-top-color: var(--color-bg-2)
}

.na-range-editor .na-range-input {
    background: rgba(0,0,0,0);
    color: var(--color-text-1)
}

.na-range-editor.is-active,.na-range-editor.is-active:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.na-range-editor .na-range-separator {
    color: var(--color-text-1)
}

.na-pagination button,.na-pagination .btn-next,.na-pagination .btn-prev {
    background-color: var(--color-bg-2);
    color: var(--color-text-0)
}

.na-pagination button:disabled {
    background-color: var(--color-bg-2);
    color: var(--color-text-3)
}

.na-pagination .na-pager li {
    background-color: var(--color-bg-2);
    color: var(--color-text-3)
}

.na-select__tags .na-tag {
    background-color: var(--color-bg-3);
    border: 1px solid var(--color-bg-3)
}

.na-select__tags .na-tag .na-tag__close {
    color: var(--color-text-3);
    background-color: var(--color-bg-3)
}

.na-date-range-picker {
    background-color: var(--color-bg-2)
}

.na-date-range-picker .na-month-table td.in-range div {
    background-color: var(--color-primary-transparent-10)
}

.na-date-range-picker .na-month-table td.today.end-date .cell,.na-date-range-picker .na-month-table td.start-date .cell {
    background-color: var(--color-primary-default)
}

.na-date-range-picker .na-month-table td.disabled .cell {
    background-color: var(--color-bg-2);
    color: var(--color-text-3)
}

.na-radio-button__orig-radio:checked+.na-radio-button__inner {
    color: #fff;
    background-color: #0d867f !important;
    border-color: #0d867f;
    box-shadow: -1px 0 0 0 #0d867f
}

.na-radio-button__inner:hover {
    color: #0d867f
}

.nari-marker-drip {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 32px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAABHNCSVQICAgIfAhkiAAACx1JREFUaIG1mm2MXUUZx3/Pvefe3W23ldK3bQuuUt7Ka2ltbaUYROraiGDCJ2PU8EEb/WD0QyMk2pCIRMGQ+JKQWGMEFFASTRBUrGKopaVgocRKEbChL7TdWlvp9mX3njvz+OHMnDNz7rl316Czudl75jzzzPPyn/88M7tCqS3a/PiqmtTWi8p1qgyDJiBILqEoAAIo/p26d/geATR7RrLRpcdMWkFQEHHPgQ4COTcjMIGwV5Utorpp/8hNO0P781Hzn3pqeoP0PkE/7xUWRkowIHSoYrqO1u19Ybj27I/Hl4MHcn+LxobRkZHTuVTmTGuzqK7WaGjZIR9iQCscyhMTGhGaW34uO1pOoVIo7XQ6sHT7hDTXjo6MnK4BNLV1r1hdjWZKVDVTln8sqprpV8CCqgW1uYyqolZR6/uIdKjTg9eRf2wg54JhFZwe/6y5nI31oajq6sSO3wcgC5741fJ6rfYXcZgvfHe49xBwWdFSxLNgar4+ptLy9SFO/6Rje2daRLKAYlYnNdHPZRmIhbUCGqq21DcVRzphluvW3nLhiF7P6qFJfX0CfDC2KvguWZZDwgrfx3Thx0iB/RxX1WZ5N4r32uNdub+EoGzq6xKxekHXIGsYt+6p6Fyvmue507g4E1rheKXeUn8Z/A66w4kqfTFraDSldtoQmdcJTa3sD3MW4b/stqgLZJm2S9NXe5skuHXhva5UobHLU1jFHY4Uo6rn8L2i8XMZ1kruc6THb+9JyGzdzKzCcnkX6ta6rYNufVUrrpuM364kEEhUJzdrKob8N2N7t15sV9JdyiZAomqL3V0kinx1cTP1CauMrGTG2Myuvb3GeeciyPnebhCsYpdJm68CwGFE0IpqZiph6vXej0/KO6NOonrKzqgrg4xB2+1s0iSBJMl2donjPSW9PUzz3Uk5K+XatzxgSjW2KmoM2mox3D/A9z/0EQC++MwfOHj2LDSbSL3mjgzSXQ8lqPlkS3d5GfrFTyt3mHJVNxU28wUqpo2Oj/OZi5dw+4r3Mz1JADjdNnzrhed48LU9SH9/ljGRgq68nl4rJn9VFWJBhn7+0CRJ7L2Ec1kly0qaMr/e4O5rr+ODi84P5i/W0dMH9rHxuWcZbadIo4HU65FT76TJ0KMP5uQX5kTVgUGKk2m1Lwpq0bZBWxOsO2+YOz+whhmNZrk8iII5lra4c/tWfntwH9LsgySBWq1ilqoyOahUCkZDRJChRx7oUjD7os8fjWOfxLOjtdhWyiwRvrZyNWuHL8hMkAIZuX7nnLjvCmze9ybf3LGNE6rUmg2o1ZysX1vlE3LZzGK7UUCGHv7JFI8yGkdcFW230VbKmqEhvr5qDXP6+7OFrhokVqITbF46SRHdo2fOcPeObWwdPYw0m8HaCuefGiRl3s9+rPka86Hr5hCSwcsqmqYMGMuXl6/g5sUXdV8DqrSsZffoEZYtWIRKBa85z375+t/5wa6dnK3VkYaDYAW9ewKSwN6Ctq0G4CI6xBW3My7cqmAtOjHB0lnncseqa1kwfZDUlg9+WXvjxHFeP/ZPDp48yaIZM1HgpYMHuPWqqxlsNDvkP774It43tIC7n3uWXSeOU+vrQ2s1ipNx4RRoflYLObjm8OME3Lk9fy7dBViLttvctuRyvn39jcwemEbLWFrGkBpDyxha1pBaw6N/fZnvPftnZg0O8sie3RgRlsyZx8JzzuUrTzzOP44fd/K2+G0tswcGuOf6G7ltyeXZhmwt4O80/D2GLWBvM8T4iiSoFDz7O3BHhZ/Lkxs0d9p0Xj46iqoyf9o05k8fdCkFLOw4sJ/n97/JXSPr+O4LO0iThGcOHeDQ2Ekwhs+uWMldT/+eez92CwNJkq/L0VOnGD1zBgHmTZuOvwwRZ3y8GgK2EQEHEpn3wA8jUpDJqrW2RU0KqUHTFp+85DI+tXRZNkKykNzx5K/56g1rOTF+li899SQyMJDN2Uq5ZHAG94ys4zev7qGOsG7JZbl9D+96kUdefSUjhkaSU3m8s0t0XshfucVVU58Nq9l1kQ2vlTREZCZTA0kaSF8f0mxiBVJraFtL2yhtY2mbNtObDV566yCXz57D3GYfapW6tXxh5SqsVa5YsJA9Rw47eUvbWqwI0teEvmbmjL+f8JDCwd+GtoXvlFp41xV9vIOOCPwdmA+LSkYWRnH4N/mnLjVSa/noJZey8foPs2bBQnR8nJsWX8yCwZm0rEUQrLWkpp1/jNpsT8kp282f479ko7svDJ1O/B4hbs8oFo5T4llQXcByCGdBMDYjhKI/o9N/j59lWtIEgVcOH2Zuo8ktl15GyxhA2XPkEOfNmkXLFAxpbGGgOD/yG6f4bB59D6u5Wp4Jx3IZa3hWCaLhoiU2hIDFqJIaQ9sYUmNJVbn2gsU89uJOUjWMt9u8fugtblu+AkRJ1XAqbfG7V/7G6sUX0lJDqpaWZrryyOc2lbNS+qD5T8ZyeSZi5/N1VzovFKSYYdg6ug3bsvOHeW30KA+/8DzL3/NeVrx7mMWz55Aaw9FTp3lo+1ZuvmopjVqdNMiQtRbFZSe8CXHzV10fhneGQrixVhx0QuSViU80263bbh8pO3/rNcvYuX8f+/51jE9cfQ0PbNvK6NgYg/393Lp8JQvPeRctYyIYG7XZXqea0XBYF1f9DgPs+CNRjS0NSrWOaITNQ8Ev7OjU5U5hVy46j9QaGvU6N15xJTP6+qm7BZ8aE+wtmVfGFJDL9/woqNKZudBGDU+sIcS0CETX5hwy1mYL21Wj4ZWS55mWsUxrNrHWYoOM5OvcxcJYU6yNSsMriKHU4ksSXwFXjIvqViUjENWMFNSABmeoPDASDPYDPZO6kAn5OKOuPgsvVoL4VTlTLsgLyLmypVuLqNs7LXC6ndJqZ3uUSOeNROfxPYx8fEQYS1vuuEHGpFWtpDCSCiHX8SaoY/OzDYp6fKAgNV48cojzZ57DhXPnUqua1UdASuq9GGCt8saxY+waPZzdTvu6sVSGSRT0WKGX6iCFQtziAZTZE97feYcglRqP7dkNu9uusojJqOxjXgL7ZyGrDJJ6VlJBEOMACuK4wlkRnB8jdOaX9WXMq7dcC9Ux3pxgvYZIAxpJlIhOQnGGqCMPB0+B4qCW95VRU9hRrDufKolki9LHMYLf08qGZOVyFy73hvSixRyqhRGxuEeDBuRSxmlAwUXIo+ek2KA0FgqmUeds9j1MuVL5/wQBq8X7WZULwegAb+EKim/cS1aWgp+UPS43DWCmFf2do7wToRH5dh31x2PLpUnx16rw4rEzfDHDJFhbxa0dRoZsW8CzyFasPHAuf6+5gVIxX/fLKo1ioxWyuV7ErSHt7pOoh1Y8uQRRD3OQj4tcKMb7S8xYLjK/06GAHDpWVUBzipKoMiFoX2hibHr4u5CodCOoNCv+pEuxKjR40611ZjvudSHzFUf2biIBuxdlCaWpqmFUPQm4NVV1nRVtFD1xHRkazlC1n8X6PBOzN1HDFkSXlMeETyFkKk2SrP6q2qMlYq1wAEQD8uxqRVCDubXIddkeUdmS1IzZpHVZ3zGw4qlrfLX7u+r8qqNwLb2snrlKd2efgDGb6hN//NPhvrU3zEd1xWQG/U9br+NBRU+vPdsJ3H/y9o0/SgBOytsbZujMpaiu7iYfKu5ksyr9vfvL/hSbaLxzlW2onF9k+5i8vQGgDsDmbWlrZPmjfbY5B1heZURlm3T/+v83Ebl/rD72aTZ8p/gHwLDNvOvOVVpnPWqvU5VhEZJeCjtY6B3KTa5HJ0Rkr6pusW3ddGbjN6J/0fwPA9BVRYk2YYoAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

.nari-marker-drip.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAABHNCSVQICAgIfAhkiAAACx1JREFUaIG1mm2MXUUZx3/Pvefe3W23ldK3bQuuUt7Ka2ltbaUYROraiGDCJ2PU8EEb/WD0QyMk2pCIRMGQ+JKQWGMEFFASTRBUrGKopaVgocRKEbChL7TdWlvp9mX3njvz+OHMnDNz7rl316Czudl75jzzzPPyn/88M7tCqS3a/PiqmtTWi8p1qgyDJiBILqEoAAIo/p26d/geATR7RrLRpcdMWkFQEHHPgQ4COTcjMIGwV5Utorpp/8hNO0P781Hzn3pqeoP0PkE/7xUWRkowIHSoYrqO1u19Ybj27I/Hl4MHcn+LxobRkZHTuVTmTGuzqK7WaGjZIR9iQCscyhMTGhGaW34uO1pOoVIo7XQ6sHT7hDTXjo6MnK4BNLV1r1hdjWZKVDVTln8sqprpV8CCqgW1uYyqolZR6/uIdKjTg9eRf2wg54JhFZwe/6y5nI31oajq6sSO3wcgC5741fJ6rfYXcZgvfHe49xBwWdFSxLNgar4+ptLy9SFO/6Rje2daRLKAYlYnNdHPZRmIhbUCGqq21DcVRzphluvW3nLhiF7P6qFJfX0CfDC2KvguWZZDwgrfx3Thx0iB/RxX1WZ5N4r32uNdub+EoGzq6xKxekHXIGsYt+6p6Fyvmue507g4E1rheKXeUn8Z/A66w4kqfTFraDSldtoQmdcJTa3sD3MW4b/stqgLZJm2S9NXe5skuHXhva5UobHLU1jFHY4Uo6rn8L2i8XMZ1kruc6THb+9JyGzdzKzCcnkX6ta6rYNufVUrrpuM364kEEhUJzdrKob8N2N7t15sV9JdyiZAomqL3V0kinx1cTP1CauMrGTG2Myuvb3GeeciyPnebhCsYpdJm68CwGFE0IpqZiph6vXej0/KO6NOonrKzqgrg4xB2+1s0iSBJMl2donjPSW9PUzz3Uk5K+XatzxgSjW2KmoM2mox3D/A9z/0EQC++MwfOHj2LDSbSL3mjgzSXQ8lqPlkS3d5GfrFTyt3mHJVNxU28wUqpo2Oj/OZi5dw+4r3Mz1JADjdNnzrhed48LU9SH9/ljGRgq68nl4rJn9VFWJBhn7+0CRJ7L2Ec1kly0qaMr/e4O5rr+ODi84P5i/W0dMH9rHxuWcZbadIo4HU65FT76TJ0KMP5uQX5kTVgUGKk2m1Lwpq0bZBWxOsO2+YOz+whhmNZrk8iII5lra4c/tWfntwH9LsgySBWq1ilqoyOahUCkZDRJChRx7oUjD7os8fjWOfxLOjtdhWyiwRvrZyNWuHL8hMkAIZuX7nnLjvCmze9ybf3LGNE6rUmg2o1ZysX1vlE3LZzGK7UUCGHv7JFI8yGkdcFW230VbKmqEhvr5qDXP6+7OFrhokVqITbF46SRHdo2fOcPeObWwdPYw0m8HaCuefGiRl3s9+rPka86Hr5hCSwcsqmqYMGMuXl6/g5sUXdV8DqrSsZffoEZYtWIRKBa85z375+t/5wa6dnK3VkYaDYAW9ewKSwN6Ctq0G4CI6xBW3My7cqmAtOjHB0lnncseqa1kwfZDUlg9+WXvjxHFeP/ZPDp48yaIZM1HgpYMHuPWqqxlsNDvkP774It43tIC7n3uWXSeOU+vrQ2s1ipNx4RRoflYLObjm8OME3Lk9fy7dBViLttvctuRyvn39jcwemEbLWFrGkBpDyxha1pBaw6N/fZnvPftnZg0O8sie3RgRlsyZx8JzzuUrTzzOP44fd/K2+G0tswcGuOf6G7ltyeXZhmwt4O80/D2GLWBvM8T4iiSoFDz7O3BHhZ/Lkxs0d9p0Xj46iqoyf9o05k8fdCkFLOw4sJ/n97/JXSPr+O4LO0iThGcOHeDQ2Ekwhs+uWMldT/+eez92CwNJkq/L0VOnGD1zBgHmTZuOvwwRZ3y8GgK2EQEHEpn3wA8jUpDJqrW2RU0KqUHTFp+85DI+tXRZNkKykNzx5K/56g1rOTF+li899SQyMJDN2Uq5ZHAG94ys4zev7qGOsG7JZbl9D+96kUdefSUjhkaSU3m8s0t0XshfucVVU58Nq9l1kQ2vlTREZCZTA0kaSF8f0mxiBVJraFtL2yhtY2mbNtObDV566yCXz57D3GYfapW6tXxh5SqsVa5YsJA9Rw47eUvbWqwI0teEvmbmjL+f8JDCwd+GtoXvlFp41xV9vIOOCPwdmA+LSkYWRnH4N/mnLjVSa/noJZey8foPs2bBQnR8nJsWX8yCwZm0rEUQrLWkpp1/jNpsT8kp282f479ko7svDJ1O/B4hbs8oFo5T4llQXcByCGdBMDYjhKI/o9N/j59lWtIEgVcOH2Zuo8ktl15GyxhA2XPkEOfNmkXLFAxpbGGgOD/yG6f4bB59D6u5Wp4Jx3IZa3hWCaLhoiU2hIDFqJIaQ9sYUmNJVbn2gsU89uJOUjWMt9u8fugtblu+AkRJ1XAqbfG7V/7G6sUX0lJDqpaWZrryyOc2lbNS+qD5T8ZyeSZi5/N1VzovFKSYYdg6ug3bsvOHeW30KA+/8DzL3/NeVrx7mMWz55Aaw9FTp3lo+1ZuvmopjVqdNMiQtRbFZSe8CXHzV10fhneGQrixVhx0QuSViU80263bbh8pO3/rNcvYuX8f+/51jE9cfQ0PbNvK6NgYg/393Lp8JQvPeRctYyIYG7XZXqea0XBYF1f9DgPs+CNRjS0NSrWOaITNQ8Ev7OjU5U5hVy46j9QaGvU6N15xJTP6+qm7BZ8aE+wtmVfGFJDL9/woqNKZudBGDU+sIcS0CETX5hwy1mYL21Wj4ZWS55mWsUxrNrHWYoOM5OvcxcJYU6yNSsMriKHU4ksSXwFXjIvqViUjENWMFNSABmeoPDASDPYDPZO6kAn5OKOuPgsvVoL4VTlTLsgLyLmypVuLqNs7LXC6ndJqZ3uUSOeNROfxPYx8fEQYS1vuuEHGpFWtpDCSCiHX8SaoY/OzDYp6fKAgNV48cojzZ57DhXPnUqua1UdASuq9GGCt8saxY+waPZzdTvu6sVSGSRT0WKGX6iCFQtziAZTZE97feYcglRqP7dkNu9uusojJqOxjXgL7ZyGrDJJ6VlJBEOMACuK4wlkRnB8jdOaX9WXMq7dcC9Ux3pxgvYZIAxpJlIhOQnGGqCMPB0+B4qCW95VRU9hRrDufKolki9LHMYLf08qGZOVyFy73hvSixRyqhRGxuEeDBuRSxmlAwUXIo+ek2KA0FgqmUeds9j1MuVL5/wQBq8X7WZULwegAb+EKim/cS1aWgp+UPS43DWCmFf2do7wToRH5dh31x2PLpUnx16rw4rEzfDHDJFhbxa0dRoZsW8CzyFasPHAuf6+5gVIxX/fLKo1ioxWyuV7ErSHt7pOoh1Y8uQRRD3OQj4tcKMb7S8xYLjK/06GAHDpWVUBzipKoMiFoX2hibHr4u5CodCOoNCv+pEuxKjR40611ZjvudSHzFUf2biIBuxdlCaWpqmFUPQm4NVV1nRVtFD1xHRkazlC1n8X6PBOzN1HDFkSXlMeETyFkKk2SrP6q2qMlYq1wAEQD8uxqRVCDubXIddkeUdmS1IzZpHVZ3zGw4qlrfLX7u+r8qqNwLb2snrlKd2efgDGb6hN//NPhvrU3zEd1xWQG/U9br+NBRU+vPdsJ3H/y9o0/SgBOytsbZujMpaiu7iYfKu5ksyr9vfvL/hSbaLxzlW2onF9k+5i8vQGgDsDmbWlrZPmjfbY5B1heZURlm3T/+v83Ebl/rD72aTZ8p/gHwLDNvOvOVVpnPWqvU5VhEZJeCjtY6B3KTa5HJ0Rkr6pusW3ddGbjN6J/0fwPA9BVRYk2YYoAAAAASUVORK5CYII=)
}

.nari-marker-circle {
    width: 46px;
    height: 46px;
    border-radius: var(--border_radius-4);
    background: rgba(var(--brand-5), 1);
    color: rgba(var(--global-white), 1);
    text-align: center;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular)
}

.nari-marker-circle_top {
    margin-top: var(--spacing-extra_tight)
}

.nari-marker-circle_bottom {
    text-align: center
}

.nari-time-slider {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    min-width: 500px;
    border-radius: var(--border_radius-2);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0)
}

.nari-time-slider_controller {
    padding: 5px 15px 5px 5px;
    display: flex;
    align-items: center
}

.nari-time-slider_controller_control {
    display: flex;
    align-items: center
}

.nari-time-slider_controller_control_icon {
    cursor: pointer;
    border-radius: var(--border_radius-4);
    background: var(--color-primary-default);
    color: var(--color-bg-0);
    padding: var(--spacing-extra_tight);
    margin: var(--spacing-extra_tight)
}

.nari-time-slider_controller_control_icon:hover {
    background: var(--color-primary-hover)
}

.nari-time-slider_controller_control_allowed {
    cursor: not-allowed
}

.nari-time-slider_controller_control_name {
    padding: var(--spacing-tight) var(--spacing-tight) var(--spacing-tight) var(--spacing-extra_tight)
}

.nari-time-slider_controller_control .el-icon-video-play,.nari-time-slider_controller_control .el-icon-video-pause {
    background-color: var(--color-primary-default);
    color: var(--color-bg-0)
}

.nari-time-slider_controller_control .el-icon-video-play:hover,.nari-time-slider_controller_control .el-icon-video-pause:hover {
    background: var(--color-primary-hover)
}

.nari-time-slider_controller_control_speed {
    cursor: pointer;
    padding: var(--spacing-extra_tight);
    font-style: normal
}

.nari-time-slider_slider {
    flex: 1;
    padding-left: var(--spacing-tight);
    position: relative
}

.nari-time-slider_slider_marks {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    position: absolute;
    width: calc(100% - 10px);
    color: var(--color-text-0)
}

.nari-time-slider_slider_marks_left {
    position: absolute;
    transform: translateX(-50%)
}

.nari-time-slider_slider_marks_right {
    position: absolute;
    transform: translateX(25%);
    right: 0
}

.nari-time-slider_slider_marks_date {
    position: absolute;
    min-width: 45px;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap
}

.nari-time-slider_slider .na-slider__runway {
    margin: var(--spacing-extra_tight) var(--spacing-none);
    background-color: var(--color-fill-1)
}

.nari-time-slider_slider .na-slider__runway.disabled .na-slider__bar {
    background-color: var(--color-primary-default)
}

.nari-time-slider_slider .na-slider__runway.na-slider__bar .disabled {
    background-color: var(--color-primary-default)
}

.nari-time-slider_slider .na-slider__runway .na-slider__bar {
    background-color: var(--color-primary-default)
}

.nari-time-slider_slider .na-slider__runway .na-slider__button-wrapper .na-slider__button {
    border: var(--border_width-2) solid var(--color-primary-default);
    width: 16px;
    height: 16px
}

.nari-time-slider_slider .na-slider__runway .na-slider__button-wrapper .na-slider__button[mini] {
    width: 16px;
    height: 16px
}

.nari-time-slider_slider .na-slider__runway .na-slider__button-wrapper .na-slider__button[normal] {
    width: 20px;
    height: 20px
}

.nari-time-slider_slider .na-slider__runway .na-slider__button-wrapper .na-slider__button[large] {
    width: 24px;
    height: 24px
}

.nari-time-slider_slider .na-slider__runway .na-slider__stop {
    width: 1px;
    top: var(--spacing-extra_tight);
    height: 5px;
    background-color: var(--color-primary-transparent-20)
}

.nari-time-slider_slider .na-slider__runway .na-slider__marks_point {
    position: absolute;
    transform: translateX(-50%);
    top: -1px;
    width: 8px;
    height: 8px;
    background: rgba(var(--global-white), 1);
    border-radius: var(--border_radius-4);
    border: var(--border_width-2) solid var(--color-primary-default)
}

.nari-time-slider_slider .na-slider__runway .na-slider__marks_point:hover:before {
    position: absolute;
    display: block;
    content: attr(data-beforeData);
    clear: both;
    min-width: 110px;
    max-width: 200px;
    top: -25px;
    transform: translateX(-45%);
    padding: var(--spacing-super_tight);
    background: rgba(var(--global-white), 1);
    color: var(--color-text-0);
    font-size: var(--font_size-14);
    white-space: nowrap;
    border-radius: var(--border_radius-1)
}

.nari-time-slider_slider .na-slider__runway .na-slider__marks_point_nodata {
    position: absolute;
    transform: translateX(-50%);
    top: -1px;
    width: 8px;
    height: 8px;
    background: rgba(var(--global-white), 1);
    border-radius: var(--border_radius-4);
    border: var(--border_width-2) solid var(--color-primary-default);
    border-color: rgba(var(--grey-5), 1)
}

.nari-time-slider_slider .na-slider__runway .na-slider__marks_point_nodata:hover:before {
    position: absolute;
    display: block;
    content: attr(data-beforeData);
    clear: both;
    min-width: 110px;
    max-width: 200px;
    top: -25px;
    transform: translateX(-45%);
    padding: var(--spacing-super_tight);
    background: rgba(var(--global-white), 1);
    color: var(--color-text-0);
    font-size: var(--font_size-14);
    white-space: nowrap;
    border-radius: var(--border_radius-1)
}

.nari-time-slider_slider .na-slider__runway .na-slider__marks_point_hide {
    position: absolute;
    transform: translateX(-50%);
    top: -1px;
    width: 8px;
    height: 8px;
    background: rgba(var(--global-white), 1);
    border-radius: var(--border_radius-4);
    border: var(--border_width-2) solid var(--color-primary-default)
}

.nari-time-slider_slider .na-slider__runway .na-slider__marks_point_hide:hover:before {
    position: absolute;
    display: block;
    content: attr(data-beforeData);
    clear: both;
    min-width: 110px;
    max-width: 200px;
    top: -25px;
    transform: translateX(-45%);
    padding: var(--spacing-super_tight);
    background: rgba(var(--global-white), 1);
    color: var(--color-text-0);
    font-size: var(--font_size-14);
    white-space: nowrap;
    border-radius: var(--border_radius-1)
}

.nari-time-slider_slider .nari-time-slider_slider_freedom .na-slider__bar {
    background-color: #e4e7ed
}

.padding-large {
    padding-right: var(--spacing_loose-special)
}

.padding-mimddle {
    padding-right: var(--spacing-loose)
}

.padding-mini {
    padding-right: var(--spacing-base)
}

#nari-time-slider {
    padding: var(--spacing-none) var(--spacing-base_loose);
    min-height: 60px
}

#nari-time-slider_controller_control_speed {
    min-width: 40px
}

#nari-time-slider_slider_marks {
    top: -18px
}

#nari-time-slider .na-slider__marks-text {
    margin-top: var(--spacing-base)
}

#nari-time-slider .na-slider__marks-text:last-child {
    text-align: center;
    white-space: nowrap
}

#nari-time-slider .nari-time-slider_slider_completed .na-slider__runway {
    background-color: var(--color-primary-default)
}

.nari-tabs {
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: default;
    width: 100%;
    height: 100%;
    border-radius: var(--border_radius-3);
    border: var(--border_width-1) solid var(--color-border-focus_container);
    background: var(--color-bg-0);
    color: var(--color-text-0)
}

.nari-tabs .nari-tab-pane {
    height: 100%
}

.nari-tabs .nari-tab-pane .na-loading-mask {
    background-color: var(--color-bg-0)
}

.nari-tabs .nari-tab-pane-title-block_time {
    font-size: var(--font_size-12);
    color: var(--color-text-3);
    font-family: var(--font_family-Chinese);
    font-weight: var(--font_weight-Regular);
    letter-spacing: var(--spacing-none)
}

.nari-tab-custom {
    width: 100%;
    height: 100%
}

.nari-tabs .nari-tabs__header {
    position: absolute;
    left: -28px;
    top: 16px;
    width: 28px
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .nari-tabs__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: var(--spacing-tight);
    margin: var(--spacing-extra_tight) var(--spacing-none);
    min-height: 60px;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-14);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0);
    background: var(--color-bg-3);
    border-bottom-left-radius: var(--border_radius-3);
    border-top-left-radius: var(--border_radius-3);
    outline: none
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .nari-tabs__item::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 0px;
    width: 8px;
    height: 8px;
    background: -webkit-radial-gradient(top left, ellipse, transparent 8px, var(--color-bg-3) 8px)
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .nari-tabs__item::after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 8px;
    height: 8px;
    background: -webkit-radial-gradient(bottom left, ellipse, transparent 8px, var(--color-bg-3) 8px)
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .nari-tabs__item:first-child {
    margin-top: var(--spacing-none)
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .is-active {
    color: var(--color-link-default);
    background: var(--color-bg-0)
}

.nari-tabs .nari-tabs__header_hide {
    display: none
}

.nari-tabs .nari-tabs__control {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-baseTight) var(--spacing-base);
    background-color: var(--color-bg-3);
    align-items: center;
    border-radius: var(--border_radius-2);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-tabs .nari-tabs__control .nari-tabs__close {
    position: absolute;
    right: var(--spacing-base);
    top: var(--spacing-baseTight);
    cursor: pointer;
    color: var(--color-text-0)
}

.nari-tabs .nari-tabs__control .nari-tabs__close .na-iconfont {
    font-size: var(--sizing-medium)
}

.nari-tabs .nari-tabs__cursor_move {
    cursor: move
}

.nari-tabs .nari-tabs__title {
    color: var(--color-text-0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold)
}

.nari-tabs .nari-tabs__title p {
    margin-block-start:0em;margin-block-end:0em}

.nari-tabs .nari-tabs__content {
    flex: 1;
    min-height: 0
}

.nari-pane-title_header .icon-fanhui {
    color: var(--color-primary-default);
    cursor: pointer
}

.nari-pane-title_time {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-3)
}

.nari-pane-title_time .el-icon-refresh {
    margin-left: var(--spacing-extra_tight);
    color: var(--color-text-3);
    cursor: pointer
}

.nari-empty {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-base) var(--spacing-none);
    margin: auto
}

.nari-empty_description {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.nari-device-details {
    line-height: 100%;
    font-size: var(--font_size-14);
    width: 100%;
    height: 744px
}

.nari-device-details_container {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--color-bg-0);
    border-radius: var(--border_radius-3)
}

.nari-device-details_container::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.nari-device-details_container::-webkit-scrollbar-thumb {
    background: var(--color-border-default);
    background-clip: padding-box;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
}

.nari-device-details_container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: #ededed;
    border-radius: 10px
}

.nari-device-details_container_span_split {
    display: flex
}

.nari-device-details_container_span_split span {
    flex-shrink: 0
}

.nari-device-details_container_span_split span::after {
    display: inline-block;
    content: " ";
    margin: var(--spacing-none) var(--spacing-super_tight);
    width: 1px;
    height: 13px;
    background: var(--color-border-default);
    vertical-align: middle
}

.nari-device-details_container_span_split span:last-child {
    flex: auto;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nari-device-details_container_span_split span:last-child::after {
    display: none
}

.nari-device-details_container_head {
    display: flex;
    padding: var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-device-details_container_head_logo {
    margin-right: var(--spacing-tight)
}

.nari-device-details_container_head_logo img {
    width: 52px
}

.nari-device-details_container_head_right {
    flex-grow: 1;
    overflow: hidden
}

.nari-device-details_container_head_right_title {
    display: flex;
    align-items: center
}

.nari-device-details_container_head_right_title .title {
    color: var(--color-text-0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-20);
    line-height: var(--line_height-28);
    font-weight: var(--font_weight-bold);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.nari-device-details_container_head_right_title .runIcon {
    display: inline-block;
    margin-left: var(--spacing-tight);
    padding: var(--spacing-none) var(--spacing-tight);
    height: 20px;
    flex-shrink: 0;
    line-height: var(--line_height-20);
    border-radius: var(--border_radius-1);
    color: rgba(var(--global-white), 1);
    font-size: var(--font_size-12);
    font-style: normal;
    background-color: rgba(var(--green-5), 1)
}

.nari-device-details_container_head_right_title .primaryRunIcon {
    background-color: rgba(var(--green-5), 1)
}

.nari-device-details_container_head_right_title .warnRunIcon {
    background-color: rgba(var(--orange-5), 1)
}

.nari-device-details_container_head_right_title .grayRunIcon {
    background-color: rgba(var(--grey-5), 1)
}

.nari-device-details_container_head_right_text {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    margin-top: var(--spacing-extra_tight);
    color: var(--color-text-3)
}

.nari-device-details_container_bdz {
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-device-details_container_bdz_content {
    padding: var(--spacing-base)
}

.nari-device-details_container_bdz_content_box {
    display: flex;
    align-items: flex-end
}

.nari-device-details_container_bdz_content_box_item {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-right: var(--spacing-base);
    min-width: 60px
}

.nari-device-details_container_bdz_content_box_item:last-child {
    margin-right: 0
}

.nari-device-details_container_bdz_content_box_item:last-child {
    margin-right: var(--spacing-none)
}

.nari-device-details_container_bdz_content_box_item_value {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text-0)
}

.nari-device-details_container_bdz_content_box_item_name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    white-space: nowrap;
    color: var(--color-text-2)
}

.nari-device-details_container_bdz_content_box .position_item {
    cursor: pointer;
    text-align: center
}

.nari-device-details_container_bdz_content_box .position_item_icon {
    height: 16px;
    width: 16px;
    vertical-align: middle
}

.nari-device-details_container_bdz_content_box .position_item_name {
    color: var(--color-primary-default)
}

.nari-device-details_container_bdz_content_box_item2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-right: var(--spacing-base);
    min-width: 130px;
    line-height: 20px
}

.nari-device-details_container_bdz_content_box_item2 :first-child {
    padding-bottom: var(--spacing-extra_tight)
}

.nari-device-details_container_bdz_content_box_item2_span {
    font-size: var(--font_size-12)
}

.nari-device-details_container_ganta {
    padding: var(--spacing-base) var(--spacing-tight) var(--spacing-none)
}

.nari-device-details_container_ganta_content {
    max-height: 70px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap
}

.nari-device-details_container_ganta_content_item {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    border: var(--border_width-1) solid rgba(0,0,0,0);
    display: inline-block;
    padding: var(--spacing-extra_tight) var(--spacing-baseTight);
    margin: var(--spacing-none) var(--spacing-extra_tight) var(--spacing-extra_tight) var(--spacing-none);
    border-radius: var(--border_radius-4);
    background-color: var(--color-bg-0);
    cursor: pointer
}

.nari-device-details_container_ganta_content_checked {
    border: var(--border_width-1) solid var(--color-border-focus);
    background-color: var(--color-primary-transparent-20);
    color: var(--color-primary-active)
}

.nari-device-details_container_ganta_content_item:hover {
    background-color: var(--color-primary-transparent-10);
    color: var(--color-primary-hover)
}

.nari-device-details_container_sdxl {
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-device-details_container_phase {
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-device-details_container_phase_box {
    display: flex;
    justify-content: flex-start;
    padding: var(--spacing-tight) var(--spacing-base)
}

.nari-device-details_container_phase_box_item {
    border: var(--border_width-1) solid rgba(0,0,0,0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-left: var(--spacing-tight);
    padding: var(--spacing-tight) var(--spacing-baseTight);
    max-width: 33.3333333333%;
    background: var(--color-bg-2);
    border-radius: var(--border_radius-2);
    text-align: center;
    cursor: pointer;
    border: 1px solid var(--btn-tertiary)
}

.nari-device-details_container_phase_box_item:first-child {
    margin: var(--spacing-none)
}

.nari-device-details_container_phase_box_item_title {
    color: var(--color-text-2)
}

.nari-device-details_container_phase_box_checked {
    background-color: var(--color-primary-transparent-20);
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-device-details_container_phase_box_checked .nari-device-details_container_phase_box_item_title {
    color: var(--color-primary-hover)
}

.nari-device-details_container_feeder {
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-device-details_container_ks_content {
    border: var(--border_width-1) solid var(--color-border-default);
    display: flex;
    height: 72px;
    font-size: var(--font_size-12);
    border-radius: var(--border_radius-1)
}

.nari-device-details_container_ks_content_title {
    height: 100%;
    padding: var(--spacing-none) var(--spacing-extra_tight);
    color: var(--color-primary-default);
    text-align: center;
    writing-mode: vertical-lr;
    background: var(--color-primary-transparent-40);
    border-radius: var(--border_radius-1) var(--border_width-1) var(--border_width-1) var(--border_radius-1)
}

.nari-device-details_container_ks_content_line {
    flex: 1;
    width: calc(100% - 22px)
}

.nari-device-details_container_ks_content_line .scrollbar-warpper {
    width: 100%;
    height: 100%
}

.nari-device-details_container_ks_content_line .scrollbar-warpper .na-scrollbar__wrap {
    overflow: hidden;
    width: 100%
}

.nari-device-details_container_ks_content_line .scrollbar-warpper .na-scrollbar__view {
    height: 100%
}

.nari-device-details_container_ks_content_line .scrollbar-warpper .na-scrollbar__bar.is-vertical {
    width: 0
}

.nari-device-details_container_ks_content_line .na-steps {
    align-items: center;
    height: 100%
}

.nari-device-details_container_ks_content_line .na-steps .na-step {
    flex-shrink: 0;
    cursor: pointer
}

.nari-device-details_container_ks_content_line .na-steps .na-step:first-child .na-step__icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    opacity: 1;
    border-radius: 50%;
    background: var(--color-primary-default);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 var(--color-primary-default);
    content: ""
}

.nari-device-details_container_ks_content_line .na-steps .na-step:last-child .na-step__icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    opacity: 1;
    border-radius: 50%;
    background: var(--color-primary-default);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 var(--color-primary-default);
    content: ""
}

.nari-device-details_container_ks_content_line .na-steps .na-step__icon {
    width: 10px;
    height: 10px;
    bottom: -6px
}

.nari-device-details_container_ks_content_line .na-steps .na-step__icon.is-text {
    border: var(--border_width-1) solid var(--color-primary-default)
}

.nari-device-details_container_ks_content_line .na-steps .na-step__title.is-wait {
    font-size: var(--font_size-12);
    color: var(--color-primary-default)
}

.nari-device-details_container_ks_content_line .na-steps .na-step.is-checked .na-step__title.is-wait,.nari-device-details_container_ks_content_line .na-steps .na-step:hover .na-step__title.is-wait {
    color: var(--color-primary-active)
}

.nari-device-details_container_ks_content_line .na-steps .na-step.is-checked .na-step__icon,.nari-device-details_container_ks_content_line .na-steps .na-step:hover .na-step__icon {
    background: var(--color-primary-default)
}

.nari-device-details_container_ks_content_line .na-steps .na-step.is-checked .na-step__icon::after,.nari-device-details_container_ks_content_line .na-steps .na-step:hover .na-step__icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    opacity: .5;
    border-radius: 50%;
    background: var(--color-primary-default);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 3px 2px var(--color-primary-default);
    content: ""
}

.nari-device-details_container_content {
    flex: 1;
    overflow: auto;
    padding: var(--spacing-tight) var(--spacing-base)
}

.nari-device-details_container_content_item_p {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    display: flex;
    padding-bottom: var(--spacing-tight)
}

.nari-device-details_container_content_item_p_title {
    flex: 2;
    color: var(--color-text-3)
}

.nari-device-details_container_content_item_p_value {
    flex: 4;
    display: flex;
    align-items: center;
    color: var(--color-text-0);
    word-break: break-word
}

.nari-device-details_container_content_item_p_value_img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: var(--spacing-extra_tight);
    width: 16px;
    height: 16px;
    cursor: pointer
}

.nari-device-details_container_content_item_p_value_img img {
    display: block;
    width: 100%;
    height: 100%
}

.nari-device-details_container_btns {
    border-top: var(--border_width-1) solid var(--color-border-default);
    display: flex;
    padding: var(--spacing-tight) var(--spacing-base)
}

.nari-device-details_container_btns_box {
    display: flex;
    width: 100%;
    overflow-x: auto;
    padding-bottom: var(--spacing-super_tight)
}

.nari-device-details_container_btns_box .na-button--success,.nari-device-details_container_btns_box .na-button--success:focus {
    background: var(--color-primary-default);
    border-color: var(--color-primary-default)
}

.nari-device-details_container_btns_box .na-button--success:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover)
}

.nari-tabs .nari-tabs__control .permanent {
    cursor: pointer;
    margin-right: 20px !important;
    margin-top: -5px !important;
    color: #ccc
}

.nari-tabs .nari-tabs__control .permanent__active {
    color: #000
}

.na-tooltip__popper {
    z-index: 2101 !important;
    max-width: 304px
}

.nari-device-popup {
    overflow: hidden;
    width: 100%;
    height: 100%;
    width: 339px;
    min-width: 280px;
    border-radius: var(--border_radius-2);
    background: var(--color-bg-0);
    color: var(--color-text-0)
}

.nari-device-popup_header {
    display: flex;
    flex-direction: row-reverse;
    height: 22px;
    padding: var(--spacing-none) var(--spacing-tight);
    line-height: var(--line_height-28);
    text-align: right;
    font-size: var(--font_size-14)
}

.nari-device-popup_header_default .icon {
    font-size: var(--font_size-14);
    cursor: pointer
}

.nari-device-popup_header_custom {
    display: flex;
    margin-right: 8px
}

.nari-device-popup_header_custom .icon {
    cursor: pointer;
    width: 100%;
    height: 100%
}

.nari-device-popup_header_custom .icon .na-iconfont {
    font-size: 14px
}

.nari-device-popup_header_custom .icon .icon-shoucang-weixuanzhong {
    color: var(--color-text-0)
}

.nari-device-popup_header_custom .icon .icon-shoucang-yixuanzhong {
    color: var(--color-warning-default)
}

.nari-device-popup_span-split-line {
    display: flex
}

.nari-device-popup_span-split-line span {
    flex-shrink: 0
}

.nari-device-popup_span-split-line span::after {
    display: inline-block;
    margin: var(--spacing-none) var(--spacing-extra_tight);
    content: " ";
    width: 1px;
    height: 13px;
    background: var(--color-border-default);
    vertical-align: middle
}

.nari-device-popup_span-split-line span:last-child {
    flex: auto;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nari-device-popup_span-split-line span:last-child::after {
    display: none
}

.nari-device-popup_content {
    display: flex;
    padding: var(--spacing-super_tight) var(--spacing-baseTight) var(--spacing-extra_tight);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-device-popup_content_logo {
    margin-right: var(--spacing-tight);
    width: 42px;
    height: 42px
}

.nari-device-popup_content_info {
    flex-grow: 1;
    overflow: hidden
}

.nari-device-popup_content_info_title_box {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-super_tight);
    padding-right: var(--spacing-baseTight)
}

.nari-device-popup_content_info_title_box .title {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color-text-0)
}

.nari-device-popup_content_info_title_box_i {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    flex-shrink: 0;
    margin-left: var(--spacing-tight);
    padding: var(--spacing-none) var(--spacing-tight);
    border-radius: var(--border_radius-1);
    color: rgba(var(--global-white), 1);
    background-color: rgba(var(--green-5), 1);
    font-style: normal
}

.nari-device-popup_content_info_title_box .primaryRunIcon {
    background-color: rgba(var(--green-5), 1)
}

.nari-device-popup_content_info_title_box .warnRunIcon {
    background-color: rgba(var(--orange-5), 1)
}

.nari-device-popup_content_info_title_box .grayRunIcon {
    background-color: rgba(var(--grey-5), 1)
}

.nari-device-popup_content_info_title_base {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2)
}

.nari-device-popup_content_details {
    display: flex;
    overflow-x: auto;
    margin-top: var(--spacing-tight)
}

.nari-device-popup_content_details::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.nari-device-popup_content_details::-webkit-scrollbar-thumb {
    background: var(--color-border-focus);
    background-clip: padding-box;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
}

.nari-device-popup_content_details::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: #ededed;
    border-radius: 10px
}

.nari-device-popup_content_details::-webkit-scrollbar-track {
    background: var(--color-bg-0);
    box-shadow: unset
}

.nari-device-popup_content_details::-webkit-scrollbar-thumb {
    background: var(--color-border-default)
}

.nari-device-popup_content_details div {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    margin-right: var(--spacing-baseTight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular)
}

.nari-device-popup_content_details div:last-child {
    margin-right: var(--spacing-none)
}

.nari-device-popup_content_details div span:nth-child(1) {
    color: var(--color-text-0)
}

.nari-device-popup_content_details div span:nth-child(2) {
    color: var(--color-text-2)
}

.nari-device-popup_content_tower {
    width: 100%;
    color: var(--color-text-0);
    margin-top: var(--spacing-tight)
}

.nari-device-popup_content_tower_box {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nari-device-popup_footer {
    padding: var(--spacing-tight) var(--spacing-baseTight)
}

.nari-device-popup_footer_btn_container_box {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-device-popup_footer_btn_container_box .na-button.na-button--text {
    margin-left: 0;
    margin-right: var(--spacing-tight);
    padding: var(--spacing-none);
    color: var(--color-primary-default)
}

.nari-device-popup_footer_btn_container_box .na-button.na-button--text:last-of-type {
    margin-right: 0
}

.nari-device-popup_footer_btn_container_container {
    display: flex
}

.sgmap-popup-content:has(.nari-device-popup) {
    padding: var(--spacing-none)
}

.sgmap-popup-content {
    padding: var(--spacing-none) !important
}

.nari-devicecard-popup.sgmap-popup-anchor-bottom .sgmap-popup-tip {
    border-top-color: var(--color-bg-3)
}

.nari-devicecard-popup.sgmap-popup-anchor-top .sgmap-popup-tip {
    border-bottom-color: var(--color-bg-3)
}

.nari-devicecard-popup.sgmap-popup-anchor-left .sgmap-popup-tip {
    border-right-color: var(--color-bg-3)
}

.nari-devicecard-popup.sgmap-popup-anchor-right .sgmap-popup-tip {
    border-left-color: var(--color-bg-3)
}

.nari-devicecard-popup.sgmap-popup-anchor-top-right .sgmap-popup-tip {
    border-bottom-color: var(--color-bg-3)
}

.nari-devicecard-popup.sgmap-popup-anchor-top-left .sgmap-popup-tip {
    border-bottom-color: var(--color-bg-3)
}

.nari-devicecard-popup.sgmap-popup-anchor-bottom-left .sgmap-popup-tip {
    border-top-color: var(--color-bg-3)
}

.nari-devicecard-popup.sgmap-popup-anchor-bottom-right .sgmap-popup-tip {
    border-top-color: var(--color-bg-3)
}

.nari-device-overview .box-card {
    background-color: rgba(0,0,0,0)
}

.nari-device-overview-tabs-card {
    display: flex;
    width: 100%;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    box-sizing: border-box;
    color: var(--color-text-2)
}

.nari-device-overview-tabs-card-panel {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.nari-device-overview-tabs-card-panel-wrap {
    height: 100%;
    padding: var(--spacing-none) var(--spacing-base_loose);
    overflow: auto;
    overflow-x: hidden
}

.nari-device-overview .head-box {
    width: 100%
}

.nari-device-overview .head-box .date {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-3)
}

.nari-device-overview .head-box .head-title {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.nari-device-overview .head-box .head-name {
    color: var(--color-text-0);
    align-items: center;
    display: inline-block;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold)
}

.nari-device-overview .head-box .head-name i {
    color: var(--color-primary-default);
    cursor: pointer
}

.nari-device-overview .head-box .head-select-root {
    display: flex
}

.nari-device-overview .head-box .head-select-root .head-select {
    margin-right: 5px
}

.nari-device-overview .head-box .head-select-root .head-select .theme-select {
    width: 90px
}

.nari-device-overview .head-box .head-select-root .head-select .long-theme-select {
    width: 120px
}

.nari-device-overview .head-box .head-select-root .head-select .ast-select .na-select__tags {
    display: flex;
    flex-wrap: nowrap
}

.nari-device-overview .head-box .head-select-root .head-select .ast-select .na-select__tags-text {
    width: 24px
}

.nari-device-overview .head-box .head-select-root .head-select-subtitle {
    width: 100px;
    display: inline-block
}

.nari-device-overview .head-box .head-select-root .head-select-subtitle i {
    color: #999
}

.nari-device-overview .head-box .head-select-root .head-select:last-child {
    margin-right: 0
}

.nari-device-overview-tranmission,.nari-device-overview-transform,.nari-device-overview-distribution,.nari-device-overview-direct {
    padding-top: var(--spacing-base)
}

.nari-device-overview-tranmission .margin-right,.nari-device-overview-transform .margin-right,.nari-device-overview-distribution .margin-right,.nari-device-overview-direct .margin-right {
    margin-right: var(--spacing-baseTight)
}

.nari-device-overview-tranmission .public-overview-title,.nari-device-overview-transform .public-overview-title,.nari-device-overview-distribution .public-overview-title,.nari-device-overview-direct .public-overview-title {
    padding: var(--spacing-tight);
    box-sizing: border-box;
    font-family: PingFang SC;
    background: var(--color-bg-3);
    margin-bottom: var(--spacing-base)
}

.nari-device-overview-tranmission .nari-device-overview-statistics,.nari-device-overview-transform .nari-device-overview-statistics,.nari-device-overview-distribution .nari-device-overview-statistics,.nari-device-overview-direct .nari-device-overview-statistics {
    display: flex;
    flex-wrap: wrap
}

.nari-device-overview-tranmission .content,.nari-device-overview-transform .content,.nari-device-overview-distribution .content,.nari-device-overview-direct .content {
    flex: 1;
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    flex-wrap: wrap
}

.nari-device-overview-tranmission .content .info-count,.nari-device-overview-transform .content .info-count,.nari-device-overview-distribution .content .info-count,.nari-device-overview-direct .content .info-count {
    display: inline-flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-20);
    line-height: var(--line_height-28);
    font-weight: var(--font_weight-bold);
    color: var(--color-link-default)
}

.nari-device-overview-tranmission .content .info-count .na-iconfont,.nari-device-overview-transform .content .info-count .na-iconfont,.nari-device-overview-distribution .content .info-count .na-iconfont,.nari-device-overview-direct .content .info-count .na-iconfont {
    margin-left: 4px;
    color: #999;
    font-size: var(--font_size-14)
}

.nari-device-overview-tranmission .content .info-desc,.nari-device-overview-transform .content .info-desc,.nari-device-overview-distribution .content .info-desc,.nari-device-overview-direct .content .info-desc {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2)
}

.nari-device-overview-tranmission .content .info-desc i,.nari-device-overview-transform .content .info-desc i,.nari-device-overview-distribution .content .info-desc i,.nari-device-overview-direct .content .info-desc i {
    width: 16px;
    height: 16px;
    font-size: var(--font_size-14);
    background: var(--color-primary-default);
    border-radius: var(--border_radius-1);
    color: rgba(var(--global-white), 1);
    vertical-align: middle;
    margin-right: var(--spacing-extra_tight);
    font-size: var(--sizing-small)
}

.nari-device-overview-tranmission .content .info-desc span,.nari-device-overview-transform .content .info-desc span,.nari-device-overview-distribution .content .info-desc span,.nari-device-overview-direct .content .info-desc span {
    vertical-align: middle
}

.nari-device-overview-tranmission .nari-wrap,.nari-device-overview-transform .nari-wrap,.nari-device-overview-distribution .nari-wrap,.nari-device-overview-direct .nari-wrap {
    display: flex;
    padding: var(--spacing-tight);
    box-sizing: border-box
}

.nari-device-overview-tranmission .nari-wrap .length,.nari-device-overview-transform .nari-wrap .length,.nari-device-overview-distribution .nari-wrap .length,.nari-device-overview-direct .nari-wrap .length {
    flex: 1;
    padding-left: var(--spacing-baseTight);
    border-left: 1px solid var(--color-border-default)
}

.nari-device-overview-tranmission .nari-wrap .length .length-box,.nari-device-overview-transform .nari-wrap .length .length-box,.nari-device-overview-distribution .nari-wrap .length .length-box,.nari-device-overview-direct .nari-wrap .length .length-box {
    color: var(--color-text-2) !important
}

.nari-device-overview-tranmission .nari-wrap .length .length-box .na-descriptions__body,.nari-device-overview-transform .nari-wrap .length .length-box .na-descriptions__body,.nari-device-overview-distribution .nari-wrap .length .length-box .na-descriptions__body,.nari-device-overview-direct .nari-wrap .length .length-box .na-descriptions__body {
    background-color: rgba(0,0,0,0) !important
}

.nari-device-overview-tranmission .nari-wrap .length .length-box .na-descriptions__body .na-descriptions-item__label,.nari-device-overview-transform .nari-wrap .length .length-box .na-descriptions__body .na-descriptions-item__label,.nari-device-overview-distribution .nari-wrap .length .length-box .na-descriptions__body .na-descriptions-item__label,.nari-device-overview-direct .nari-wrap .length .length-box .na-descriptions__body .na-descriptions-item__label {
    color: var(--color-text-2)
}

.nari-device-overview-tranmission .nari-wrap .length .length-box .na-descriptions__body .na-descriptions-item .na-descriptions-item__content,.nari-device-overview-transform .nari-wrap .length .length-box .na-descriptions__body .na-descriptions-item .na-descriptions-item__content,.nari-device-overview-distribution .nari-wrap .length .length-box .na-descriptions__body .na-descriptions-item .na-descriptions-item__content,.nari-device-overview-direct .nari-wrap .length .length-box .na-descriptions__body .na-descriptions-item .na-descriptions-item__content {
    color: var(--color-link-default)
}

.nari-device-overview-tranmission .nari-wrap .length .length-box .na-descriptions-item__container .na-descriptions-item__content,.nari-device-overview-transform .nari-wrap .length .length-box .na-descriptions-item__container .na-descriptions-item__content,.nari-device-overview-distribution .nari-wrap .length .length-box .na-descriptions-item__container .na-descriptions-item__content,.nari-device-overview-direct .nari-wrap .length .length-box .na-descriptions-item__container .na-descriptions-item__content {
    display: block
}

.nari-device-overview-tranmission .nari-wrap .length .length-box .na-descriptions-item .na-descriptions-item__content,.nari-device-overview-transform .nari-wrap .length .length-box .na-descriptions-item .na-descriptions-item__content,.nari-device-overview-distribution .nari-wrap .length .length-box .na-descriptions-item .na-descriptions-item__content,.nari-device-overview-direct .nari-wrap .length .length-box .na-descriptions-item .na-descriptions-item__content {
    text-align: right
}

.nari-device-overview-tranmission .nari-device-overview-cwrap,.nari-device-overview-transform .nari-device-overview-cwrap,.nari-device-overview-distribution .nari-device-overview-cwrap,.nari-device-overview-direct .nari-device-overview-cwrap {
    width: 100%;
    overflow: hidden;
    position: relative
}

.nari-device-overview-tranmission .nari-device-overview-cwrap .cwrap-classify,.nari-device-overview-transform .nari-device-overview-cwrap .cwrap-classify,.nari-device-overview-distribution .nari-device-overview-cwrap .cwrap-classify,.nari-device-overview-direct .nari-device-overview-cwrap .cwrap-classify {
    margin-bottom: var(--spacing-tight);
    display: flex;
    justify-content: space-between
}

.nari-device-overview-tranmission .nari-device-overview-cwrap .cwrap-classify .cwrap-title,.nari-device-overview-transform .nari-device-overview-cwrap .cwrap-classify .cwrap-title,.nari-device-overview-distribution .nari-device-overview-cwrap .cwrap-classify .cwrap-title,.nari-device-overview-direct .nari-device-overview-cwrap .cwrap-classify .cwrap-title {
    height: 28px;
    line-height: 28px;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    display: flex;
    align-items: center
}

.nari-device-overview-tranmission .nari-device-overview-cwrap .cwrap-classify .cwrap-title::before,.nari-device-overview-transform .nari-device-overview-cwrap .cwrap-classify .cwrap-title::before,.nari-device-overview-distribution .nari-device-overview-cwrap .cwrap-classify .cwrap-title::before,.nari-device-overview-direct .nari-device-overview-cwrap .cwrap-classify .cwrap-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    margin-right: var(--spacing-tight);
    background: var(--color-primary-default)
}

.nari-device-overview-tranmission .nari-device-overview-cwrap .cwrap-classify-tsLineNum,.nari-device-overview-transform .nari-device-overview-cwrap .cwrap-classify-tsLineNum,.nari-device-overview-distribution .nari-device-overview-cwrap .cwrap-classify-tsLineNum,.nari-device-overview-direct .nari-device-overview-cwrap .cwrap-classify-tsLineNum {
    margin-bottom: 30px
}

.nari-device-overview-tranmission .nari-device-overview-cwrap .cwrap-classify-tsLineNum .data-info,.nari-device-overview-transform .nari-device-overview-cwrap .cwrap-classify-tsLineNum .data-info,.nari-device-overview-distribution .nari-device-overview-cwrap .cwrap-classify-tsLineNum .data-info,.nari-device-overview-direct .nari-device-overview-cwrap .cwrap-classify-tsLineNum .data-info {
    top: 64px
}

.nari-device-overview-tranmission .nari-device-overview-cwrap .data-info,.nari-device-overview-transform .nari-device-overview-cwrap .data-info,.nari-device-overview-distribution .nari-device-overview-cwrap .data-info,.nari-device-overview-direct .nari-device-overview-cwrap .data-info {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: #999;
    position: absolute;
    top: 44px
}

.nari-device-overview-distribution .na-descriptions-item {
    padding-bottom: var(--spacing-none) !important
}

.nari-device-overview-transform .content {
    flex: 1 0 auto
}

.nari-device-overview-equipment-list-head {
    display: flex
}

.nari-device-overview-equipment-list-head-back {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding-right: var(--spacing-tight)
}

.nari-device-overview-equipment-list-head .na-select .na-select__tags .na-tag.na-tag--info {
    color: var(--color-text-1) !important;
    background: var(--brand-0) !important;
    border-color: var(--color-border-default) !important
}

.nari-device-overview-equipment-list-head .na-select+.na-select {
    margin-left: var(--spacing-tight)
}

.nari-device-overview-equipment-list-head .na-select:nth-child(3) {
    flex: 0 0 auto;
    width: 175px
}

.nari-device-overview-equipment-list ul {
    list-style: none
}

.nari-device-overview-equipment-list-info-container {
    min-height: 190px
}

.nari-device-overview-equipment-list-info {
    display: flex;
    padding: var(--spacing-tight) var(--spacing-tight) var(--spacing-tight) var(--spacing-none);
    border-bottom: 1px solid var(--color-border-default);
    cursor: pointer
}

.nari-device-overview-equipment-list-info:hover {
    background: var(--color-primary-transparent-10)
}

.nari-device-overview-equipment-list-info-index {
    position: relative;
    width: 30px
}

.nari-device-overview-equipment-list-info-index i {
    font-size: var(--sizing-extra_large);
    color: rgba(var(--brand-5), 1);
    position: absolute;
    top: 4px
}

.nari-device-overview-equipment-list-info-index span {
    position: absolute;
    left: 50%;
    top: -1px;
    transform: translateX(-50%);
    color: rgba(var(--global-white), 1);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular)
}

.nari-device-overview-equipment-list-info-index--active i {
    font-size: var(--sizing-extra_large);
    color: rgba(var(--red-5), 1) !important
}

.nari-device-overview-equipment-list-info-name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.nari-device-overview-equipment-list-info-detail {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2)
}

.nari-device-overview-equipment-list-info-detail span:nth-child(2) {
    margin: var(--spacing-none) var(--spacing-extra_tight)
}

.nari-device-overview-equipment-list-pagination {
    margin-bottom: var(--spacing-base);
    margin-top: var(--spacing-tight);
    margin-left: -15px
}

.nari-device-overview-equipment-list-pagination .na-pagination {
    text-align: right
}

.nari-device-overview-equipment-list-pagination .na-pagination .na-pagination__total,.nari-device-overview-equipment-list-pagination .na-pagination .na-pager .number,.nari-device-overview-equipment-list-pagination .na-pagination .na-pagination__jump {
    color: var(--color-text-0)
}

.nari-device-overview-equipment-list-pagination .na-pagination .na-pager li.active,.nari-device-overview-equipment-list-pagination .na-pagination .na-pager li:hover {
    color: rgba(var(--brand-5), 1)
}

.nari-device-overview-equipment-list-no-data {
    height: calc(100vh - 475px);
    margin-top: 50%
}

.nari-device-overview-cwrap .na-descriptions--small {
    font-size: var(--font_size-12) !important
}

.nari-device-overview-cwrap .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    color: #fff;
    background-color: var(--color-primary-default);
    border-color: var(--color-primary-default)
}

.nari-device-overview-cwrap .na-radio-button__inner:hover {
    color: var(--color-primary-default) !important
}

.nari-device-overview-cwrap .na-radio-button__orig-radio:checked+.na-radio-button__inner:hover {
    color: rgba(var(--global-white), 1) !important
}

.nari-device-overview-cwrap .na-radio-button--mini .na-radio-button__inner {
    line-height: var(--line_height-24);
    padding: var(--spacing-super_tight) var(--spacing-baseTight) !important;
    font-size: var(--font_size-12) !important;
    border: 1px solid var(--color-border-default) !important;
    margin-left: var(--spacing-none);
    border-left: none !important;
    color: var(--color-text-0)
}

.nari-device-overview-cwrap .na-radio-button:first-child .na-radio-button__inner {
    border-left: 1px solid var(--color-border-default) !important;
    box-shadow: none !important
}

.nari-device-overview-cwrap .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    box-shadow: none
}

.nari-device-overview-cwrap .na-radio-button__inner {
    background-color: var(--color-bg-2);
    color: rgba(var(--global-white), 1)
}

.nari-device-overview .nari-tabs .nari-tabs__control .nari-tabs__close {
    top: var(--spacing-baseTight);
    right: var(--spacing-baseTight)
}

.nari-device-overview .na-bar-chart-tooltip {
    background: var(--color-bg-0)
}

.narimap_tip_box {
    position: relative
}

.narimap_tip_box:hover {
    z-index: 999
}

.narimap_tip_box:hover .narimap_hover {
    display: block
}

.narimap_tip {
    height: 26px;
    background: rgba(var(--global-black), 1);
    color: rgba(var(--global-white), 1);
    font-size: var(--font_size-14);
    text-align: center;
    padding: var(--spacing-super_tight) var(--spacing-baseTight);
    border-radius: var(--border_radius-4);
    line-height: var(--line_height-22)
}

.narimap_province_tip {
    height: 22px;
    background: rgba(var(--global-black), 1);
    color: rgba(var(--global-white), 1);
    font-size: var(--font_size-14);
    text-align: center;
    padding: var(--spacing-super_tight) var(--spacing-baseTight);
    border-radius: var(--border_radius-2);
    line-height: var(--line_height-22)
}

.narimap_hover {
    width: 100%;
    background: rgba(var(--global-black), 1);
    color: rgba(var(--global-white), 1);
    border-radius: var(--border_radius-2);
    line-height: var(--line_height-20);
    text-align: center;
    font-size: var(--font_size-14);
    padding: var(--spacing-super_tight) var(--spacing-baseTight);
    display: none;
    position: absolute;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nari-deviceOverview-marker {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA0CAYAAADi1poDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALGSURBVHgBzZjvcdpAEMXfnoEMM/5AB8EVWHRAKgipILiCJBXEVJCkAuMOnAqMK+CoIOogfEsMWOtdITPCRqDTCaTfDDaIEzx278/bJTjCQdB9BAYNYy4j5r5c6iQPZU5ACKLwKYoeDDBpWWvhAOUZJCI6ImJ4RvSRgT4ckC+wzPxLhI1zjt/PKggGEdEPedqFHyGYR4eEZQrSqKyMuZFfN0CJGKLxWRSNyNoQeQX9k3ki6bmHf1SyCJvMH3aJogrE7BVFFYnJFGXS70p+r08oRumuiG7SFzaCFkEwlHB9xonRbeR/EHx9eb1J2aLX+4PTRifNXFJ3IambxxHS6FQoRuksgDhK65QRfUfFENGX+L9EJ5BXU9QAkhVnIsez6ZioFlnp1Ed9CIwss/eoCRKcS53UXdSHjgrqoD50DGqGCgpRH+Kdeo6aIPuQNWIrH1AT5KCdaYScqoJjIoImpgncoSZpa6kgPfK5BmkzzOON/ZA/P1ExS2AEJPajae1EjpAJKkKj00589WZjXDFfoZq5FL5EZ0tQrJD5G06NVLPtrKpDy1yZ4COcCN5RWu+sXB97vfGxKxARc/vO2uHr6zsP1xazGu5jbpizVmLqX7O32bBce+0uyiV8Eu/czmg2ZNoP3aT0RpTrBvaKib8XByix3j8oJpcgJSmVVFRRdzlfiJjzHO29XI5R+4TiVT6hILITX53n7DXmtrB6vBTZo/SehrV3ecfnSlmaZa9379D4DFvT6QUccDb57HC8JKvUCWdBcd9Z2ryHxqVP8KMKUsRlXh8akz7BXSgkKHGZvzM/tGB0CgtKbsx0mTLpb1EQ51WWRtqAf/F2s3ReWWn8SmmxEG8+kHkCD7wE0bqE2sInXYqXoMbaM235cN3R4YFfhGS1UcrIkWe6vAUpsvxnm+fiBOFJGf2hTYS4hNrOW1DSGwj10SpB0DNRXDmMLTucsgAAAABJRU5ErkJggg==) no-repeat;
    overflow: hidden
}

.na-select-dropdown.na-popper {
    border: none
}

.nari-device-overview-tranmission .content .info-desc i.icon-kaiguanzhan,.nari-device-overview-transform .content .info-desc i.icon-kaiguanzhan,.nari-device-overview-distribution .content .info-desc i.icon-kaiguanzhan,.nari-device-overview-direct .content .info-desc i.icon-kaiguanzhan {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjAuNjY2NzQ4IiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA5RUE4Ii8+DQo8cmVjdCB4PSIyLjE2Njc1IiB5PSIxLjUiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIHJ4PSI0LjUiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0zLjEzMTEgMi40NjQ0OEwxMC4yMDIyIDkuNTM1NTUiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik03LjE5NTU2IDYuODQxMzFMMy45OTI0MyAxMC4wNDQ0IiBzdHJva2U9IndoaXRlIi8+DQo8cGF0aCBkPSJNNS44NDkzNyA1LjM3NUwyLjYwNDEzIDguNjIwMjQiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik04LjkxNDMxIDcuOTM1MDZMNi4xNzk5MyAxMC42Njk0IiBzdHJva2U9IndoaXRlIi8+DQo8cGF0aCBkPSJNNC40NDMxMiAzLjk2ODc1TDEuOTc5MTMgNi40MzI3NCIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=);
    width: 12px;
    height: 13px;
    display: inline-block
}

.nari-device-overview-tranmission .content .info-desc i.icon-chuanbuzhan,.nari-device-overview-transform .content .info-desc i.icon-chuanbuzhan,.nari-device-overview-distribution .content .info-desc i.icon-chuanbuzhan,.nari-device-overview-direct .content .info-desc i.icon-chuanbuzhan {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjAuMzMzMjUyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA5RUE4Ii8+DQo8cmVjdCB4PSIxLjgzMzI1IiB5PSIxLjUiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIHJ4PSI0LjUiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik00LjMzMzI1IDJMNC4zMzMyNSAxMCIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTguMzMzMjUgMkw4LjMzMzI1IDEwIiBzdHJva2U9IndoaXRlIi8+DQo8cGF0aCBkPSJNMTAuODMzMyA2TDguNTIwNzUgNiIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTQuMzMzMjUgNkgyLjMzMzI1IiBzdHJva2U9IndoaXRlIi8+DQo8cGF0aCBkPSJNNC40NzgyNyA4LjYwMDNMOC4yMzg4NSA0LjgzOTcyIiBzdHJva2U9IndoaXRlIi8+DQo8cGF0aCBkPSJNOC40ODQ2MiA3LjQwNjI1TDUuNjY2MTcgMTAuMjI0NyIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTguNDg0NjIgMS43ODEyNUw0LjE0NTYzIDYuMTIwMjQiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik00LjMzMzI1IDMuMTIwMTJMNS45NTMzNyAxLjUiIHN0cm9rZT0id2hpdGUiLz4NCjwvc3ZnPg0K);
    width: 12px;
    height: 13px;
    display: inline-block
}

.na-select-dropdown.is-multiple .na-select-dropdown__item.selected {
    background: var(--color-primary-transparent-20) !important
}

.na-pagination button:disabled,.na-pagination .btn-next,.na-pagination .btn-prev {
    color: var(--color-text-1) !important;
    background: var(--color-fill-1) !important
}

.na-input__inner {
    background: var(--color-bg-2) !important;
    color: var(--color-text-1) !important;
    border-color: var(--color-border-default) !important
}

.na-tag.na-tag--info {
    color: var(--color-text-1) !important;
    background: var(--brand-0) !important;
    border-color: var(--color-border-default) !important
}

.na-select-dropdown__item {
    color: var(--color-text-1) !important
}

.na-select-dropdown.na-popper[x-placement^=bottom] .popper__arrow::after,.na-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--color-border-focus_container) !important
}

.nari-environment-common {
    height: 100%
}

.nari-environment-common_report {
    display: flex;
    flex-direction: column;
    height: 100%
}

.nari-environment-common_report_search {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-common_report_search .na-date-editor.na-input,.nari-environment-common_report_search .na-date-editor.na-input__inner {
    width: 100%;
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-common_report_search .na-date-editor.na-input:hover,.nari-environment-common_report_search .na-date-editor.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-common_report_search .na-date-editor.na-input:focus,.nari-environment-common_report_search .na-date-editor.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-common_report_search .na-date-editor.na-input::-moz-placeholder, .nari-environment-common_report_search .na-date-editor.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-common_report_search .na-date-editor.na-input::placeholder,.nari-environment-common_report_search .na-date-editor.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-common_report_search_date {
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-extra_tight) var(--spacing-base);
    border-bottom: none
}

.nari-environment-common_report_search_file {
    width: 100%;
    display: flex;
    padding: var(--spacing-extra_tight) var(--spacing-base) var(--spacing-base) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-common_report_search_file_p {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0);
    letter-spacing: 0px;
    text-align: left;
    padding-right: var(--spacing-tight);
    margin-top: 6px
}

.nari-environment-common_report_search_file .na-select {
    width: 50%
}

.nari-environment-common_report_search_file .na-select .na-input .na-input__inner {
    height: 32px
}

.nari-environment-common_report_dancesearch {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-base)
}

.nari-environment-common_report_dancesearch_selectreport {
    display: block
}

.nari-environment-common_report_dancesearch_selectreport_p {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2);
    text-align: left;
    margin: var(--spacing-none)
}

.nari-environment-common_report_dancesearch_selectreport .na-select {
    width: 160px;
    padding-right: var(--spacing-tight)
}

.nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input,.nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input__inner {
    width: 250px;
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input:hover,.nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input:focus,.nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input::-moz-placeholder, .nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input::placeholder,.nari-environment-common_report_dancesearch_selectreport .na-date-editor.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-common_report_dancesearch_file {
    width: 100%;
    display: flex;
    padding: var(--spacing-extra_tight) var(--spacing-base) var(--spacing-base) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-common_report_dancesearch_file_p {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0);
    letter-spacing: 0px;
    text-align: left;
    padding-right: var(--spacing-tight);
    margin-top: 6px
}

.nari-environment-common_report_dancesearch_file .na-select {
    width: 50%
}

.nari-environment-common_report_dancesearch_file .na-select .na-input .na-input__inner {
    height: 32px
}

.nari-environment-common_report_dancesearch_date {
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-extra_tight) var(--spacing-base);
    border-bottom: none
}

.nari-environment-common_report_list {
    flex: 1;
    overflow-y: auto
}

.nari-environment-common_report_list.na-loading-parent--relative {
    height: 100%
}

.nari-environment-common_report_list_name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    margin: var(--spacing-none)
}

.nari-environment-common_report_list_time {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2);
    margin: var(--spacing-none)
}

.nari-environment-common_report_list_btn {
    display: flex
}

.nari-environment-common_report_list_btn div {
    margin-right: var(--spacing-loose)
}

.nari-environment-common_report_list li {
    padding: var(--spacing-baseTight) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-common_report_dancelist {
    flex: 1;
    overflow-y: auto
}

.nari-environment-common_report_dancelist_name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    margin-bottom: var(--spacing-super_tight)
}

.nari-environment-common_report_dancelist_time {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2);
    margin-bottom: var(--spacing-super_tight)
}

.nari-environment-common_report_dancelist_btn {
    display: flex
}

.nari-environment-common_report_dancelist_btn div {
    margin-right: var(--spacing-loose)
}

.nari-environment-common_report_dancelist li {
    padding: var(--spacing-baseTight) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.na-message-box__wrapper .nari-environment-common_pdfPieve {
    height: 85vh !important;
    width: 50% !important
}

.na-message-box__wrapper .nari-environment-common_pdfPieve .na-message-box__btns {
    display: none !important
}

.na-message-box__wrapper .nari-environment-common_pdfPieve .na-message-box__close.el-icon-close {
    color: rgba(var(--global-black), 1);
    font-weight: bold
}

.na-message-box__wrapper .nari-environment-common_pdfPieve .na-message-box__close.el-icon-close:before {
    color: rgba(var(--global-black), 1)
}

.nari-environment-common_pie {
    height: 254px
}

.nari-environment-common_pie_echart_title {
    display: flex;
    align-items: center;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.nari-environment-common_pie_echart_title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    margin-right: var(--spacing-tight);
    background: var(--color-primary-default)
}

.nari-environment-common_pie_echart {
    height: calc(100% - 22px)
}

.nari-environment-common_pie .nari-empty {
    height: 100%
}

.nari-environment-common_level_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.nari-environment-common_level_list.na-loading-parent--relative {
    min-height: 64px
}

.nari-environment-common_level_list_item {
    width: 128px;
    margin-top: var(--spacing-base);
    display: flex;
    align-items: center;
    background: var(--color-bg-3);
    border-radius: var(--border_radius-2)
}

.nari-environment-common_level_list::after {
    display: inline-block;
    content: "";
    width: 128px
}

.nari-environment-common_level_list_item_tag {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    margin: 14px var(--spacing-tight);
    border-radius: var(--border_radius-2);
    text-align: center;
    vertical-align: middle;
    color: rgba(var(--global-white), 1)
}

.nari-environment-common_level_list_item_tag .na-iconfont.icon-ganta2 {
    font-size: 24px
}

.nari-environment-common_level_list_item_tag.thunder-1 {
    background-color: rgba(var(--yellow-5), 1)
}

.nari-environment-common_level_list_item_tag.thunder-2 {
    background-color: var(--color-warning-default)
}

.nari-environment-common_level_list_item_tag.thunder-3 {
    background-color: var(--color-danger-default)
}

.nari-environment-common_level_list_item_tag.fire-1 {
    background-color: var(--color-danger-default)
}

.nari-environment-common_level_list_item_tag.fire-2 {
    background-color: var(--color-warning-default)
}

.nari-environment-common_level_list_item_tag.fire-3 {
    background-color: rgba(var(--yellow-5), 1)
}

.nari-environment-common_level_list_item_tag.ice-1 {
    background-color: #2ee1ed
}

.nari-environment-common_level_list_item_tag.ice-2 {
    background-color: #00a3ff
}

.nari-environment-common_level_list_item_tag.ice-3 {
    background-color: #0029ff
}

.nari-environment-common_level_list_item_tag.ice-4 {
    background-color: #0400b7
}

.nari-environment-common_level_list_item_tag.ice-5 {
    background-color: #700f80
}

.nari-environment-common_level_list_item_right {
    flex: 1
}

.nari-environment-common_level_list_item_right .row {
    display: flex;
    align-items: center
}

.nari-environment-common_level_list_item_right .num {
    display: inline-block;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-20);
    line-height: var(--line_height-28);
    font-weight: var(--font_weight-bold);
    letter-spacing: 0
}

.nari-environment-common_level_list_item_right .num.thunder-1 {
    color: rgba(var(--yellow-5), 1)
}

.nari-environment-common_level_list_item_right .num.thunder-2 {
    color: var(--color-warning-default)
}

.nari-environment-common_level_list_item_right .num.thunder-3 {
    color: var(--color-danger-default)
}

.nari-environment-common_level_list_item_right .num.fire-1 {
    color: var(--color-danger-default)
}

.nari-environment-common_level_list_item_right .num.fire-2 {
    color: var(--color-warning-default)
}

.nari-environment-common_level_list_item_right .num.fire-3 {
    color: rgba(var(--yellow-5), 1)
}

.nari-environment-common_level_list_item_right .num.ice-1 {
    color: #2ee1ed
}

.nari-environment-common_level_list_item_right .num.ice-2 {
    color: #00a3ff
}

.nari-environment-common_level_list_item_right .num.ice-3 {
    color: #0029ff
}

.nari-environment-common_level_list_item_right .num.ice-4 {
    color: #0400b7
}

.nari-environment-common_level_list_item_right .num.ice-5 {
    color: #700f80
}

.nari-environment-common_level_list_item_right .unit {
    display: inline-block;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2);
    margin-left: var(--spacing-extra_tight)
}

.nari-environment-common_level_list_item_right .tag_name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0)
}

.nari-environment-common_equipment {
    overflow-y: auto
}

.nari-environment-common_equipment_list_item {
    padding: var(--spacing-baseTight) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-common_equipment_list_item:hover,.nari-environment-common_equipment_list_item.focus {
    background: var(--color-primary-transparent-10)
}

.nari-environment-common_equipment_list_item_row {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2)
}

.nari-environment-common_equipment_list_item_row:first-child {
    margin-bottom: var(--spacing-extra_tight)
}

.nari-environment-common_equipment_list_item_row:not(:first-child) {
    margin-top: var(--spacing-super_tight)
}

.nari-environment-common_equipment_list_item_row_level_tag {
    margin-right: var(--spacing-tight)
}

.nari-environment-common_equipment_list_item_row_level_name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    cursor: pointer
}

.nari-environment-common_equipment_list_item_row_level_name_disabled {
    pointer-events: none;
    cursor: not-allowed
}

.nari-environment-common_legend {
    padding: var(--spacing-tight) var(--spacing-base);
    background: var(--color-bg-0);
    color: var(--color-text-0)
}

.nari-environment-common_legend_title {
    margin-bottom: var(--spacing-tight);
    letter-spacing: var(--spacing-none);
    text-align: left;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold)
}

.nari-environment-common_legend_content {
    list-style: none
}

.nari-environment-common_legend_content li {
    margin-bottom: var(--spacing-super_tight)
}

.nari-environment-common_legend_content li .item_title {
    margin-top: var(--spacing-extra_tight);
    margin-bottom: var(--spacing-super_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-common_legend_content li .item_row {
    display: flex;
    align-items: center;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-common_legend_content li .item_row span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: var(--spacing-tight)
}

.nari-environment-common_legend_vertical {
    display: flex
}

.nari-environment-common_legend_vertical_color {
    list-style: none;
    height: 100%;
    margin-top: var(--spacing-extra_tight);
    margin-right: var(--spacing-tight);
    border: var(--border_width-1) solid var(--color-border-focus_container)
}

.nari-environment-common_legend_vertical_color li {
    display: flex
}

.nari-environment-common_legend_vertical_color li span {
    display: inline-block;
    width: 6px;
    height: 32px
}

.nari-environment-common_legend_vertical_label {
    list-style: none
}

.nari-environment-common_legend_vertical_label li {
    margin-bottom: var(--spacing-tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-common_legend_APP_03_0103 {
    min-width: 130px
}

.nari-environment-common_legend_APP_03_0502 {
    min-width: 100px
}

.nari-environment-common .nari-pane-title_header .back-box {
    margin-left: var(--spacing-baseTight);
    cursor: pointer
}

.nari-environment-common .nari-pane-title_header .icon-fanhui {
    color: var(--color-text-0)
}

.nari-environment-common .nari-pane-title_header .fanhui-text {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1)
}

.nari-environment-common .nari-pane-title_time {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-3)
}

.nari-environment-common .nari-pane-title_time .el-icon-refresh {
    margin-left: var(--spacing-extra_tight);
    color: var(--color-text-3);
    cursor: pointer
}

.nari-environment-common_timeSlider {
    width: 65%;
    min-width: 1000px;
    min-height: 64px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-bg-0);
    border-radius: var(--border_radius-2);
    padding: 0 0 var(--spacing-extra_tight);
    color: var(--color-text-0);
    border: 1px solid var(--color-border-focus_container)
}

.nari-environment-common .nari-empty img {
    height: 160px
}

.nari-lightning-card-container_common {
    height: 100%;
    padding: var(--spacing-base)
}

.nari-lightning-card .lightning-one-day-bar {
    display: flex;
    align-items: center;
    padding: var(--spacing-none) var(--spacing-base)
}

.nari-lightning-card .lightning-one-day-bar .button-label {
    color: var(--color-text-0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-lightning-card .lightning-one-day-bar .na-switch {
    margin-left: var(--spacing-tight);
    width: 44px;
    height: 22px;
    line-height: 22px
}

.nari-lightning-card .lightning-one-day-bar .na-switch.is-checked .na-switch__core,.nari-lightning-card .lightning-one-day-bar .nari-device-details_container_ks_content_line .el-steps .na-switch.el-step:hover .na-switch__core,.nari-device-details_container_ks_content_line .el-steps .nari-lightning-card .lightning-one-day-bar .na-switch.el-step:hover .na-switch__core {
    border: 1px solid var(--color-primary-default);
    background: var(--color-primary-default)
}

.nari-lightning-card .lightning-one-day-bar .na-switch__core {
    width: 44px !important;
    height: 22px;
    border: 1px solid var(--color-fill-2);
    background: var(--color-fill-2)
}

.nari-lightning-card .lightning-one-day-bar .na-switch__core::after {
    top: 2px;
    background: var(--color-bg-2)
}

.nari-lightning-card .lightning-one-day-bar .vertical-dividing-line {
    width: 1px;
    height: 30px;
    background-color: var(--color-border-default);
    margin: var(--spacing-none) var(--spacing-tight)
}

.nari-lightning-card .lightning-one-day-bar #lightning-one-day {
    flex: 1
}

.nari-lightning-card .lightning-one-day-bar #lightning-one-day #nari-time-slider {
    padding-left: var(--spacing-none)
}

.nari-lightning-card .lightning-one-day-bar #lightning-one-day .nari-time-slider_slider {
    margin-top: -8px
}

.nari-lightning-card-real_time_thunder {
    height: 100%
}

.nari-lightning-card-real_time_thunder .thunder_header {
    display: flex;
    align-items: center;
    color: var(--color-text-2);
    padding: var(--spacing-base)
}

.nari-lightning-card-real_time_thunder .thunder_header .search-name {
    width: 74px;
    word-break: keep-all;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box {
    flex: 1;
    display: inline-flex;
    align-items: center;
    background-color: var(--color-bg-2);
    border-radius: var(--border_radius-2);
    border: 1px solid var(--color-border-default)
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box .na-date-editor {
    flex: 1;
    width: auto
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box .na-date-editor .na-input__inner {
    height: 30px;
    border: 0;
    padding-left: var(--spacing-tight);
    background: var(--color-bg-2);
    color: var(--color-text-1)
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box .na-date-editor .na-input__prefix {
    right: 10px;
    left: unset;
    color: var(--color-text-3)
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box .na-date-editor .na-input__prefix .na-input__icon.el-icon-date {
    width: 16px;
    line-height: 30px
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box .na-date-editor::after {
    display: inline-block;
    content: " ";
    margin: 7px var(--spacing-none) 7px var(--spacing-tight);
    width: 1px;
    height: 16px;
    background-color: var(--color-border-default);
    position: absolute;
    right: 0
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box .right-button {
    display: inline-block;
    margin: 0 var(--spacing-tight)
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box .right-button .na-button {
    background-color: var(--color-secondary-default);
    color: var(--color-text-0);
    font-size: 16px;
    padding: var(--spacing-extra_tight);
    border: 0
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box .right-button .na-button:hover {
    color: rgba(var(--global-white), 1);
    background-color: var(--color-primary-default)
}

.nari-lightning-card-real_time_thunder .thunder_header .date-select-box .right-button .na-button+.na-button {
    margin-left: var(--spacing-none)
}

.nari-lightning-card-real_time_thunder .thunder_progress {
    padding: var(--spacing-none) var(--spacing-base) var(--spacing-base);
    height: calc(100% - 64px);
    overflow-y: auto;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0)
}

.nari-lightning-card-real_time_thunder .thunder_progress_item.actived {
    border: 1px solid var(--color-link-default)
}

.nari-lightning-card-real_time_thunder .thunder_progress_item {
    line-height: var(--line_height-22);
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid var(--color-bg-0);
    border-radius: var(--border_radius-1)
}

.nari-lightning-card-real_time_thunder .thunder_progress_item span {
    display: inline-block
}

.nari-lightning-card-real_time_thunder .thunder_progress_item_hour {
    width: 48px;
    text-align: right
}

.nari-lightning-card-real_time_thunder .thunder_progress_item_outer {
    display: inline-block;
    width: calc(100% - 110px);
    height: 10px;
    background-color: var(--color-bg-3);
    margin: var(--spacing-none) var(--spacing-tight);
    position: relative
}

.nari-lightning-card-real_time_thunder .thunder_progress_item_outer_inner {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    width: 0;
    height: 100%;
    line-height: 10px
}

.nari-lightning-card-real_time_thunder .thunder_progress_item_text {
    width: 32px
}

.nari-lightning-card-real_time_thunder .thunder_footer_box .time_slider_ctr {
    display: flex;
    justify-content: space-between;
    line-height: 32px
}

.nari-lightning-card-real_time_thunder .thunder_footer_box .time_slider_ctr .na-input__inner {
    color: var(--color-text-1);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    background-color: var(--color-bg-2)
}

.nari-lightning-card-real_time_thunder .thunder_footer_box .time_slider_ctr .overlay_text {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0)
}

.nari-lightning-card-real_time_thunder .thunder_footer_box .time_slider_ctr .na-switch {
    margin-left: var(--spacing-extra_tight)
}

.nari-lightning-card-real_time_thunder .thunder_footer_box .time_slider_ctr .na-switch.is-checked .na-switch__core,.nari-lightning-card-real_time_thunder .thunder_footer_box .time_slider_ctr .nari-device-details_container_ks_content_line .el-steps .na-switch.el-step:hover .na-switch__core,.nari-device-details_container_ks_content_line .el-steps .nari-lightning-card-real_time_thunder .thunder_footer_box .time_slider_ctr .na-switch.el-step:hover .na-switch__core {
    background-color: var(--color-primary-default)
}

.nari-lightning-card-real_time_thunder .thunder_footer_box .thunder_play_button {
    width: 100%;
    height: 30px;
    padding: var(--spacing-extra_tight) var(--spacing-base);
    margin-top: var(--spacing-baseTight);
    background: var(--color-primary-default);
    border-radius: var(--border_radius-2);
    border-color: var(--color-primary-default)
}

.nari-lightning-card-real_time_thunder .thunder_footer_box .thunder_play_button:focus,.nari-lightning-card-real_time_thunder .thunder_footer_box .thunder_play_button:hover {
    background: var(--color-primary-hover);
    color: rgba(var(--global-white), 1);
    border-color: var(--color-primary-hover)
}

.nari-lightning-card-real_time_thunder .thunder_footer_box .thunder_play_button span {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: rgba(var(--global-white), 1);
    line-height: 22px
}

.nari-lightning-card-real_time_thunder .time_slider_box {
    width: 65%;
    min-width: 1000px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-bg-0);
    border-radius: 4px;
    padding: var(--spacing-none) var(--spacing-baseTight) var(--spacing-extra_tight) var(--spacing-tight)
}

.nari-lightning-card .statistic_box {
    min-height: 350px;
    overflow-y: auto
}

.nari-lightning-card .statistic_box .warn_level_item {
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 64px;
    margin: var(--spacing-base) var(--spacing-none) var(--spacing-tight);
    border-radius: var(--border_radius-2);
    background: var(--color-bg-3)
}

.nari-lightning-card .statistic_box .warn_level_item .level_icon {
    width: 36px;
    height: 36px;
    margin: var(--spacing-baseTight) 8px;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-36);
    line-height: var(--line_height-44);
    font-weight: var(--font_weight-Regular);
    text-align: center;
    line-height: 36px;
    color: rgba(var(--global-white), 1);
    border-radius: var(--border_radius-2)
}

.nari-lightning-card .statistic_box .warn_level_item .level_icon.red {
    background: var(--color-danger-default)
}

.nari-lightning-card .statistic_box .warn_level_item .level_icon.orange {
    background: var(--color-warning-default)
}

.nari-lightning-card .statistic_box .warn_level_item .level_icon.yellow {
    background: rgba(var(--yellow-5), 1)
}

.nari-lightning-card .statistic_box .warn_level_item .level_text_num {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-20);
    line-height: var(--line_height-28);
    font-weight: var(--font_weight-bold)
}

.nari-lightning-card .statistic_box .warn_level_item .level_text_num.red {
    color: var(--color-danger-default)
}

.nari-lightning-card .statistic_box .warn_level_item .level_text_num.orange {
    color: var(--color-warning-default)
}

.nari-lightning-card .statistic_box .warn_level_item .level_text_num.yellow {
    color: rgba(var(--yellow-5), 1)
}

.nari-lightning-card .statistic_box .warn_level_item .level_text_key {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0)
}

.nari-lightning-card .warn_list {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.nari-lightning-card .warn_list .search {
    padding: var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-lightning-card .warn_list .search .na-select {
    width: 100%
}

.nari-lightning-card .warn_list .search .na-select .na-input__inner {
    height: 32px;
    line-height: 32px
}

.nari-lightning-card .warn_list .search .na-input__icon {
    line-height: 32px
}

.nari-lightning-card .warn_list .line-list,.nari-lightning-card .warn_list .pole-list {
    flex: 1
}

.nari-lightning-card .warn_list .nari-pagination {
    border-top: var(--border_width-1) solid var(--color-border-default)
}

.nari-lightning-card .warn_list .pole {
    color: var(--color-link-default);
    cursor: pointer
}

.nari-lightning-card .warn_list .warn_list_box {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    height: 574px;
    overflow-y: scroll
}

.nari-lightning-card .warn_list .warn_list_box .item {
    padding: var(--spacing-baseTight) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-lightning-card .warn_list .warn_list_box .item_row {
    line-height: var(--line_height-22);
    color: var(--color-text-2)
}

.nari-lightning-card .warn_list .warn_list_box .item_row:not(:first-child) {
    margin-top: var(--spacing-extra_tight)
}

.nari-lightning-card .warn_list .warn_list_box .item_row_level_name {
    margin-left: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    line-height: var(--line_height-22);
    cursor: pointer
}

.nari-lightning-card .warn_list .warn_list_box .item_row_level_conmmon {
    display: inline-flex;
    justify-content: center;
    border-radius: var(--border_radius-1);
    width: 65px;
    height: 20px;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    line-height: var(--line_height-20);
    box-sizing: content-box
}

.nari-lightning-card .warn_list .warn_list_box .item .red {
    border: var(--border_width-1) solid rgba(var(--red-5), 0.3);
    background: rgba(var(--red-5), 0.1);
    color: rgba(var(--red-5), 1)
}

.nari-lightning-card .warn_list .warn_list_box .item .orange {
    border: var(--border_width-1) solid rgba(var(--orange-5), 0.3);
    background: rgba(var(--orange-5), 0.1);
    color: rgba(var(--orange-5), 1)
}

.nari-lightning-card .warn_list .warn_list_box .item .yellow {
    border: var(--border_width-1) solid rgba(var(--yellow-5), 0.3);
    background: rgba(var(--yellow-5), 0.1);
    color: rgba(var(--yellow-5), 1)
}

.nari-lightning-card .warn_list .warn_list_box .item .green {
    color: var(--color-link-default);
    margin-left: var(--spacing-extra_tight);
    cursor: pointer
}

.nari-lightning-card-three_days_report {
    height: 100%
}

.nari-lightning-card-three_days_report .time_slider {
    padding: var(--spacing-none) var(--spacing-base);
    display: flex;
    align-items: center
}

.nari-lightning-card-three_days_report .time_slider .time_box {
    position: relative;
    display: inline-block
}

.nari-lightning-card-three_days_report .time_slider #lightningTimeSlider,.nari-lightning-card-three_days_report .time_slider #lightingRealTimeSlider {
    flex: 1
}

.nari-lightning-card-three_days_report .time_slider #nari-time-slider {
    padding-left: var(--spacing-none)
}

.nari-lightning-card-three_days_report .time_slider .nari-time-slider_slider {
    margin-bottom: var(--spacing-extra_tight)
}

.nari-lightning-card-three_days_report .time_slider .start_report_time_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 125px
}

.nari-lightning-card-three_days_report .time_slider .release_date.na-input {
    width: 125px
}

.nari-lightning-card-three_days_report .time_slider .na-input--prefix .na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-lightning-card-three_days_report .time_slider .na-input--prefix .na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-lightning-card-three_days_report .time_slider .na-input--prefix .na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-lightning-card-three_days_report .time_slider .na-input--prefix .na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-lightning-card-three_days_report .time_slider .na-input--prefix .na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-lightning-card-three_days_report .time_slider .forcast_select {
    width: 105px
}

.nari-lightning-card-three_days_report .time_slider .forcast_select .na-input.is-disabled .na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-lightning-card-three_days_report .time_slider .forcast_select .na-input.is-disabled .na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-lightning-card-three_days_report .time_slider .forcast_select .na-input.is-disabled .na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-lightning-card-three_days_report .time_slider .forcast_select .na-input.is-disabled .na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-lightning-card-three_days_report .time_slider .forcast_select .na-input.is-disabled .na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-lightning-card-three_days_report .time_slider span {
    margin-right: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-lightning-card-ground_flicker_search {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-base)
}

.nari-lightning-card-ground_flicker_search .na-select {
    width: calc((100% - 8px)/2)
}

.nari-lightning-card-pagination {
    display: flex;
    align-items: center;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    padding: var(--spacing-baseTight) var(--spacing-base);
    color: var(--color-text-0)
}

.nari-lightning-card-pagination .page-total {
    display: inline-block;
    min-width: 20px;
    height: 20px;
    line-height: var(--line_height-20);
    margin-right: auto
}

.nari-lightning-card-pagination .page-total .num {
    color: var(--color-link-default);
    padding: var(--spacing-none) var(--spacing-super_tight)
}

.nari-lightning-card-pagination button {
    display: inline-block;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    cursor: pointer
}

.nari-lightning-card-pagination button:disabled {
    cursor: not-allowed
}

.nari-lightning-card-pagination .current-page {
    margin-right: var(--spacing-base)
}

.nari-lightning-card-pagination .btn-prev {
    margin-right: var(--spacing-extra_tight)
}

.real_time_thunder_key_select .na-scrollbar {
    background-color: var(--color-bg-2)
}

.real_time_thunder_key_select .na-select-dropdown__item.selected {
    color: var(--color-link-default);
    background-color: var(--color-primary-transparent-10)
}

.na-message-box__wrapper.nari-pdf-view-box {
    width: 70% !important;
    height: 85vh !important
}

.na-message-box__wrapper.nari-pdf-view-box .na-message-box__btns {
    display: none !important
}

.nari-station-card,.nari-station {
    width: 100%;
    height: 100%;
    background: #031427
}

.nari-station-card_header1,.nari-station_header1 {
    height: 84px;
    background: url(data:image/png;base64,[encoded data, 11832 characters]) no-repeat center;
    background-size: 100%;
    position: relative;
    text-align: center
}

.nari-station-card_header2,.nari-station_header2 {
    width: 100%;
    height: 84px;
    line-height: 84px;
    background: url(data:image/png;base64,[encoded data, 10304 characters]) no-repeat center;
    position: absolute;
    background-size: contain;
    left: 0;
    top: 0;
    text-align: center
}

.nari-station-card_back,.nari-station_back {
    width: 128px;
    height: 37px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAlCAYAAACK7+GWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF8SURBVHgB7dy9SsNQGMbxN6e1dYjQDtpB0Ea8gDq6WBCHuLgUF6dsuimo0EkEVwfvQB1cBFELRbe66RYHFy2CSBd1CU2RKmg8iR8othcQnufXoae8NMv7p+kUIzgs5CURuCKSkS/7V9n15RPr7OHpsRV+zvUPmNIB5/GZb5fq9tSIX/419qTHGEuKEqd6k3Hnj63a368HE+E1opMEOemM85jMnYPRZ31c+x7szd5OF4d9RwlBar2qdvjOAMApMcRrNFOeEBT/JdHWu79Txszl1kZt0BWCsnI6dK53v8NbADgGAI4BgGMA4BgAOAYAjgGAYwDgGAA4BgCOAYBjAOAYADgGAI4BgGMA4BgAOAYAjgGAYwDgGAA4BgCOAYBjAOAYADgGAE4FlcLSpn0/LgQl3Hm4eyWBZPrSb71CUKKd693zFgAuCsBMvfMXAIyZ/tx5Ur+OivnmYmPV/fkfUL3Olhcq1oU+Rs+YMcQwu1yH85jMd0t1e/L/M4LmPgAaGsENBv4PvAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 20px;
    top: 15px;
    color: #51d1ff;
    text-align: center;
    line-height: 37px;
    font-size: 20px;
    cursor: pointer
}

.nari-station-card_footer,.nari-station_footer {
    width: 100%;
    height: 42px;
    background: url(data:image/png;base64,[encoded data, 4256 characters]) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.nari-station-card_footer_select,.nari-station_footer_select {
    width: 100%;
    background: url(../assets/images/footer-select.png) no-repeat center;
    height: 77px;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center
}

.nari-station-card_footer_select_opt,.nari-station_footer_select_opt {
    margin-top: -11px;
    width: 352px;
    height: 44px;
    display: flex;
    align-items: center;
    color: #00a3ff;
    font-size: 16px;
    padding-left: 79px;
    padding-right: 79px;
    justify-content: space-between
}

.nari-station-card_footer_select_opt_btn,.nari-station_footer_select_opt_btn {
    border-radius: 90px;
    box-shadow: 0px 0px 1.5px .75px #00b2ff;
    padding: 12px;
    background: url(data:image/png;base64,[encoded data, 8468 characters]) no-repeat center;
    cursor: pointer
}

.nari-station-card_footer_select_opt_btn_active,.nari-station_footer_select_opt_btn_active {
    color: #fff
}

.nari-station-card_footer_select_opt_btn_active:after,.nari-station_footer_select_opt_btn_active:after {
    display: block;
    cursor: default;
    content: "";
    width: 33px;
    height: 20px;
    background: url(data:image/png;base64,[encoded data, 4308 characters]) no-repeat center;
    position: absolute;
    top: 37px
}

.nari-station-card .nari-station-index-map,.nari-station .nari-station-index-map {
    margin: 10px;
    width: calc(100% - 10px);
    height: calc(100% - 200px)
}

.nari-station-card .nari-station-index-map_title,.nari-station .nari-station-index-map_title {
    margin-bottom: 20px
}

.nari-station-card .nari-station-index-map_title_search,.nari-station .nari-station-index-map_title_search {
    float: right;
    margin-right: 20px
}

.nari-station-card .nari-station-index-map_title_search_form .na-button--primary,.nari-station .nari-station-index-map_title_search_form .na-button--primary {
    color: #fff;
    background-color: #01aaf5;
    border-color: #01aaf5;
    width: 3.5vw;
    font-size: .14rem;
    padding: 10px 20px
}

.nari-station-card .nari-station-index-map_title_search_form .na-form--inline .na-form-item,.nari-station .nari-station-index-map_title_search_form .na-form--inline .na-form-item {
    margin-right: 8px
}

.nari-station-card .nari-station-index-map_title_search_form .na-form-item__label,.nari-station .nari-station-index-map_title_search_form .na-form-item__label {
    font-size: 18px;
    color: #d4edff;
    font-weight: normal
}

.nari-station-card .nari-station-index-map_title_search_form .na-input--suffix .na-input__inner,.nari-station .nari-station-index-map_title_search_form .na-input--suffix .na-input__inner {
    height: 4.5vh;
    color: #d4edff;
    font-size: 16px;
    border-radius: 4px;
    background: #0f2831;
    border: 1px solid #34c1f0;
    box-shadow: inset 0px 0px 16px 0px rgba(14,156,255,.4)
}

.nari-station-card .nari-station-index-map_title_search_form .na-scrollbar,.nari-station .nari-station-index-map_title_search_form .na-scrollbar {
    background: #0f2831;
    border: 1px solid #34c1f0;
    border-radius: 4px
}

.nari-station-card .nari-station-index-map_title_search_form .na-select-dropdown__item,.nari-station .nari-station-index-map_title_search_form .na-select-dropdown__item {
    color: #d4edff
}

.nari-station-card .nari-station-index-map_title_search_form .popper__arrow,.nari-station .nari-station-index-map_title_search_form .popper__arrow {
    display: none
}

.nari-station-card .nari-station-index-map_title_search_form .na-select-dropdown,.nari-station .nari-station-index-map_title_search_form .na-select-dropdown {
    left: 0px
}

.nari-station-card .nari-station-index-map_title_tabs,.nari-station .nari-station-index-map_title_tabs {
    float: right;
    margin-right: 30px
}

.nari-station-card .nari-station-index-map_title_tabs .na-radio-button__inner,.nari-station .nari-station-index-map_title_tabs .na-radio-button__inner {
    background: #031427;
    border: 1px solid #34c1f0;
    color: #d2edff;
    font-size: 18px;
    width: 130px
}

.nari-station-card .nari-station-index-map_title_tabs .na-radio-button:first-child .na-radio-button__inner,.nari-station .nari-station-index-map_title_tabs .na-radio-button:first-child .na-radio-button__inner {
    border-left: 1px solid #34c1f0;
    border-right: 0;
    border-radius: 8px 0 0 8px
}

.nari-station-card .nari-station-index-map_title_tabs .na-radio-button:last-child .na-radio-button__inner,.nari-station .nari-station-index-map_title_tabs .na-radio-button:last-child .na-radio-button__inner {
    border-left: 0;
    border-radius: 0 8px 8px 0
}

.nari-station-card .nari-station-index-map_title_tabs .na-radio-button__orig-radio:checked+.na-radio-button__inner,.nari-station .nari-station-index-map_title_tabs .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    background: linear-gradient(94.81deg, #01a8f2 0%, #20d9ff 100%)
}

.nari-station-card .nari-station-index-map_title_bread,.nari-station .nari-station-index-map_title_bread {
    color: #c6e8ff;
    line-height: 42px;
    display: inline-block;
    min-width: 156px;
    background: #0f2b3f;
    width: 470px;
    font-size: 22px;
    margin-left: 14px
}

.nari-station-card .nari-station-index-map_title_bread_icon,.nari-station .nari-station-index-map_title_bread_icon {
    float: left;
    width: 48px;
    height: 36px;
    margin-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAYAAADPRbkKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQvSURBVHgB7Zm/jxtFFMff2x+2ISeyhwQndAhdgRACpHOK0KTgLEQkfhQcEiB+FL4/ACkNDRQ5JGjSAMU1ICG7gH9jTRGlvG2SSGmcKkUUKT7lYt95d9/LezOzvihKkV2vI1m67914Vmuv9/uZmfferAywQF36d9h+e/fmBixQHixAzBwRcdxqNPa9lPff+el6Gxak2gHU/DTjmAC21l8OgQEiP/Dj9u5iIGoFUPPjKcdiuq3OtaH8ic4i+PH5BUDUBjAU86MxDYi5zaze2b4h/j2hkC5CP4jP/3arVohaAIb3OTpzmMViftOYlxftxTaj+wwaEIyaiPFWjRBzAwyHHIWcDoigLQBAYpzMDAC81LJf78zb3oMIAow/ulIPxFwAah5X0jgn3sxJjSPIsQWQttLysbiJGIdA1pL8ax+h58Wf/D4/RGUANZ82jwcZUVtGH7KcpRFk4l4hiqXkGdNozPsK4WuP2keeF8Sf7w3ngqgEoObH4WSQA29mYj61pjk1EHoMBgTFuN5ATQfWtOlDHx2IBDZD/OVf1SFKA+yL+ZE/HuSMxryYZTU7lRNpDiA1AI7lDYXRmFCjjQChGXrQDDxzHPgnUNJFkFWHKA1AMNaA3VTTOtppRpiKaWM8JThKGSZTbQRnmj60QoQXGwgvhAohML6bAblzKCBhYJdTIDPxbQWIoMyHrw0nWwRkUiW6VIkuT2re10PT5OVwKsakf+1saEa8yEL45Je6c3J1JN1ladtQQqUAWnCUTCgcybqNrOnCvGsauGb9kywjgDv3U35zrYkPjvJZbBDbq5gfv54dC/8PJYUlPw9Xbx22JVvGum0oTGgjlz5ziQONAdlSwMEk53uHmQHQpaUQmrHyothB0Yt1oN4/Oxs7UFKlAVSxQIiTGBgjNVHk/iIuNB4mYvjhMbGYx4cSD1OJDz2fG4CT2WBT+Kj3d7e8eVWlNNp5ayVJc68jJkYmdYrxIoVqJkpdTRBj6LlgNdlIMpEJWpdKQ8mjEh/9quYrA6guvruS0DTr5DmPTCrNHQTZYqZLRSdYg9cULpsyZwXNNuztff9GF+bQXFuJi+dWEybqiPkDXUZ5Eahk17auD3Q3OanCrgYg9P/4Zr3yyNcCoPpUITI2y8kEsdlGuKRapE60M6H7IDsb0L/y9etdqEG1bKe3319NIIWOTMCIyO1GH0tRmmO8YkfK1P/1i/Uu1KTaHmi+urCapJR1xO/IljlX3HQGvNlM9Ha36zOvqvWRcufCqwlg3pH0eGDP4OxVRr//82drc6/5J1X7Q71CaGCL7dHsJjLyP3681oUFqFIhexbtxXel2HmXJcMmP3z4yi9wqlOd6lRPE773HzMsjxKp8n/e+A57xYllAzCS3H/bP4ZOsoO3lxJA5SDOLeT3gechGfWNrAGXlhbAyIMPlhuAYesRGY5bFbQYmm8AAAAASUVORK5CYII=) no-repeat;
    background-size: 100%
}

.nari-station-card .nari-station-index-map_title_bread_area,.nari-station .nari-station-index-map_title_bread_area {
    cursor: pointer;
    margin-right: 8px
}

.nari-station-card .nari-station-index-map_province,.nari-station .nari-station-index-map_province {
    margin: 10px
}

.nari-station-card .nari-station-index-map_province_his,.nari-station .nari-station-index-map_province_his {
    padding: 3px;
    color: #c6e8ff;
    font-size: 18px
}

.nari-station-card .nari-station-index-map_province_his span,.nari-station .nari-station-index-map_province_his span {
    margin: 0 8px;
    color: #c6e8ff;
    font-size: 18px;
    cursor: pointer
}

.nari-station-card .nari-station-index-map_province_his .el-icon-time,.nari-station .nari-station-index-map_province_his .el-icon-time {
    margin-right: 3px
}

.nari-station-card .nari-station-index-map_province dl,.nari-station .nari-station-index-map_province dl {
    overflow: hidden
}

.nari-station-card .nari-station-index-map_province dt,.nari-station .nari-station-index-map_province dt {
    float: left;
    font-size: 24px;
    line-height: 64px;
    color: #4fc8fb
}

.nari-station-card .nari-station-index-map_province dd,.nari-station .nari-station-index-map_province dd {
    float: left;
    margin-left: 10px
}

.nari-station-card .nari-station-index-map_station,.nari-station .nari-station-index-map_station {
    margin: 10px;
    height: 100%
}

.nari-station-card .nari-station-index-map_station_wrap,.nari-station .nari-station-index-map_station_wrap {
    width: 100%;
    height: calc(100% - 60px);
    overflow-y: auto
}

.nari-station-card .nari-station-index-map_station_wrap_empty,.nari-station .nari-station-index-map_station_wrap_empty {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.nari-station-card .nari-station-index-map_station_wrap::-webkit-scrollbar,.nari-station .nari-station-index-map_station_wrap::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.nari-station-card .nari-station-index-map_station_wrap::-webkit-scrollbar-thumb,.nari-station .nari-station-index-map_station_wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #0e9cff;
    background: #031427
}

.nari-station-card .nari-station-index-map_station_wrap::-webkit-scrollbar-track,.nari-station .nari-station-index-map_station_wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 5px;
    background: #031427
}

.nari-station-card .nari-station-index-map_station_wrap_vol,.nari-station .nari-station-index-map_station_wrap_vol {
    margin-bottom: 20px
}

.nari-station-card .nari-station-index-map_station_wrap_vol_key,.nari-station .nari-station-index-map_station_wrap_vol_key {
    font-size: 24px;
    color: #fc0
}

.nari-station-card .nari-station-index-map_station_wrap_vol_num,.nari-station .nari-station-index-map_station_wrap_vol_num {
    color: #d6eeff;
    font-size: .24rem
}

.nari-station-card .nari-station-index-map_station_wrap_vol_item,.nari-station .nari-station-index-map_station_wrap_vol_item {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.nari-station-card .nari-station-index-map_station_wrap_vol_item_letter,.nari-station .nari-station-index-map_station_wrap_vol_item_letter {
    float: left;
    font-size: 26px;
    color: #066c9a;
    width: 26px;
    text-align: center;
    margin-top: 22px;
    margin-left: 5px
}

.nari-station-card .nari-station-index-map_station_wrap_vol_item_name,.nari-station .nari-station-index-map_station_wrap_vol_item_name {
    float: left;
    width: 178px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    position: relative;
    background: #00000a;
    border: 1px solid #0e9cff;
    box-shadow: inset 0px 0px 70px 0px rgba(14,156,255,.4)
}

.nari-station-card .nari-station-index-map_station_wrap_vol_item_name span,.nari-station .nari-station-index-map_station_wrap_vol_item_name span {
    display: inline-block;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    margin-left: 12px;
    font-size: 18px;
    cursor: pointer
}

.nari-station-card .nari-station-index-map_station_wrap_vol_item_star,.nari-station .nari-station-index-map_station_wrap_vol_item_star {
    font-size: 20px;
    display: none;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0px;
    top: 12px;
    cursor: pointer;
    color: #d7eeff
}

.nari-station-card .nari-station-index-map_station_wrap_vol_item:hover .nari-station-card .nari-station-index-map_station_wrap_vol_item_star,.nari-station-card .nari-station-index-map_station_wrap_vol_item:hover .nari-station .nari-station-index-map_station_wrap_vol_item_star,.nari-station .nari-station-index-map_station_wrap_vol_item:hover .nari-station-card .nari-station-index-map_station_wrap_vol_item_star,.nari-station .nari-station-index-map_station_wrap_vol_item:hover .nari-station .nari-station-index-map_station_wrap_vol_item_star {
    font-size: 20px;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0px;
    top: 12px;
    cursor: pointer
}

.nari-station-card .nari-station-index-map_station_wrap_vol_item_star.beCollected,.nari-station .nari-station-index-map_station_wrap_vol_item_star.beCollected {
    display: inline-block;
    color: #fc0
}

.nari-station-card .nari-station-index-map_station_wrap_vol_item_star.na-iconfont,.nari-station .nari-station-index-map_station_wrap_vol_item_star.na-iconfont {
    font-size: 20px
}

.nari-station-card .nari-station-index-map_station_tip,.nari-station .nari-station-index-map_station_tip {
    color: #d5eeff
}

.nari-station-card .nari-station-index-map_station_tip_icon,.nari-station .nari-station-index-map_station_tip_icon {
    color: #d5eeff
}

.nari-station-card .nari-station-index-map-item,.nari-station .nari-station-index-map-item {
    display: inline-block;
    width: 210px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background: #00000a;
    border: 1px solid #207dbe;
    box-shadow: inset 0px 0px 87px 0px rgba(14,156,255,.4);
    font-size: 20px;
    color: #fff;
    position: relative;
    margin: 7px 10px 7px 10px
}

.nari-station-card .nari-station-index-map-item .na-iconfont,.nari-station .nari-station-index-map-item .na-iconfont {
    font-size: 20px;
    position: absolute;
    right: 10px;
    cursor: pointer
}

.nari-station-card .nari-station-index-map-item .beCollected,.nari-station .nari-station-index-map-item .beCollected {
    color: #fc0
}

.nari-station-card .nari-station-index-map-item_name,.nari-station .nari-station-index-map-item_name {
    display: inline-block;
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer
}

.nari-station-card .station span,.nari-station .station span {
    width: 90%;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nari-station-card .area:hover,.nari-station .area:hover {
    background: #00000a;
    border: 1px solid #fc0;
    box-shadow: inset 0px 0px 87px 0px rgba(255,204,0,.4);
    color: #ffefad
}

.nari-station-card input.na-input__inner::-webkit-input-placeholder,.nari-station input.na-input__inner::-webkit-input-placeholder {
    color: #fff
}

.nari-environment-fire-card .nari-tab-pane_fire_content {
    height: 100%;
    overflow-y: auto
}

.nari-environment-fire-card .nari-tab-pane_fire_content .count-page {
    height: 100%;
    padding: var(--spacing-base)
}

.nari-environment-fire-card .nari-tab-pane_fire_content .nari-environment-fire_line_search {
    padding: var(--spacing-base)
}

.nari-environment-fire-card .nari-tab-pane_fire_content .nari-environment-fire_line_search .na-select {
    width: 100%
}

.nari-environment-fire-card .nari-tab-pane_fire_content .nari-environment-fire_line_list {
    height: calc(100% - 70px)
}

.nari-environment-fire-card .nari-tab-pane_fire_content .nari-environment-fire_pole_list {
    height: calc(100% - 71px)
}

.nari-environment-fire-card_body {
    height: 100%
}

.nari-environment-fire-card_body_search {
    padding: var(--spacing-base)
}

.nari-environment-fire-card_body_search .na-date-editor--daterange.na-input__inner {
    width: 100%;
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-fire-card_body_search .na-date-editor--daterange.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-fire-card_body_search .na-date-editor--daterange.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-fire-card_body_search .na-date-editor--daterange.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-fire-card_body_search .na-date-editor--daterange.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-fire-card .nari-environment-card_container_body_list_search {
    padding: var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default);
    display: flex;
    justify-content: space-between
}

.nari-environment-fire-card .nari-environment-card_container_body_list_search .na-date-editor.na-input,.nari-environment-fire-card .nari-environment-card_container_body_list_search .na-select {
    width: calc((100% - 8px)/2)
}

.nari-environment-fire-card .pole-item {
    color: var(--color-link-default);
    cursor: pointer
}

.nari-environment-fire-card .pole-item:nth-child(n+3) {
    margin-left: var(--spacing-extra_tight)
}

.nari-environment-fire-card .nari-environment-card_container_slider {
    width: 65%;
    min-width: 1000px;
    min-height: 64px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-bg-0);
    border-radius: var(--border_radius-2);
    padding: 0 0 var(--spacing-extra_tight);
    color: var(--color-text-0)
}

.nari-environment-fire-card .nari-environment-card_container_slider_releasedate {
    float: left;
    margin-top: var(--spacing-base);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-fire-card .nari-environment-card_container_slider_releasedate span {
    margin-right: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-date-editor.na-input {
    width: 180px
}

.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-input--prefix .na-input__inner,.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-range-editor.na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-input--prefix .na-input__inner:hover,.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-range-editor.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-input--prefix .na-input__inner:focus,.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-range-editor.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-input--prefix .na-input__inner::-moz-placeholder, .nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-range-editor.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-input--prefix .na-input__inner::placeholder,.nari-environment-fire-card .nari-environment-card_container_slider_releasedate .na-range-editor.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-marker-fire {
    width: 118px;
    height: 118px;
    background: url(../assets/images/fire.png) no-repeat center center;
    background-size: 100%
}

.nari-marker-distance {
    padding: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    background: var(--color-bg-0);
    color: var(--color-text-0)
}

.APP_03_060102 {
    height: 100%
}

.nari-environment-dancewave-card .nari-environment-dancewave-card_body_box_selectTime {
    padding: var(--spacing-base)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content {
    height: 100%;
    display: flex;
    flex-direction: column
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime {
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-extra_tight) var(--spacing-base)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input,.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input:hover,.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input:focus,.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input::-moz-placeholder, .nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input::placeholder,.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-date-editor.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-range-editor.is-disabled input {
    background: var(--color-bg-2);
    color: var(--color-text-1)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-range-editor.is-disabled input::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectTime .na-range-editor.is-disabled input::placeholder {
    color: var(--color-text-3)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectScoure {
    width: 100%;
    display: flex;
    padding: var(--spacing-extra_tight) var(--spacing-base) var(--spacing-base) var(--spacing-base)
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectScoure_p {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0);
    letter-spacing: 0px;
    text-align: left;
    padding-right: var(--spacing-tight);
    margin-top: 6px
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_selectScoure .na-select {
    width: 355px
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_line_list {
    flex: 1
}

.nari-environment-dancewave-card .nari-tab-pane_dancewave_content_pole_list {
    height: calc(100% - 70px)
}

.nari-environment-dancewave-card .nari-environment-card_dancewave_body_list_search {
    padding: var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default);
    display: flex;
    justify-content: space-between
}

.nari-environment-dancewave-card .nari-environment-card_dancewave_body_list_search .na-date-editor.na-input,.nari-environment-dancewave-card .nari-environment-card_dancewave_body_list_search .na-select {
    width: calc((100% - 8px)/2)
}

.nari-environment-dancewave-card .nari-tab-pane_pressure {
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-none) var(--spacing-base);
    height: 254px
}

.nari-environment-dancewave-card .nari-environment-dancewave_body_search {
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-none) var(--spacing-base)
}

.nari-environment-dancewave-card .nari-environment-dancewave_body_search .na-date-editor--daterange.na-input__inner {
    width: 100%
}

.nari-environment-dancewave-card .nari-environment-card_dancedistribute_body_list_search {
    padding: var(--spacing-base)
}

.nari-environment-dancewave-card .nari-environment-card_dancedistribute_body_list_search .na-date-editor.na-input {
    width: calc((100% - 8px)/2)
}

.nari-environment-dancewave-card_slider {
    display: flex;
    width: 65%;
    min-width: 1000px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-bg-0);
    border-radius: var(--border_radius-2);
    padding: var(--spacing-none) var(--spacing-base) var(--spacing-extra_tight);
    color: var(--color-text-0)
}

.nari-environment-dancewave-card_slider_releasedate {
    margin-top: var(--spacing-base)
}

.nari-environment-dancewave-card_slider_releasedate .na-date-editor.na-input {
    width: 180px
}

.nari-environment-dancewave-card_slider_releasedate .na-input--prefix .na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-dancewave-card_slider_releasedate .na-input--prefix .na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-dancewave-card_slider_releasedate .na-input--prefix .na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-dancewave-card_slider_releasedate .na-input--prefix .na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-dancewave-card_slider_releasedate .na-input--prefix .na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-dancewave-card_slider_releasedate span {
    margin-right: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-dancewave-card_slider_time {
    flex: 1
}

.nari-environment-geo-card {
    width: 100%;
    height: 100%;
    min-width: 450px
}

.nari-environment-geo-card_equipment {
    height: 100%;
    overflow: hidden
}

.nari-environment-geo-card_equipment_statistics {
    height: 100%;
    overflow-y: scroll
}

.nari-environment-geo-card_equipment_statistics_radio_box.picker-box {
    padding: var(--spacing-base) var(--spacing-none) var(--spacing-none)
}

.nari-environment-geo-card_equipment_statistics_radio_box.picker-box .nari-environment-geo-card_container_body_box_block_select {
    width: 100%
}

.nari-environment-geo-card_equipment_statistics_radio_box.picker-box .ice-button {
    width: 46%
}

.nari-environment-geo-card_equipment_statistics_radio_box.picker-box .na-radio-group {
    width: 100%
}

.nari-environment-geo-card_equipment_statistics_radio_box.picker-box .na-radio-button {
    width: 50%
}

.nari-environment-geo-card_equipment_statistics_radio_box.picker-box .na-radio-button__inner {
    width: 100%;
    padding: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0);
    background-color: var(--color-bg-2);
    border-color: var(--color-border-default)
}

.nari-environment-geo-card_equipment_statistics_radio_box.picker-box .na-radio-button__inner:hover {
    color: var(--color-text-0)
}

.nari-environment-geo-card_equipment_statistics_radio_box.picker-box .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    padding: 5px;
    border: none;
    color: rgba(var(--global-white), 1);
    background: var(--color-primary-default)
}

.nari-environment-geo-card_equipment_statistics_voltage_box {
    padding: var(--spacing-none) var(--spacing-base) var(--spacing-base) var(--spacing-base);
    height: 254px
}

.nari-environment-geo-card_equipment_statistics_warning_box {
    padding: var(--spacing-none) var(--spacing-base);
    height: 190px
}

.nari-environment-geo-card_equipment_statistics_warning_box .nari-environment-common_level_list_item {
    width: 198px
}

.nari-environment-geo-card_equipment_statistics_warning_box .nari-environment-common_level_list_item_tag.red {
    background-color: var(--color-danger-default)
}

.nari-environment-geo-card_equipment_statistics_warning_box .nari-environment-common_level_list_item_tag.brown {
    background-color: var(--color-warning-hover)
}

.nari-environment-geo-card_equipment_statistics_warning_box .nari-environment-common_level_list_item_tag.yellow {
    background-color: rgba(var(--yellow-5), 1)
}

.nari-environment-geo-card_equipment_statistics_warning_box .nari-environment-common_level_list_item_tag.green {
    background-color: rgba(var(--green-5), 1)
}

.nari-environment-geo-card_equipment_statistics_warning_box .nari-environment-common_level_list_item_right .num.red {
    color: var(--color-danger-default)
}

.nari-environment-geo-card_equipment_statistics_warning_box .nari-environment-common_level_list_item_right .num.brown {
    color: var(--color-warning-hover)
}

.nari-environment-geo-card_equipment_statistics_warning_box .nari-environment-common_level_list_item_right .num.yellow {
    color: rgba(var(--yellow-5), 1)
}

.nari-environment-geo-card_equipment_statistics_warning_box .nari-environment-common_level_list_item_right .num.green {
    color: rgba(var(--green-5), 1)
}

.nari-environment-geo-card_equipment_list {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.nari-environment-geo-card_equipment_list_search {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-geo-card_equipment_list_search .na-select {
    width: 100%;
    margin: 0 5px
}

.nari-environment-geo-card_equipment_list_box {
    flex: 1;
    overflow-y: scroll
}

.nari-environment-geo-card_equipment .nari-button_text {
    color: var(--color-text-2);
    cursor: default
}

.nari-environment-geo-card_distribution_search {
    padding: var(--spacing-base)
}

.nari-environment-geo-card_distribution_search .na-input--small .na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-geo-card_distribution_search .na-input--small .na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-geo-card_distribution_search .na-input--small .na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-geo-card_distribution_search .na-input--small .na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-geo-card_distribution_search .na-input--small .na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-geo-card_distribution .nari-tab-pane {
    height: auto
}

.nari-environment-geo-card_slider {
    display: flex;
    width: 65%;
    min-width: 1000px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-bg-0);
    border-radius: var(--border_radius-2);
    padding: var(--spacing-none) var(--spacing-base) 6px var(--spacing-base);
    color: var(--color-text-0)
}

.nari-environment-geo-card_slider_releasedate {
    margin-top: var(--spacing-base)
}

.nari-environment-geo-card_slider_releasedate .na-date-editor {
    width: 180px
}

.nari-environment-geo-card_slider_releasedate .na-input--prefix .na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-geo-card_slider_releasedate .na-input--prefix .na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-geo-card_slider_releasedate .na-input--prefix .na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-geo-card_slider_releasedate .na-input--prefix .na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-geo-card_slider_releasedate .na-input--prefix .na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-geo-card_slider_releasedate span {
    margin-right: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-geo-card_slider_time {
    flex: 1
}

.nari-environment-geo-card_container_body_box {
    height: 100%;
    padding-top: var(--spacing-base);
    display: flex;
    flex-direction: column
}

.nari-environment-geo-card_container_body_box_block {
    display: flex;
    align-items: center;
    margin: var(--spacing-none) var(--spacing-base) var(--spacing-base);
    color: var(--color-text-2);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-geo-card_container_body_box_block .na-date-editor.na-input__inner {
    width: 100%;
    padding-left: var(--spacing-tight);
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-geo-card_container_body_box_block .na-date-editor.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-geo-card_container_body_box_block .na-date-editor.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-geo-card_container_body_box_block .na-date-editor.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-geo-card_container_body_box_block .na-date-editor.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-geo-card_container_body_box_block_left {
    padding-left: 6px;
    width: 80px;
    word-break: keep-all;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-geo-card_container_body_box_block_time {
    width: auto;
    flex: 1;
    display: inline-flex;
    align-items: center
}

.nari-environment-geo-card_container_body_box_block_time::after {
    display: inline-block;
    content: " ";
    margin: var(--spacing-none) var(--spacing-super_tight);
    width: 1px;
    height: 16px;
    background-color: var(--color-border-default);
    position: absolute;
    right: 0
}

.nari-environment-geo-card_container_body_box_block_right {
    flex: 1;
    display: flex;
    align-items: center
}

.nari-environment-geo-card_container_body_box_block_right_time_arrow_button {
    background-color: var(--color-secondary-default);
    color: var(--color-text-0);
    font-size: 16px
}

.nari-environment-geo-card_container_body_box_block_right_time_arrow_button .el-icon-arrow-left {
    background-color: rgba(0,0,0,0)
}

.nari-environment-geo-card_container_body_box_block_right_button {
    background: var(--color-bg-0)
}

.nari-environment-geo-card_container_body_box_block_right_time_arrow_button.arrow-button,.nari-environment-geo-card_container_body_box_block_right_button {
    padding: var(--spacing-extra_tight);
    border: 0
}

.nari-environment-geo-card_container_body_box_block_right_time_arrow_button.arrow-button_checked,.nari-environment-geo-card_container_body_box_block_right_button_checked {
    color: rgba(var(--global-white), 1);
    background-color: var(--color-primary-default)
}

.nari-environment-geo-card_container_body_box_block_right_time_arrow_button.arrow-button.na-button+.na-button,.nari-environment-geo-card_container_body_box_block_right_button.na-button+.na-button {
    margin-left: var(--spacing-extra_tight)
}

.nari-environment-geo-card_container_body_box_block_right_time_arrow_button.arrow-button.na-button:focus,.nari-environment-geo-card_container_body_box_block_right_time_arrow_button.arrow-button.na-button:hover,.nari-environment-geo-card_container_body_box_block_right_button.na-button:focus,.nari-environment-geo-card_container_body_box_block_right_button.na-button:hover {
    color: rgba(var(--global-white), 1);
    background-color: var(--color-primary-default)
}

.nari-environment-geo-card_container_body_box_block_right_time {
    background-color: var(--color-bg-2);
    border-radius: var(--border_radius-2);
    border: 1px solid var(--color-border-default)
}

.nari-environment-geo-card_container_body_box_block_right_time .na-input__prefix {
    right: 10px;
    left: unset;
    color: var(--color-text-3)
}

.nari-environment-geo-card_container_body_box_block_right_time .na-input__inner {
    flex: 1 0 180px;
    height: 30px;
    border: 0;
    padding-left: var(--spacing-tight);
    background: var(--color-bg-2);
    color: var(--color-text-1)
}

.nari-environment-geo-card_container_body_box_block_right_time .na-input__icon.el-icon-date {
    width: 16px;
    line-height: 32px
}

.nari-environment-geo-card_container_body_box_block_right_time_arrow {
    padding: var(--spacing-none) var(--spacing-tight)
}

.nari-environment-geo-card_container_body_box_block_high_class {
    margin-left: var(--spacing-base_loose)
}

.nari-environment-geo-card_container_body_box_block_high_class .na-button--text {
    border: none;
    color: var(--color-primary-default);
    padding: 0;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-geo-card_container_body_box_block_label {
    word-break: keep-all
}

.nari-environment-geo-card_container_body_box_block_select .ice-button {
    min-width: 79px;
    background: var(--color-secondary-default);
    border-radius: var(--border_radius-2);
    border: none;
    padding: 5px 0;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1)
}

.nari-environment-geo-card_container_body_box_block_select .ice-button+.ice-button {
    margin-left: var(--spacing-tight)
}

.nari-environment-geo-card_container_body_box_block_select .ice-button.checked {
    background: var(--color-primary-default);
    color: rgba(var(--global-white), 1)
}

.nari-typhoon-card {
    height: 100%
}

.nari-typhoon-card_active {
    height: 100%
}

.nari-typhoon-card_active .nari-tab-pane_body {
    height: 100%;
    overflow-y: auto
}

.nari-typhoon-card_active .nari-tab-pane_pressure {
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-none)
}

.nari-typhoon-card_active .nari-tab-pane_list {
    height: calc(100% - 270px);
    padding: var(--spacing-none) var(--spacing-base)
}

.nari-typhoon-card_active .nari-tab-pane_list_content {
    height: calc(100% - 22px);
    padding: var(--spacing-base) var(--spacing-none)
}

.nari-typhoon-card_hiswrap {
    height: 100%
}

.nari-typhoon-card_report {
    min-height: 450px;
    height: 100%
}

.nari-typhoon-card_report_detail.nari-environment-common_report {
    height: calc(100% - 75px)
}

.nari-typhoon-card_report_detail.nari-environment-common_report .nari-environment-common_report_list {
    height: 100%
}

.nari-typhoon-card_dev {
    min-height: 450px;
    height: 100%;
    display: flex;
    flex-direction: column
}

.nari-typhoon-card_dev .nari-environment-common_equipment {
    height: calc(100% - 65px)
}

.nari-typhoon-card_dev .nari-environment-common_equipment .pole-ids {
    color: var(--color-link-default);
    cursor: pointer
}

.nari-typhoon-card_dev_select {
    padding: var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default);
    display: flex;
    justify-content: space-around
}

.nari-typhoon-card_dev_select .na-select {
    width: 48%
}

.nari-typhoon-card_dev .pole {
    color: var(--color-link-default);
    cursor: pointer
}

.nari-typhoon-card_pole {
    min-height: 450px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.nari-typhoon-card_pole .pole-list {
    height: calc(100% - 49px)
}

.nari-typhoon-card_pole .nari-pagination {
    border-top: 1px solid var(--color-border-default)
}

.nari-typhoon-card_his {
    height: 100%
}

.nari-typhoon-card_his_report {
    height: 100%;
    overflow: hidden
}

.nari-typhoon-card_his_wrap {
    height: 100%;
    min-height: 420px;
    padding: var(--spacing-base);
    overflow: hidden
}

.nari-typhoon-card_his_wrap .nari-history-typhoon_body {
    height: calc(100% - 48px)
}

.nari-typhoon-card_his_wrap .na-table {
    background-color: var(--color-bg-2)
}

.nari-typhoon-card_his_wrap .na-table .cell,.nari-typhoon-card_his_wrap .na-table--border .na-table__cell:first-child .cell {
    padding-left: 0;
    padding-right: 0
}

.nari-typhoon-card_his_wrap_slider {
    width: 65%;
    transform: translateX(-50%);
    position: fixed;
    left: 50%;
    background: var(--color-bg-0);
    border-radius: var(--border_radius-3);
    bottom: 40px;
    padding: var(--spacing-extra_tight) var(--spacing-baseTight) var(--spacing-extra_tight) var(--spacing-none);
    z-index: 2101
}

.nari-typhoon-card_his_wrap_slider #nari-time-slider .na-slider__marks-text,.nari-typhoon-card_his_wrap_slider .nari-time-slider_slider_marks_right,.nari-typhoon-card_his_wrap_slider .nari-time-slider_slider_marks_left {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-typhoon-card_his_wrap .na-table--scrollable-y .na-table__body-wrapper::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.nari-typhoon-card_his_wrap .na-table--scrollable-y .na-table__body-wrapper::-webkit-scrollbar-thumb {
    background: var(--color-bg-4);
    background-clip: padding-box;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
}

.nari-typhoon-card_his_wrap .na-table--scrollable-y .na-table__body-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: #ededed;
    border-radius: 10px
}

.nari-typhoon-card_his_wrap .na-table--scrollable-y .na-table__body-wrapper::-webkit-scrollbar-track {
    background: var(--color-bg-2)
}

.nari-typhoon-card_his_wrap .na-table--small {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-typhoon-card_his_wrap .na-button.na-button--small {
    padding: var(--spacing-none);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-typhoon-card_his_wrap .na-date-editor.na-input,.nari-typhoon-card_his_wrap .na-date-editor.na-input__inner {
    width: 100%;
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-typhoon-card_his_wrap .na-date-editor.na-input:hover,.nari-typhoon-card_his_wrap .na-date-editor.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-typhoon-card_his_wrap .na-date-editor.na-input:focus,.nari-typhoon-card_his_wrap .na-date-editor.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-typhoon-card_his_wrap .na-date-editor.na-input::-moz-placeholder, .nari-typhoon-card_his_wrap .na-date-editor.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-typhoon-card_his_wrap .na-date-editor.na-input::placeholder,.nari-typhoon-card_his_wrap .na-date-editor.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-typhoon-card_his_date {
    margin-bottom: var(--spacing-base)
}

.nari-typhoon-card_his_btn.na-button--text,.nari-typhoon-card_his_btn.na-button--text:focus,.nari-typhoon-card_his_btn.na-button--text:hover,.nari-typhoon-card_his_line {
    color: var(--color-primary-default)
}

.nari-typhoon-card_his_info {
    margin: var(--spacing-base);
    display: flex
}

.nari-typhoon-card_his_info_icon {
    width: 32px;
    height: 32px;
    background: var(--color-info-default);
    border-radius: var(--border_radius-2);
    text-align: center;
    line-height: var(--line_height-32);
    color: rgba(var(--global-white), 1);
    margin-right: var(--spacing-tight)
}

.nari-typhoon-card_his_info p {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold)
}

.nari-typhoon-card_his_info span {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2);
    margin-right: var(--spacing-baseTight)
}

.nari-typhoon-card .na-range-editor--small .na-range-separator {
    width: 12%
}

.nari-typhoon-card .nari-environment-common_equipment_list_item_row_level_name {
    margin-left: 0
}

.nari-typhoon-info-wrap {
    width: 420px;
    border-radius: var(--border_radius-3);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,.2);
    overflow: hidden;
    background: var(--color-bg-0)
}

.nari-typhoon-info-wrap .header {
    display: flex;
    align-items: flex-end;
    padding: var(--spacing-tight) var(--spacing-base);
    background-color: var(--color-info-default)
}

.nari-typhoon-info-wrap .header .title {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold);
    color: rgba(var(--global-white), 1)
}

.nari-typhoon-info-wrap .header .sub {
    margin-left: var(--spacing-tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: rgba(var(--global-white), 1)
}

.nari-typhoon-info-wrap .content {
    padding: var(--spacing-none) var(--spacing-base) var(--spacing-baseTight)
}

.nari-typhoon-info-wrap .content .land-info {
    padding: 10px 0;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular)
}

.nari-typhoon-info-wrap .content .wind-wap {
    display: flex;
    align-items: flex-start;
    padding: var(--spacing-extra_tight) var(--spacing-none);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    line-height: 26px
}

.nari-typhoon-info-wrap .content .wind-wap span {
    flex-shrink: 0;
    width: 125px;
    color: var(--color-text-0)
}

.nari-typhoon-info-wrap .content .wind-wap .right-layout {
    flex: 1;
    color: var(--color-text-0);
    line-height: 24px
}

.nari-typhoon-info-wrap .content .wind-wap .right-layout span {
    color: #34c1f0;
    margin-right: var(--spacing-extra_tight)
}

.nari-typhoon-info-wrap .content .wind-wap .right-layout .last-icon {
    margin-left: var(--spacing-tight)
}

.nari-typhoon-info-wrap .content p {
    display: flex;
    align-items: flex-start;
    margin: var(--spacing-tight) var(--spacing-none)
}

.nari-typhoon-info-wrap .content p span {
    display: block;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-typhoon-info-wrap .content p span:first-child {
    flex-shrink: 0;
    width: 125px;
    color: var(--color-text-0)
}

.nari-typhoon-info-wrap .content p span:last-child {
    flex: 1;
    color: var(--color-text-0)
}

.nari-typhoon-info-wrap .footer {
    display: flex;
    justify-content: flex-end;
    padding: var(--spacing-tight) var(--spacing-base_loose)
}

.sgmap-popup .sgmap-popup-content {
    border-radius: var(--border_radius-3)
}

.mapboxgl-popup-content {
    background-color: var(--color-bg-0)
}

.nari-marker-land {
    width: 26px;
    height: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAW6SURBVHgBtVVrbBRVFP7mzuzs7Kv76G5btm+krUWeYgEBEzAITW2QhMQHJsojAcQE0YgSNEZrKAkQg4KRYgzFRlRKIqQVEQzyNgF+AI1tKZS22yfttt3Z3e5zdsY709CU0vLPszn3bu4557vndc8wmICUrVtfRCz+DuKxIihKFhhGosddYKRTINJx5mDVufHsmLEHns2b1jg4foeJcHkUDIhFx1jEKUsY0unvDnCW8qx9+yrHBVQ2bNCB5X5CNPpKRFH4mI4DSXGiqaUNfaJf08lIz4CL7smJOBhFAVGtOd1xlJS8zaxYEVJ1uBFonj8dkRJLIjzPELsVdX0PUF9zCt5gAKzJrKnc6vQgzWRCrtOFwpQUmKMxcAqzijtzNo+KZ4146Nm8oSwzIn/i43UE7jTUXriIm51dkKHQ9MngCPWWEMi8DB39EYVgpsGAl3JyIHA6CDodBuYVfZm8ceNnrKIEXOR+5xF9n9ckO+04eeESGtvaEFFvYxi8Ub4Law8cwDNLlsBks6On6S5ioTB6OjsgDoUwWQWVZUh97dPKp88+zH4uRt/XD4qlagGuUaDzd5oQpvmJyRIEsxlrv/5GC9ficmHK3HmYsXw5LlRXY9DrRbcowklTkJ1khZ6NGUESIgdRLIIURxOhodN8DYRD0NEQFAqampc/tgngSE/H3hs34PV40Ef5n/e2INNmRi7HA0ZTKU1MYgqkGAxGA5oa70CRFUQjEW2fTb2ZiJxZWRpoKDqqrRKwEK3XFNpu/gD89E9CToCwLCTaGnnz5+NJ1HD5Mm51ddNiCRoGYmEQ6HV9DxUC4bC2y4kEnJmZ8La344ctW/BnRYUW3mOAV648eqDnvQSheDMUBuGhMCbxeg0sQTlv/vO4cuwY/qqsxOFt21BWUoK2utsjtq11dehuaYHbbhs+oBgIxe5xgwb2HAt2/UBjPQomudF2rxkyo6BgwQL8uH07ZEXR9HtpB3y0cCGKXi5F9vTpaL19Wyvc1NQ0tDXfh+vpp8EnEkeJo7LqqN+g73cLeggJ2sSymly6UOXg4KBmNMK0UNdqalBdXo7rtbXaWWdrGybR9yEK+npDVdU5ot4ek1EsKIin0szOMRuQSgtzsqwMLA19LKkgqtdO2vTLcnKRQx2x06fI2ZM2qXIN8KmKihu80XTMKPpQSBVfyM6mg6prfEDKDocdry1dCmtvLyYLBhgLCyrdu/ZcUuUjw4Epeu6LFJa8yba0oqvdgyL6MojJiIaOTogRbZDAKhgxraAAFosZ7VevIlfPw5yT3U87sXwE55HbX1+9w9/v3dnR0Y4ecRAdAz7Q6QefFNHkNk6Ang6JyfS1OOlrcliSYHa6PjX8XrPzIQb3SDwG/fdJ7pQP8o1Cckb3A8yh8zAw5EOfX9LEZj0Ho9GM5JRUmjMrOFtSP4ju0GiIxya2suatzQgOfRvrHwSiAfBEgg+CJtNWhtVYA7RbX2Uqq6qfCKiBrl+7hw6MD0FD1ng0GY3qEIAYDu+1nTm9bawtGQ+QTtbddD2PCUmpt1otu8eTjO+hohA6XOXgunV/8A3/FhN5+DxAtXWzZp81Hzy4DBPQY4B3Sktn2kORZ0M85zTI8buuJNdv6GzTZImMbHi62lcRhyOLV5RgELheUFt7a7Q9GQtGt0Vxo/Brtt9/xCkGZzA64V3GYoHKHKs7lMPz03I47ijVU3lRw8qVcyYEfMCycY5lL6bX1oYQkeYSSdqLnyu/Q2ryxyozv1RtJIryFeLxhW63W9OlOkMThtxcWpolW60+DAxEp3R3GyAINni93bASy3DMRgkptjQYbT2tPl8kYDIZ6OfCWnjiROu4HpJgsDfs87Eiy7LMzZs+FBd7YLXSklhEjVl2CAsW38Pq1QE+P5/oGYYVfL4ePKkoKv29eDHnyMzUs5EIkxqNMqCzDo2Nw2nx++kQnEq/cmw8b//+KP5v+g8MaWEUvrM3SgAAAABJRU5ErkJggg==) no-repeat center center
}

.nari-tab-pane_list_content .na-table__body-wrapper,.nari-typhoon-card_his .na-table__body-wrapper {
    height: calc(100% - 48px) !important
}

.nari-tab-pane_list_content .na-table tr,.nari-typhoon-card_his .na-table tr {
    background-color: rgba(0,0,0,0)
}

.nari-tab-pane_list_content .na-table th.na-table__cell,.nari-typhoon-card_his .na-table th.na-table__cell {
    background-color: var(--color-fill-0);
    color: var(--color-text-0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold)
}

.nari-tab-pane_list_content .na-table th.na-table__cell:not(:first-child),.nari-typhoon-card_his .na-table th.na-table__cell:not(:first-child) {
    border-left: 1px solid var(--color-border-default)
}

.nari-tab-pane_list_content .na-table th.na-table__cell.gutter,.nari-typhoon-card_his .na-table th.na-table__cell.gutter {
    border-left: none
}

.nari-tab-pane_list_content .na-table td.na-table__cell,.nari-tab-pane_list_content .na-table th.na-table__cell.is-leaf,.nari-typhoon-card_his .na-table td.na-table__cell,.nari-typhoon-card_his .na-table th.na-table__cell.is-leaf {
    border-bottom: none
}

.nari-tab-pane_list_content .na-table__body .na-table__row.hover-row td,.nari-typhoon-card_his .na-table__body .na-table__row.hover-row td {
    background: unset
}

.nari-tab-pane_list_content .na-table--striped .na-table__body tr.na-table__row--striped td.na-table__cell,.nari-typhoon-card_his .na-table--striped .na-table__body tr.na-table__row--striped td.na-table__cell {
    background: unset
}

.nari-tab-pane_list_content .na-table--enable-row-hover .na-table__body tr:hover>td.na-table__cell,.nari-typhoon-card_his .na-table--enable-row-hover .na-table__body tr:hover>td.na-table__cell {
    background-color: unset
}

.nari-tab-pane_list_content .na-table::before,.nari-typhoon-card_his .na-table::before {
    width: 0
}

.nari-tab-pane_list_content .na-table .na-table__fixed-right::before,.nari-tab-pane_list_content .na-table__fixed::before,.nari-typhoon-card_his .na-table .na-table__fixed-right::before,.nari-typhoon-card_his .na-table__fixed::before {
    width: 0
}

.nari-tab-pane_list_content .na-table--border th.na-table__cell,.nari-tab-pane_list_content .na-table__fixed-right-patch,.nari-typhoon-card_his .na-table--border th.na-table__cell,.nari-typhoon-card_his .na-table__fixed-right-patch {
    border-bottom-color: var(--color-bg-2)
}

.nari-tab-pane_list_content .na-table__fixed-right-patch,.nari-typhoon-card_his .na-table__fixed-right-patch {
    background: var(--color-bg-2)
}

.nari-tab-pane_list_content .na-table__body,.nari-tab-pane_list_content .na-table__footer,.nari-typhoon-card_his .na-table__body,.nari-typhoon-card_his .na-table__footer {
    background: rgba(0,0,0,0)
}

.nari-tab-pane_list_content input.na-range-input,.nari-typhoon-card_his input.na-range-input {
    color: var(--color-text-1)
}

.nari-tab-pane_list_content .na-table,.nari-typhoon-card_his .na-table {
    background-color: rgba(0,0,0,0);
    color: var(--color-text-0)
}

.nari-tab-pane_list_content .na-table .odd-line,.nari-typhoon-card_his .na-table .odd-line {
    background: var(--color-bg-2)
}

.nari-tab-pane_list_content .na-table .even-line,.nari-typhoon-card_his .na-table .even-line {
    background: var(--color-fill-0)
}

.nari-tab-pane_list_content .na-table td.na-table__cell,.nari-tab-pane_list_content .na-table .na-table th.na-table__cell.is-leaf,.nari-typhoon-card_his .na-table td.na-table__cell,.nari-typhoon-card_his .na-table .na-table th.na-table__cell.is-leaf {
    border-bottom: none;
    color: var(--color-text-0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-tab-pane_list_content .na-table td.na-table__cell:not(:first-child),.nari-tab-pane_list_content .na-table .na-table th.na-table__cell.is-leaf:not(:first-child),.nari-typhoon-card_his .na-table td.na-table__cell:not(:first-child),.nari-typhoon-card_his .na-table .na-table th.na-table__cell.is-leaf:not(:first-child) {
    border-left: 1px solid var(--color-border-default)
}

.nari-tab-pane_list_content .na-table td .typhoonName,.nari-typhoon-card_his .na-table td .typhoonName {
    display: inline-block;
    color: var(--color-link-default);
    cursor: pointer;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-ice-card {
    height: 100%
}

.nari-environment-ice-card .nari-ice-monitor-card {
    height: 100%
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box {
    height: 100%;
    padding-top: var(--spacing-base);
    display: flex;
    flex-direction: column
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block {
    display: flex;
    align-items: center;
    margin: var(--spacing-none) var(--spacing-base) var(--spacing-base);
    color: var(--color-text-2);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block .na-date-editor.na-input__inner {
    width: 100%;
    padding-left: var(--spacing-tight);
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block .na-date-editor.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block .na-date-editor.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block .na-date-editor.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block .na-date-editor.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_left {
    padding-left: 6px;
    width: 80px;
    word-break: keep-all;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_time {
    width: auto;
    flex: 1;
    display: inline-flex;
    align-items: center
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_time::after {
    display: inline-block;
    content: " ";
    margin: var(--spacing-none) var(--spacing-super_tight);
    width: 1px;
    height: 16px;
    background-color: var(--color-border-default);
    position: absolute;
    right: 0
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right {
    flex: 1;
    display: flex;
    align-items: center
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time_arrow_button {
    background-color: var(--color-secondary-default);
    color: var(--color-text-0);
    font-size: 16px
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time_arrow_button .el-icon-arrow-left {
    background-color: rgba(0,0,0,0)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_button {
    background: var(--color-bg-0)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time_arrow_button,.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_button {
    padding: var(--spacing-extra_tight);
    border: 0
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time_arrow_button_checked,.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_button_checked {
    color: rgba(var(--global-white), 1);
    background-color: var(--color-primary-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time_arrow_button.na-button+.na-button,.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_button.na-button+.na-button {
    margin-left: var(--spacing-extra_tight)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time_arrow_button.na-button:focus,.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time_arrow_button.na-button:hover,.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_button.na-button:focus,.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_button.na-button:hover {
    color: rgba(var(--global-white), 1);
    background-color: var(--color-primary-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time {
    background-color: var(--color-bg-2);
    border-radius: var(--border_radius-2);
    border: 1px solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time .na-input__prefix {
    right: 10px;
    left: unset;
    color: var(--color-text-3)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time .na-input__inner {
    flex: 1 0 180px;
    height: 30px;
    border: 0;
    padding-left: var(--spacing-tight);
    background: var(--color-bg-2);
    color: var(--color-text-1)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time .na-input__icon.el-icon-date {
    width: 16px;
    line-height: 32px
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_right_time_arrow {
    padding: var(--spacing-none) var(--spacing-tight)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_high_class {
    margin-left: var(--spacing-base_loose)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_high_class .na-button--text {
    border: none;
    color: var(--color-primary-default);
    padding: 0;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_label {
    word-break: keep-all
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_select .ice-button {
    min-width: 79px;
    background: var(--color-secondary-default);
    border-radius: var(--border_radius-2);
    border: none;
    padding: 5px 0;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_select .ice-button+.ice-button {
    margin-left: var(--spacing-tight)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_block_select .ice-button.checked {
    background: var(--color-primary-default);
    color: rgba(var(--global-white), 1)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_title {
    font-weight: var(--font_weight-bold);
    display: flex;
    align-items: center;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    background: var(--color-primary-default);
    margin-right: var(--spacing-tight)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_chart {
    width: 100%;
    height: 200px
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_box_descartes {
    width: 100%;
    min-height: 130px
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list {
    height: 100%;
    display: flex;
    flex-direction: column
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .tower-list {
    height: calc(100% - 120px)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .tower-list .nari-tag.ice-1 {
    border-color: rgba(46,225,237,.2980392157);
    background: rgba(46,225,237,.0980392157);
    color: #21e9f6
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .tower-list .nari-tag.ice-2 {
    border-color: rgba(52,193,240,.2980392157);
    background: rgba(52,193,240,.0980392157);
    color: #34c1f0
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .tower-list .nari-tag.ice-3 {
    border-color: rgba(0,133,255,.2980392157);
    background: rgba(0,133,255,.1568627451);
    color: #246fff
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .tower-list .nari-tag.ice-4 {
    border-color: rgba(27,23,226,.2980392157);
    background: rgba(34,30,254,.1568627451);
    color: #221efe
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .tower-list .nari-tag.ice-5 {
    border-color: rgba(112,15,128,.2980392157);
    background: rgba(112,15,128,.1568627451);
    color: #700f80
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .line-list {
    height: calc(100% - 120px)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .line-list .pole {
    color: var(--color-link-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .nari-pagination {
    border-top: 1px solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_search {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-none) var(--spacing-base)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_search .na-select {
    width: calc(50% - 4px);
    margin: var(--spacing-none)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_search_two {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-none) var(--spacing-base)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_search_two .na-select {
    width: 50%;
    margin-left: var(--spacing-tight)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_padding {
    padding-bottom: var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_block {
    padding: var(--spacing-tight) var(--spacing-base) var(--spacing-base) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box {
    overflow-y: auto;
    height: calc(100% - 108px)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box_item {
    padding: var(--spacing-baseTight) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box_item_row {
    display: flex;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box_item_row_tip {
    text-align: right;
    margin-left: auto;
    color: rgba(var(--blue-4), 1)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box_item_row:not(:first-child) {
    margin-top: var(--spacing-super_tight)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box_item_row_level_name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    cursor: pointer
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box_item_row_level_thickness {
    display: inline-block;
    width: 74px;
    text-align: center;
    border-radius: var(--border_radius-2);
    background: var(--color-bg-3);
    color: var(--color-text-3)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box_item_row_level_thickness>div:first-child {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box_item_row_align {
    vertical-align: top
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list_box_item_row_level_conmmon {
    display: inline-flex;
    justify-content: center;
    border-radius: var(--border_radius-1);
    padding: var(--spacing-none) var(--spacing-tight);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    box-sizing: content-box;
    margin-right: 6px
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .red {
    border: var(--border_width-1) solid rgba(var(--red-5), 0.3);
    background: rgba(var(--red-5), 0.1);
    color: rgba(var(--red-5), 1)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .orange {
    border: var(--border_width-1) solid rgba(var(--orange-5), 0.3);
    background: rgba(var(--orange-5), 0.1);
    color: rgba(var(--orange-5), 1)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .yellow {
    border: var(--border_width-1) solid rgba(var(--yellow-5), 0.3);
    background: rgba(var(--yellow-5), 0.1);
    color: rgba(var(--yellow-5), 1)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_body_list .green {
    color: var(--color-link-default);
    margin-left: var(--spacing-extra_tight);
    cursor: pointer
}

.nari-environment-ice-card .nari-ice-monitor-card_container_slider {
    width: 65%;
    min-width: 1000px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-bg-0);
    border-radius: var(--border_radius-2);
    padding: var(--spacing-none) var(--spacing-base) 6px var(--spacing-base)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_slider_releasedate {
    float: left;
    margin-top: var(--spacing-base)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_slider_releasedate .na-date-editor {
    width: 180px
}

.nari-environment-ice-card .nari-ice-monitor-card_container_slider_releasedate .na-input--prefix .na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_slider_releasedate .na-input--prefix .na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_slider_releasedate .na-input--prefix .na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_slider_releasedate .na-input--prefix .na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_slider_releasedate .na-input--prefix .na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-ice-card .nari-ice-monitor-card_container_slider_releasedate span {
    margin-right: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-ice-card .nari-ice-monitor-card_count {
    flex: 1;
    padding: var(--spacing-none) var(--spacing-base) var(--spacing-base);
    min-height: 216px;
    overflow-y: auto
}

.nari-environment-ice-card .nari-ice-monitor-card_count .nari-empty.no-ice {
    background: var(--color-bg-5)
}

.nari-environment-ice-card .nari-ice-monitor-card_count .nari-empty.no-ice .nari-empty_image {
    width: 240px;
    height: 160px
}

.nari-environment-ice-card .nari-ice-monitor-card_count .nari-environment-common_level_list_item:nth-child(1),.nari-environment-ice-card .nari-ice-monitor-card_count .nari-environment-common_level_list_item:nth-child(2) {
    width: 198px
}

.nari-environment-ice-card .nari-ice-forecast-card {
    width: 100%;
    height: 100%
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list {
    height: 100%;
    display: flex;
    flex-direction: column
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search .na-select {
    width: 204px
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search .na-range-editor.na-input__inner {
    width: 100%;
    padding-left: var(--spacing-tight);
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search .na-range-editor.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search .na-range-editor.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search .na-range-editor.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search .na-range-editor.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search_date {
    padding: var(--spacing-base) var(--spacing-base) var(--spacing-extra_tight) var(--spacing-base);
    border-bottom: none
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search_file {
    width: 100%;
    display: flex;
    padding: var(--spacing-extra_tight) var(--spacing-base) var(--spacing-base) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search_file_p {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0);
    letter-spacing: 0px;
    text-align: left;
    padding-right: var(--spacing-tight);
    margin-top: 6px
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search_file .na-select {
    width: 50%
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_list_search_file .na-select .na-input .na-input__inner {
    height: 32px
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_report_list {
    overflow-y: auto;
    flex: 1
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_report_list_box {
    height: 100%;
    overflow: auto
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_report_list_name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_report_list_time {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_report_list_btn {
    display: flex;
    color: var(--color-primary-default);
    font-size: var(--font_size-12)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_report_list_btn div {
    margin-top: var(--spacing-super_tight);
    margin-right: var(--spacing-loose);
    cursor: pointer
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_report_list li {
    padding: var(--spacing-baseTight) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_body_report_list li p:not(:first-child) {
    margin-top: var(--spacing-super_tight)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_slider {
    width: 65%;
    min-width: 1000px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-bg-0);
    border-radius: var(--border_radius-2);
    padding: var(--spacing-none) var(--spacing-base)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_slider_releasedate {
    float: left;
    margin-top: var(--spacing-base)
}

.nari-environment-ice-card .nari-ice-forecast-card_container_slider_releasedate .na-date-editor {
    width: 180px
}

.nari-environment-ice-card .nari-ice-forecast-card_container_slider_releasedate span {
    margin-right: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-environment-ice-card .nari-ice-distribute-card {
    width: 100%;
    height: 100%
}

.nari-environment-ice-card .nari-ice-distribute-card_container_body_list {
    height: 100%
}

.nari-environment-ice-card .nari-ice-distribute-card_container_body_list_search {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-base)
}

.nari-environment-ice-card .nari-ice-distribute-card_container_body_list_search .na-select {
    width: 204px
}

.APP_03_0502_date {
    width: 140px !important
}

.APP_03_0503_date {
    width: 260px !important
}

.na-message-box__wrapper .nari-pdf-view-box {
    width: 70% !important;
    height: 85vh !important
}

.na-message-box__wrapper .nari-pdf-view-box .na-message-box__btns {
    display: none !important
}

#historyCharge {
    font-size: 16px;
    background: var(--color-bg-0);
    border-radius: var(--border_radius-3);
    border: solid var(--border_width-1) var(--color-border-focus_container);
    position: absolute;
    left: 618px;
    top: 144px;
    z-index: 1
}

#historyCharge .nari-layer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-bg-3);
    border-radius: var(--border_radius-3) var(--border_radius-3) 0 0;
    padding: var(--spacing-tight) var(--spacing-base);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

#historyCharge .nari-layer-header .el-icon-close {
    cursor: pointer;
    font-size: var(--sizing-medium)
}

#historyCharge .nari-layer-wrap {
    width: 1160px;
    padding-bottom: var(--spacing-base);
    border-radius: 0px 0px var(--border_radius-3) var(--border_radius-3)
}

#historyCharge .select-container {
    display: flex;
    padding: var(--spacing-base)
}

#historyCharge .select-container label {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1);
    margin-right: var(--spacing-tight)
}

#historyCharge .select-container .select-type {
    margin-left: var(--spacing-extra_loose)
}

#historyCharge .history-fle {
    display: flex;
    flex-wrap: wrap
}

#historyCharge .history-fle .chart-totw {
    width: 50%
}

#historyCharge .chart-info {
    width: 100%;
    display: inline-flex;
    align-items: center;
    margin-left: var(--spacing-base);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

#historyCharge .chart-info::before {
    content: "";
    width: 4px;
    height: 16px;
    background-color: var(--color-primary-default);
    display: inline-block;
    margin-right: var(--spacing-tight)
}

#historyCharge .com-history-chart-contaienr {
    position: relative
}

#historyCharge .com-history-chart-contaienr .history-chart-title {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    margin-bottom: var(--spacing-extra_tight)
}

#historyCharge .com-history-chart-contaienr .history-chart-item {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0)
}

#historyCharge .com-history-chart-contaienr .history-chart-item:not(:last-of-type) {
    margin-bottom: var(--spacing-super_tight)
}

#historyCharge .com-history-chart-contaienr .chart-unit {
    position: absolute;
    top: 0;
    left: 25px;
    font-size: var(--font_size-12)
}

#historyCharge .com-history-chart-contaienr .com-nari-cwrap {
    height: 250px;
    width: 100%
}

#historyCharge .com-history-chart-contaienr .na-loading-spinner .na-loading-text {
    color: var(--color-text-3)
}

.history-type-select {
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    z-index: 11
}

.history-measure-container {
    font-size: 16px;
    background: var(--color-bg-0);
    border-radius: var(--border_radius-3);
    border: solid var(--border_width-1) var(--color-border-default);
    position: absolute;
    left: 418px;
    top: 144px;
    z-index: 1;
    width: 960px;
    padding-bottom: var(--spacing-base)
}

.history-measure-container .na-loading-mask {
    background-color: var(--color-bg-0)
}

.history-measure-container .na-input__inner {
    background-color: var(--color-bg-0);
    border: solid var(--border_width-1) var(--color-border-default)
}

.history-measure-container .na-date-editor .na-range-input {
    color: var(--color-text-1)
}

.history-measure-container .na-date-editor .na-range-separator {
    color: var(--color-text-1)
}

.history-measure-container .history-measure-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-bg-3);
    border-radius: var(--border_radius-3) var(--border_radius-3) 0 0;
    padding: var(--spacing-tight) var(--spacing-base);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.history-measure-container .history-measure-header .el-icon-close {
    cursor: pointer;
    font-size: var(--sizing-medium)
}

.history-measure-container .history-measure-main .history-measure-opt {
    display: flex;
    align-items: center;
    padding: var(--spacing-base)
}

.history-measure-container .history-measure-main .history-measure-opt label {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1);
    margin-right: var(--spacing-tight)
}

.history-measure-container .history-measure-main .history-measure-opt .history-measure-type-picker {
    margin-left: var(--spacing-extra_loose)
}

.history-measure-container .history-measure-main .history-measure-charts {
    display: flex;
    flex-wrap: wrap
}

.history-measure-container .history-measure-main .history-measure-charts .history-measure-chart-container {
    flex-basis: calc(50% - 1px);
    box-sizing: border-box
}

.history-measure-container .history-measure-main .history-measure-charts .history-measure-chart-container .history-measure-chart-title {
    margin-left: var(--spacing-base);
    display: inline-flex;
    align-items: center;
    color: var(--color-text-0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold)
}

.history-measure-container .history-measure-main .history-measure-charts .history-measure-chart-container .history-measure-chart-title::before {
    content: "";
    width: 4px;
    height: 16px;
    background-color: var(--color-primary-default);
    display: inline-block;
    margin-right: var(--spacing-tight)
}

.history-measure-container .history-measure-main .history-measure-charts .history-measure-chart-container .history-measure-chart-content-box {
    height: 225px
}

.history-measure-container .history-measure-main .history-measure-charts .history-measure-chart-container .history-measure-chart-content-box .history-measure-chart-content {
    height: 100%;
    width: 100%
}

.history-measure-container .history-measure-main .history-measure-charts .history-measure-chart-container .history-measure-chart-content-box .history-measure-chart-content .history-echart {
    height: 100%;
    width: 100%
}

.history-measure-container .history-measure-main .history-measure-charts .history-measure-chart-container:nth-last-child(1):nth-child(odd) {
    flex-basis: 100%
}

.history-measure-na-picker-panel.na-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: var(--color-bg-3)
}

.history-measure-na-picker-panel.na-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: var(--color-bg-2)
}

.history-measure-na-picker-panel .na-select-dropdown__item {
    color: var(--color-text-1)
}

.history-measure-na-picker-panel.na-picker-panel {
    background-color: var(--color-bg-2);
    border: unset;
    color: var(--color-text-1)
}

.history-measure-na-picker-panel.na-picker-panel .na-picker-panel__icon-btn {
    color: var(--color-text-1)
}

.history-measure-na-picker-panel.na-picker-panel .na-date-table td.in-range div,.history-measure-na-picker-panel.na-picker-panel .na-date-table td.in-range div:hover,.history-measure-na-picker-panel.na-picker-panel .na-date-table.is-week-mode .na-date-table__row.current div,.history-measure-na-picker-panel.na-picker-panel .na-date-table.is-week-mode .na-date-table__row:hover div {
    background-color: var(--color-tertiary_light-default)
}

.history-measure-na-picker-panel.na-picker-panel .na-date-table td.disabled div {
    background-color: var(--color-disabled-bg)
}

.history-measure-na-picker-panel.na-picker-panel .na-date-table th {
    color: var(--color-text-1)
}

.nari-tabs {
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: default;
    width: 100%;
    height: 100%;
    border-radius: var(--border_radius-3);
    border: var(--border_width-1) solid var(--color-border-focus_container);
    background: var(--color-bg-0);
    color: var(--color-text-0)
}

.nari-tabs .nari-tab-pane {
    height: 100%
}

.nari-tabs .nari-tab-pane .na-loading-mask {
    background-color: var(--color-bg-0)
}

.nari-tabs .nari-tab-pane-title-block_time {
    font-size: var(--font_size-12);
    color: var(--color-text-3);
    font-family: var(--font_family-Chinese);
    font-weight: var(--font_weight-Regular);
    letter-spacing: var(--spacing-none)
}

.nari-tab-custom {
    width: 100%;
    height: 100%
}

.nari-tabs .nari-tabs__header {
    position: absolute;
    left: -28px;
    top: 16px;
    width: 28px
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .nari-tabs__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: var(--spacing-tight);
    margin: var(--spacing-extra_tight) var(--spacing-none);
    min-height: 60px;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-14);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0);
    background: var(--color-bg-3);
    border-bottom-left-radius: var(--border_radius-3);
    border-top-left-radius: var(--border_radius-3);
    outline: none
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .nari-tabs__item::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 0px;
    width: 8px;
    height: 8px;
    background: -webkit-radial-gradient(top left, ellipse, transparent 8px, var(--color-bg-3) 8px)
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .nari-tabs__item::after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 8px;
    height: 8px;
    background: -webkit-radial-gradient(bottom left, ellipse, transparent 8px, var(--color-bg-3) 8px)
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .nari-tabs__item:first-child {
    margin-top: var(--spacing-none)
}

.nari-tabs .nari-tabs__header .nari-tabs__item__wrap .is-active {
    color: var(--color-link-default);
    background: var(--color-bg-0)
}

.nari-tabs .nari-tabs__header_hide {
    display: none
}

.nari-tabs .nari-tabs__control {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-baseTight) var(--spacing-base);
    background-color: var(--color-bg-3);
    align-items: center;
    border-radius: var(--border_radius-2);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-tabs .nari-tabs__control .nari-tabs__close {
    position: absolute;
    right: var(--spacing-base);
    top: var(--spacing-baseTight);
    cursor: pointer;
    color: var(--color-text-0)
}

.nari-tabs .nari-tabs__control .nari-tabs__close .na-iconfont {
    font-size: var(--sizing-medium)
}

.nari-tabs .nari-tabs__cursor_move {
    cursor: move
}

.nari-tabs .nari-tabs__title {
    color: var(--color-text-0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold)
}

.nari-tabs .nari-tabs__title p {
    margin-block-start:0em;margin-block-end:0em}

.nari-tabs .nari-tabs__content {
    flex: 1;
    min-height: 0
}

.nari-pane-title_header .icon-fanhui {
    color: var(--color-primary-default);
    cursor: pointer
}

.nari-pane-title_time {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-3)
}

.nari-pane-title_time .el-icon-refresh {
    margin-left: var(--spacing-extra_tight);
    color: var(--color-text-3);
    cursor: pointer
}

.nari-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-baseTight) var(--spacing-base);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0)
}

.nari-pagination_total_num {
    display: inline-block;
    padding: var(--spacing-none) var(--spacing-super_tight);
    color: var(--color-link-default)
}

.nari-pagination_total+div {
    display: inline-flex;
    align-items: center
}

.nari-pagination_current_page {
    display: inline-block;
    margin-right: var(--spacing-tight);
    vertical-align: middle;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-pagination_btn_prev {
    margin-right: var(--spacing-extra_tight)
}

.nari-pagination button {
    background: rgba(0,0,0,0);
    border: 1px solid var(--color-border-default);
    border-radius: var(--border_radius-1);
    font-size: 16px;
    color: var(--color-text-0);
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    cursor: pointer
}

.nari-pagination button:disabled,.nari-pagination button[disabled] {
    background: var(--color-disabled-bg);
    border-color: var(--color-disabled-border);
    color: var(--color-disabled-text);
    cursor: not-allowed
}

.nari-list {
    overflow-y: scroll
}

.nari-list_item {
    padding: var(--spacing-baseTight) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-list_item:hover {
    background: var(--color-primary-transparent-10)
}

.nari-list_item.active {
    background: var(--color-primary-transparent-20)
}

.nari-basic-chart_content {
    width: 100%;
    height: 100%
}

.nari-run-analysis-card {
    height: 100%
}

.nari-run-analysis-card_monitor {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.nari-run-analysis-card_monitor_total_box {
    margin: var(--spacing-baseTight) var(--spacing-base)
}

.nari-run-analysis-card_monitor_select_box {
    margin: var(--spacing-none) var(--spacing-base)
}

.nari-run-analysis-card_monitor_search_box {
    margin: var(--spacing-tight) var(--spacing-base) var(--spacing-baseTight)
}

.nari-run-analysis-card_monitor_label_box {
    margin: var(--spacing-extra_tight) var(--spacing-base) var(--spacing-none) var(--spacing-base)
}

.nari-run-analysis-card_monitor_list {
    flex: 1
}

.nari-run-analysis-card_total_box {
    display: flex;
    align-items: center;
    padding: var(--spacing-tight) var(--spacing-base);
    height: 68px;
    border-radius: var(--spacing-extra_tight);
    background: var(--color-bg-3);
    font-size: var(--font_size-14);
    color: var(--color-text-0)
}

.nari-run-analysis-card_total_box_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: var(--spacing-tight);
    border-radius: var(--spacing-extra_tight);
    background: var(--color-primary-default)
}

.nari-run-analysis-card_total_box_icon .na-iconfont {
    font-size: 30px;
    color: var(--color-bg-0)
}

.nari-run-analysis-card_total_box_text {
    line-height: var(--line_height-22)
}

.nari-run-analysis-card_total_box_text_num {
    line-height: var(--line_height-28);
    font-size: var(--font_size-20);
    color: var(--color-primary-default)
}

.nari-run-analysis-card_search_box {
    display: flex;
    justify-content: space-between
}

.nari-run-analysis-card_search_box .na-input-group__append {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-run-analysis-card_search_box .na-input-group__append:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-run-analysis-card_search_box .na-input-group__append:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-run-analysis-card_search_box .na-input-group__append::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-run-analysis-card_search_box .na-input-group__append::placeholder {
    color: var(--color-text-3)
}

.nari-run-analysis-card_search_box .na-input-group--append .na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-run-analysis-card_search_box .na-input-group--append .na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-run-analysis-card_search_box .na-input-group--append .na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-run-analysis-card_search_box .na-input-group--append .na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-run-analysis-card_search_box .na-input-group--append .na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-run-analysis-card_label_box {
    display: flex;
    align-items: center;
    color: var(--color-text-0);
    font-weight: var(--font_weight-bold);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    letter-spacing: var(--spacing-none)
}

.nari-run-analysis-card_label_box_station-title-color {
    width: 4px;
    height: 16px;
    background-color: var(--color-primary-default);
    line-height: 16px
}

.nari-run-analysis-card_label_box_station-title-name {
    margin-left: var(--spacing-baseTight)
}

.nari-run-analysis-card_label_box .na-iconfont {
    margin: var(--spacing-none) 5px;
    color: var(--color-primary-default);
    cursor: pointer
}

.nari-run-analysis-card_echart {
    height: 100%
}

.nari-run-analysis-card_echart_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 22px;
    line-height: var(--line_height-22);
    padding-left: var(--spacing-super_tight)
}

.nari-run-analysis-card_echart_row .na-select {
    width: 85px
}

.nari-run-analysis-card_echart_title {
    display: inline-flex;
    align-items: center;
    line-height: var(--line_height-22);
    font-size: var(--font_size-14);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.nari-run-analysis-card_echart_title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    margin-right: var(--spacing-tight);
    background: var(--color-primary-default)
}

.nari-run-analysis-card_echart_bar {
    min-height: 240px;
    height: calc(100% - 22px)
}

.nari-pane-title_header .icon-fanhui {
    color: var(--color-primary-default);
    cursor: pointer
}

.nari-pane-title_time {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-3)
}

.nari-pane-title_time .el-icon-refresh {
    margin-left: var(--spacing-extra_tight);
    color: var(--color-text-3);
    cursor: pointer
}

.nari-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-baseTight) var(--spacing-base);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0)
}

.nari-pagination_total_num {
    display: inline-block;
    padding: var(--spacing-none) var(--spacing-super_tight);
    color: var(--color-link-default)
}

.nari-pagination_total+div {
    display: inline-flex;
    align-items: center
}

.nari-pagination_current_page {
    display: inline-block;
    margin-right: var(--spacing-tight);
    vertical-align: middle;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-pagination_btn_prev {
    margin-right: var(--spacing-extra_tight)
}

.nari-pagination button {
    background: rgba(0,0,0,0);
    border: 1px solid var(--color-border-default);
    border-radius: var(--border_radius-1);
    font-size: 16px;
    color: var(--color-text-0);
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    cursor: pointer
}

.nari-pagination button:disabled,.nari-pagination button[disabled] {
    background: var(--color-disabled-bg);
    border-color: var(--color-disabled-border);
    color: var(--color-disabled-text);
    cursor: not-allowed
}

.nari-list {
    overflow-y: scroll
}

.nari-list_item {
    padding: var(--spacing-baseTight) var(--spacing-base);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-list_item:hover {
    background: var(--color-primary-transparent-10)
}

.nari-list_item.active {
    background: var(--color-primary-transparent-20)
}

.nari-switch-change-card {
    height: 100%
}

.nari-switch-change-card_monitor {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.nari-switch-change-card_monitor_top {
    padding: var(--spacing-baseTight) var(--spacing-base) 0;
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-switch-change-card_monitor_top_select {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing-tight)
}

.nari-switch-change-card_monitor_top_select .na-select {
    width: calc((100% - 8px)/2)
}

.nari-switch-change-card_monitor_top_search {
    margin-bottom: var(--spacing-baseTight)
}

.nari-switch-change-card_monitor_top_total {
    display: flex;
    align-items: center;
    padding: var(--spacing-tight) var(--spacing-baseTight);
    margin-bottom: var(--spacing-baseTight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    border-radius: var(--border_radius-2);
    background: var(--color-bg-3);
    color: var(--color-text-0)
}

.nari-switch-change-card_monitor_top_total_icon {
    margin-right: var(--spacing-tight)
}

.nari-switch-change-card_monitor_top_total_icon .icon-kaiguanbianwei1 {
    line-height: var(--sizing-super_large);
    font-size: var(--sizing-super_large);
    color: var(--color-primary-default)
}

.nari-switch-change-card_monitor_top_total_text_num {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-36);
    line-height: var(--line_height-44);
    font-weight: var(--font_weight-Regular);
    color: var(--color-link-default)
}

.nari-switch-change-card_monitor_switch_list {
    flex: 1
}

.nari-switch-change-card_monitor_switch_list_btn {
    color: var(--color-link-default);
    font-size: 12px;
    cursor: pointer
}

.nari-switch-change-card_monitor_switch_list_btn .na-iconfont {
    font-size: 12px
}

.nari-switch-change-card_list {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    height: 400px;
    color: var(--color-text-3)
}

.nari-switch-change-card_list_name {
    margin-right: var(--spacing-baseTight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    cursor: pointer
}

.nari-switch-change-card_list_tag {
    display: inline-block;
    padding: 0 6px;
    height: 20px;
    margin-left: 8px;
    line-height: 18px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px
}

.nari-switch-change-card_list_tag_1 {
    color: rgba(var(--green-5), 1);
    border-color: rgba(var(--green-5), 0.3);
    background-color: rgba(var(--green-5), 0.1)
}

.nari-switch-change-card_list_tag_2 {
    color: rgba(var(--orange-5), 1);
    border-color: rgba(var(--orange-5), 0.3);
    background-color: rgba(var(--orange-5), 0.1)
}

.nari-switch-change-card_list_tag_11 {
    color: rgba(var(--green-5), 1);
    border-color: rgba(var(--green-5), 0.3);
    background-color: rgba(var(--green-5), 0.1)
}

.nari-switch-change-card_list_tag_22 {
    color: rgba(var(--red-5), 1);
    border-color: rgba(var(--red-5), 0.3);
    background-color: rgba(var(--red-5), 0.1)
}

.nari-switch-change-card_list_tag_33 {
    color: rgba(var(--orange-5), 1);
    border-color: rgba(var(--orange-5), 0.3);
    background-color: rgba(var(--orange-5), 0.1)
}

.nari-switch-change-card_list_tag_44 {
    color: rgba(var(--blue-5), 1);
    border-color: rgba(var(--blue-5), 0.3);
    background-color: rgba(var(--blue-5), 0.1)
}

.nari-switch-change-card_list_tag_55 {
    color: rgba(var(--light_blue-5), 1);
    border-color: rgba(var(--light_blue-5), 0.3);
    background-color: rgba(var(--light_blue-5), 0.1)
}

.nari-switch-change-card_history_switch {
    height: 100%
}

.nari-switch-change-card_history_switch_search_box {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-base)
}

.nari-switch-change-card_history_switch_search_box .na-select {
    margin: 0 var(--spacing-base)
}

.nari-switch-change-card_history_switch_list {
    height: calc(100% - 109px)
}

.nari-switch-change-card-history-body {
    height: 100%;
    padding: var(--spacing-base);
    overflow-y: scroll
}

.nari-switch-change-card-history-body_overview_row,.nari-switch-change-card-history-body_distribution_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.nari-switch-change-card-history-body_overview_row .na-select,.nari-switch-change-card-history-body_distribution_row .na-select {
    width: 85px
}

.nari-switch-change-card-history-body_overview_title {
    display: inline-flex;
    align-items: center
}

.nari-switch-change-card-history-body_overview_title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    background: var(--color-primary-default);
    margin-right: var(--spacing-baseTight)
}

.nari-switch-change-card-history-body_overview_tags {
    padding: var(--spacing-base) var(--spacing-none);
    display: flex;
    justify-content: space-between
}

.nari-switch-change-card-history-body_overview_tag {
    flex: 1;
    margin-right: var(--spacing-tight);
    padding: var(--spacing-base) var(--spacing-none) var(--spacing-base) var(--spacing-loose);
    background: var(--color-bg-3);
    cursor: pointer
}

.nari-switch-change-card-history-body_overview_tag:last-child {
    margin-right: var(--spacing-none)
}

.nari-switch-change-card-history-body_overview_tag.active {
    background: var(--color-primary-transparent-10)
}

.nari-switch-change-card-history-body_overview_tag_value {
    display: inline-flex;
    align-items: center;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2)
}

.nari-switch-change-card-history-body_overview_tag_number {
    margin-right: var(--spacing-extra_tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-20);
    line-height: var(--line_height-28);
    font-weight: var(--font_weight-bold);
    color: var(--color-link-default)
}

.nari-switch-change-card-history-body_overview_tag_label {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0);
    margin-top: var(--spacing-super_tight)
}

.nari-switch-change-card-history-body_distribution_title {
    display: inline-flex;
    align-items: center
}

.nari-switch-change-card-history-body_distribution_title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    background: var(--color-primary-default);
    margin-right: var(--spacing-tight)
}

.nari-switch-change-card-history-body_distribution_bar {
    height: 240px
}

.nari-switch-change-card_dialog .na-dialog__header {
    padding: var(--spacing-tight) var(--spacing-base);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    background: var(--color-bg-3)
}

.nari-switch-change-card_dialog .na-dialog__headerbtn {
    top: var(--spacing-baseTight)
}

.nari-switch-change-card_dialog .na-dialog__body {
    padding: var(--spacing-none) var(--spacing-base);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-3)
}

.nari-switch-change-card_dialog .na-dialog__footer {
    padding: var(--spacing-none);
    min-height: 32px
}

.nari-switch-change-card_dialog_top {
    padding: var(--spacing-base) var(--spacing-none);
    border-bottom: var(--border_width-1) solid var(--color-border-default);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-3)
}

.nari-switch-change-card_dialog_top_name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-20);
    line-height: var(--line_height-28);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0)
}

.nari-switch-change-card_dialog_search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-base) var(--spacing-none);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-3)
}

.nari-switch-change-card_dialog_search_date {
    margin-right: var(--spacing-tight);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-1)
}

.nari-switch-change-card_dialog_table {
    max-height: 300px
}

.nari-fault-trip-card {
    height: 100%
}

.nari-fault-trip-card_monitor {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.nari-fault-trip-card_monitor_select_box {
    display: flex;
    justify-content: space-between
}

.nari-fault-trip-card_monitor_select_box .na-select {
    width: calc((100% - 8px)/2)
}

.nari-fault-trip-card_monitor_search_box {
    display: flex;
    justify-content: space-between
}

.nari-fault-trip-card_history {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.nari-fault-trip-card_history_select_box {
    display: flex;
    justify-content: space-between;
    margin: var(--spacing-baseTight) var(--spacing-base) var(--spacing-tight)
}

.nari-fault-trip-card_history_select_box .na-select {
    width: calc((100% - 8px)/2)
}

.nari-fault-trip-card_history_select_box .na-select:nth-child(2) {
    margin-left: var(--spacing-tight)
}

.nari-fault-trip-card_history_select_box .na-range-editor.na-input__inner {
    background: var(--color-bg-2);
    color: var(--color-text-1);
    border: var(--border_width-1) solid var(--color-border-default)
}

.nari-fault-trip-card_history_select_box .na-range-editor.na-input__inner:hover {
    border: var(--border_width-1) solid var(--color-border-hover)
}

.nari-fault-trip-card_history_select_box .na-range-editor.na-input__inner:focus {
    border: var(--border_width-1) solid var(--color-border-focus)
}

.nari-fault-trip-card_history_select_box .na-range-editor.na-input__inner::-moz-placeholder {
    color: var(--color-text-3)
}

.nari-fault-trip-card_history_select_box .na-range-editor.na-input__inner::placeholder {
    color: var(--color-text-3)
}

.nari-fault-trip-card_history_select_box .nari-run-analysis-card_search_box {
    width: calc((100% - 8px)/2);
    margin-left: var(--spacing-tight)
}

.nari-fault-trip-card_history_search_box {
    margin: var(--spacing-tight) var(--spacing-base) var(--spacing-baseTight)
}

.nari-fault-trip-card_history_label_box {
    display: flex;
    align-items: center;
    margin: var(--spacing-extra_tight) var(--spacing-base) var(--spacing-none) var(--spacing-base);
    color: var(--color-text-0);
    font-weight: var(--font_weight-bold);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    letter-spacing: var(--spacing-none)
}

.nari-fault-trip-card_history_label_box_station-title-color {
    width: 4px;
    height: 16px;
    background-color: var(--color-primary-default);
    line-height: 16px
}

.nari-fault-trip-card_history_label_box_station-title-name {
    margin-left: var(--spacing-baseTight)
}

.nari-fault-trip-card_history_label_box .na-iconfont {
    margin: var(--spacing-none) 5px;
    color: var(--color-primary-default);
    cursor: pointer
}

.nari-fault-trip-card_history_total_box {
    margin: var(--spacing-none) var(--spacing-base) var(--spacing-base)
}

.nari-fault-trip-card_history_station_select_box {
    width: calc(100% - 8px)
}

.nari-fault-trip-card_history_distribution {
    overflow: auto
}

.nari-fault-trip-card_history_distribution_echart {
    padding: var(--spacing-none) var(--spacing-base)
}

.nari-fault-trip-card_history_distribution_btn {
    font-size: var(--font_size-12);
    color: var(--color-primary-default);
    cursor: pointer
}

.nari-fault-trip-card_history_switch_list {
    flex: 1;
    height: calc(100% - 300px);
    overflow-y: auto
}

.nari-fault-trip-card_history_switch_list .icon-liebiao {
    color: var(--color-link-default)
}

.nari-station-map {
    position: relative;
    height: 100%;
    background: #000
}

.nari-station-map_box-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    display: flex
}

.nari-station-map_box-btn>div:not(:last-of-type) {
    margin-right: var(--spacing-tight)
}

.nari-station-map_box-btn .box-border {
    position: relative;
    border: 1px solid var(--color-bg-0);
    border-radius: var(--border_radius-3);
    background-clip: content-box;
    -webkit-background-clip: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: var(--spacing-extra_tight);
    background: var(--color-bg-0)
}

.nari-station-map_box-btn .box-border .text_box {
    color: var(--color-text-0);
    font-size: var(--font_size-14);
    line-height: 36px
}

.nari-station-map_box-btn .box-border .na-switch {
    margin-left: var(--spacing-tight)
}

.nari-station-map_box-btn .box-border .na-switch.is-checked .na-switch__core,.nari-station-map_box-btn .box-border .nari-device-details_container_ks_content_line .el-steps .na-switch.el-step:hover .na-switch__core,.nari-device-details_container_ks_content_line .el-steps .nari-station-map_box-btn .box-border .na-switch.el-step:hover .na-switch__core {
    border-color: var(--color-primary-default);
    background-color: var(--color-primary-default)
}

.nari-station-map .box-content__flrc {
    cursor: pointer;
    padding: var(--spacing-none) var(--spacing-tight)
}

.nari-station-map .nari-station-map-search-area {
    position: absolute;
    z-index: 1
}

.nari-station-map .nari-station-map-search-area .nari-station-map-search-button {
    position: absolute;
    top: 60px;
    left: 12px;
    height: 35px;
    width: 35px;
    display: grid;
    place-items: center;
    color: rgba(var(--global-white), 1);
    background: var(--color-primary-default);
    border-radius: 8px;
    cursor: pointer
}

.nari-station-map .nari-station-map-search-area .nari-station-map-search-input {
    width: 380px;
    position: absolute;
    left: 50px;
    top: 60px
}

.nari-station-map .nari-station-map-search-area .folding-panel {
    background: #fff;
    position: absolute;
    top: 104px;
    left: 50px;
    border-radius: 6px;
    width: 380px;
    max-height: 670px
}

.nari-station-map .nari-station-video {
    width: 400px;
    height: 300px;
    position: absolute;
    z-index: 9;
    font-size: 12px;
    bottom: 20px;
    left: 20px
}

.nari-station-map .nari-video-measure-panel {
    height: 640px;
    position: absolute;
    width: 450px;
    top: 68px;
    right: 16px
}

.nari-station-map .nari-video-measure-panel .nari-tabs .nari-tabs__control {
    border: none;
    border-bottom: 1px solid var(--color-border-focus_container)
}

.nari-station-map .nari-video-measure-panel .nari-top-layout {
    padding: 12px 14px
}

.nari-station-map .nari-video-measure-panel .nari-top-layout .nari-tower {
    height: 86px;
    background: var(--color-bg-3);
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 0 16px;
    border-radius: var(--border_radius-2)
}

.nari-station-map .nari-video-measure-panel .nari-top-layout .nari-tower_left {
    flex: 2;
    display: flex;
    justify-content: left;
    align-items: center
}

.nari-station-map .nari-video-measure-panel .nari-top-layout .nari-tower_name {
    color: var(--color-text-0);
    font-size: var(--font_size-14);
    line-height: 24px;
    font-weight: bold
}

.nari-station-map .nari-video-measure-panel .nari-top-layout .nari-tower_icon {
    height: 52px;
    width: 52px;
    background: var(--color-primary-default);
    border-radius: var(--border_radius-2);
    text-align: center;
    line-height: 52px;
    color: var(--color-bg-2);
    font-size: 28px;
    margin-right: 10px
}

.nari-station-map .nari-video-measure-panel .nari-video-list-wrap {
    height: calc(100% - 140px)
}

.nari-station-map .nari-video-measure-panel .nari-video-list-wrap .nari-empty {
    height: 100%
}

.nari-station-map .nari-video-measure-panel .nari-title {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 0 14px;
    margin: 0 0 8px 0
}

.nari-station-map .nari-video-measure-panel .nari-title_line {
    width: 4px;
    height: 16px;
    background: var(--color-primary-default);
    margin-right: 5px
}

.nari-station-map .nari-video-measure-panel .nari-title_name {
    color: var(--color-text-0);
    font-size: var(--font_size-14);
    line-height: 22px;
    font-weight: bold
}

.nari-station-map .nari-video-measure-panel .nari-list {
    height: 100%;
    overflow-y: auto;
    border-bottom: 1px solid var(--color-border-default)
}

.nari-station-map .nari-video-measure-panel .nari-list .nari-list-item {
    display: flex;
    padding: 14px;
    border-top: 1px solid var(--color-border-default);
    cursor: pointer
}

.nari-station-map .nari-video-measure-panel .nari-list .nari-list-item.active,.nari-station-map .nari-video-measure-panel .nari-list .nari-list-item:hover {
    background: var(--color-bg-4)
}

.nari-station-map .nari-video-measure-panel .nari-list .nari-list-item.disabled {
    cursor: default
}

.nari-station-map .nari-video-measure-panel .nari-list .nari-list-item.disabled .nari-list-item_icon {
    font-size: 20px;
    color: var(--color-text-2);
    margin-right: 10px
}

.nari-station-map .nari-video-measure-panel .nari-list .nari-list-item.disabled .nari-list-item_name {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-text-2)
}

.nari-station-map .nari-video-measure-panel .nari-list .nari-list-item .nari-list-item_icon {
    font-size: 20px;
    color: var(--color-primary-default);
    margin-right: 10px
}

.nari-station-map .nari-video-measure-panel .nari-list .nari-list-item .nari-list-item_name {
    font-size: var(--font_size-14);
    line-height: 22px;
    color: var(--color-text-0);
    margin: 0
}

.nari-station-map .pagination {
    display: flex;
    align-items: center;
    position: relative;
    height: 35px;
    justify-content: space-between;
    padding: 0 8px
}

.nari-station-map .pagination .pagination_total .pagination_total_number {
    color: #0d867f;
    font-style: normal
}

.nari-station-map .pagination .pagination_num {
    width: 110px;
    display: flex;
    margin-right: auto;
    margin-left: 8px
}

.nari-station-map .pagination .pagination_num span {
    display: flex;
    align-self: center;
    width: 40%
}

.nari-station-map .pagination .pagination_num .na-select {
    width: 80px
}

.nari-station-map .pagination .pagination_page .pagination_size {
    color: 14px;
    margin-right: 8px
}

.nari-station-map .pagination .na-button+.na-button {
    margin-left: 8px
}

.nari-station-map .pagination .pagination_prev.na-button,.nari-station-map .pagination .pagination_next.na-button,.nari-station-map .pagination .na-button.is-disabled {
    padding: 4px;
    border-radius: 4px;
    background-color: rgba(0,0,0,0)
}

.nari-station-map .pagination .pagination_prev.na-button:hover,.nari-station-map .pagination .pagination_prev.na-button:focus,.nari-station-map .pagination .pagination_next.na-button:hover,.nari-station-map .pagination .pagination_next.na-button:focus,.nari-station-map .pagination .na-button.is-disabled:hover,.nari-station-map .pagination .na-button.is-disabled:focus {
    color: #0d867f
}

.nari-station-map .pagination .na-select {
    width: 60%
}

.nari-station-map .pagination .na-select .na-input .na-input__inner {
    height: 32px
}

.nari-station-map .station-video-container .sgmap-popup-content {
    background-color: rgba(0,0,0,0)
}

.nari-station-map .station-video-container .sgmap-popup-tip {
    display: none
}

.nari-station-map .nari-video-circles {
    position: relative
}

.nari-station-map .nari-video-circles .nari-video-circlesxt {
    position: absolute;
    width: 32px;
    height: 32px;
    left: -16px;
    border-radius: 50%;
    transition: .3s ease
}

.nari-station-map .station-video-icon-container {
    position: relative
}

.nari-station-map .station-video-icon-container .station-video-icon {
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABJVJREFUaEPNWjFsFFcQfXOWAxQIp4oSCbAL0kXYXheRQMIWHYjElE4T3BA6iFLYl8brhrOlINkd0PhooIwTUDrEIQUpUnz2oXSk4JJIiZKGJRTBSu4mml3veX2+3f/nr8/cl7a6mfnzZt78P///I+zBGPd5IDiAyT5gGAUcZ8YwEQbAGIjNM1AnoA7GUwZqbwGVH4pUzzs9uRoQp/8+hKvEGAfCz2XUmLGcB4waQMtx4Foywi7et+mU+xnz2qyoAIwu8hztveM7cDDBX5+heduAWAH4sMSD/wKrIJy0NZxTrt7PmLDJhhGAt8ifAljaY7qY8RECNDBd/ZJWs4QzAYSUYfjm2bonYaJUKoBecL61BGfURUcA3nWeRAFfdy+uDpYJl6ozdKddcxeAsGAL2Nh3zpswEYL+JkbaC3sXAG+BnwMYNNl7Q7/XqrM0kpx7B4Be4n1agJgxv16k1sLSAhBShyDRdx6HDwJTHuAdA949Arx3JDL1ahN49idQ+Tn6/njpPAVACBr/YKjmUyBWWgC8EpdBkDVfPcRZ/1zkuM148BNw64k7kGQWQgB5oj81Blw+DRw+YOP6toxk5fb3wL01nV4onchCCGC0xJeIsKI1dflU5HyeISBuP9FbiLMQAhhb4A2WXl4xJPJfnFUoZIjeeOiUiUp1libIhT7C+bvTetqkYRA6fbKir4nGa7xNLvSZOwdc+CA9pMLrMye2VyGbPFV/BT67ZyO5LcOMaQGwRISrtqoS/ftX0qWTjkh9SJ3Yjoll4NVrW2lATnPkLfAjzZHQxP32SArgW1N22XAo6G8EgKp1EGey1vs0Kthkw4FGdQHA9kkDHl3LLt4sJ0zZ+P0l8NFNhTeEQA1gbSZ7ApsoZmVxbFEBQPY0bQbyApB+6auL6TTUA1jkF5re/9sr2QWZlQHvKDB3Pl1f9oOJJX0Gul7EEnVZTmUFyxo29GvTr5NXYrku+dgWt6n/aXfCFPXkvA4tRUW9kUnXKStR2nj2V9QW2EY9aefCTV07EW5kLq2EaS+Qfn/0mN3mFQMQHf87Wx5EcmErMezzQN9BvNCo9kwzxxgK22ltOyE6ppZCExAH7oMItbUZGokPND4R5jSTiqxNe2CyKYcZ6YG0Q+izXqRyCCCk0SE81+wH8YRv5EgJoMEYqhVJHk2iMVpipyyIrtSELK9ZZ4RkhGWplYLNcTtRrs7StNhsAciThdg5ATJ+Ivref2e76ZMmTZyt/hYdHTU9fydqxdHfASBvFrQcdpUnxvxap4ut2KC3wBtSFq4TdFmvXp2loeQcu+5Gh0s82Nejl7uNJkakcDMBbFHJ6Z6oq9Fv4mKn15rUB46xEvvssDd0A0Q7740ZiAV6AUSW87tWoU7RC19r+rDissnlygYhKDTx+Y9FKmfZMb5Shju1FDZBrl/25+GD8bQBTLYXbCcgVgD2jVJyy9DEcnKdN2VRBaCVDcB3fUvo6NCW4/9tYil+uDA5Hv+uBhArCq0KwPjWtaTrxlchxmMXx3MDSEaoBUZ2cMJJBgYpWS+EgBmB9PBo4hf5u01zE6vaaHfKyv8Anup/2lpd9AAAAABJRU5ErkJggg==)
}

.nari-station-map .station-video-icon-container .count {
    width: 20px;
    height: 20px;
    background-color: #ff7979;
    border-radius: 50%;
    color: rgba(var(--global-white), 1);
    font-size: var(--font_size-12);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: -10px
}

.nari-station-video {
    width: 400px;
    height: 300px;
    position: absolute;
    z-index: 9;
    font-size: var(--font_size-12);
    bottom: 20px;
    left: 20px
}

.station-video-container .sgmap-popup-content {
    padding: 0
}

.consoleBox {
    position: absolute;
    bottom: 6%;
    right: 6%;
    z-index: 9999
}

.consoleCircle {
    display: flex;
    width: 102px;
    flex-wrap: wrap;
    transform: rotate(45deg)
}

.consoleCircle i {
    position: absolute;
    left: 15px;
    top: 15px;
    transform: rotate(-45deg)
}

.consoleTop {
    width: 50px;
    height: 50px;
    border-radius: 100% 0 0 0;
    background-color: #fff;
    border: 1px solid #e5e6eb;
    box-sizing: border-box;
    position: relative
}

.consoleRight {
    width: 50px;
    height: 50px;
    border-radius: 0 100% 0 0;
    background-color: #fff;
    border: 1px solid #e5e6eb;
    box-sizing: border-box;
    position: relative
}

.consoleLeft {
    width: 50px;
    height: 50px;
    border-radius: 0 0 0 100%;
    background-color: #fff;
    border: 1px solid #e5e6eb;
    box-sizing: border-box;
    position: relative
}

.consoleBottom {
    width: 50px;
    height: 50px;
    border-radius: 0 0 100% 0;
    background-color: #fff;
    border: 1px solid #e5e6eb;
    box-sizing: border-box;
    position: relative
}

.consoleCenter {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #e5e6eb;
    box-shadow: 0 0 5px #c1c1c1 inset
}

.consoleSize {
    width: 102px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.consoleTips {
    line-height: 20px;
    color: #fff;
    font-size: 700
}

.consoleAmplify {
    width: 20px;
    height: 20px;
    background-color: #fff;
    text-align: center
}

.consoleReduce {
    width: 20px;
    height: 20px;
    background-color: #fff;
    text-align: center
}

.nari-singleline-map {
    width: 100%;
    height: 100%;
    flex: 1
}

.nari-singleline-map_header {
    display: flex;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1
}

.nari-singleline-map_header>div:not(:last-of-type) {
    margin-right: var(--spacing-tight)
}

.nari-singleline-map_header .box-border {
    border-color: rgba(0,0,0,0);
    border-radius: var(--border_radius-3);
    background: var(--color-bg-0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: var(--spacing-extra_tight);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.25)
}

.nari-singleline-map_header .box-border .text_box {
    color: var(--color-text-0);
    font-size: var(--font_size-14);
    line-height: 36px;
    padding: var(--spacing-none) var(--spacing-tight)
}

.nari-singleline-map_header .box-border .na-switch {
    margin-right: var(--spacing-tight)
}

.nari-singleline-map_header .box-border .na-switch.is-checked .na-switch__core,.nari-singleline-map_header .box-border .nari-device-details_container_ks_content_line .el-steps .na-switch.el-step:hover .na-switch__core,.nari-device-details_container_ks_content_line .el-steps .nari-singleline-map_header .box-border .na-switch.el-step:hover .na-switch__core {
    background-color: var(--color-primary-default);
    border-color: var(--color-primary-default)
}

.nari-singleline-map_header .box-border .box-content__flrc {
    cursor: pointer;
    padding: var(--spacing-none) var(--spacing-tight)
}

.nari-singleline-map_content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.nari-singleline-map .transformer-list-container .singline-dialog {
    display: flex;
    align-items: center;
    justify-content: center
}

.nari-singleline-map .transformer-list-container .na-dialog {
    border-radius: 5px;
    min-width: 360px;
    padding: 16px;
    max-width: 960px;
    min-height: 200px;
    max-height: 840px;
    width: 520px;
    background-color: #fff;
    border: 1px solid #666;
    margin: 0 auto 0
}

.nari-singleline-map .transformer-list-container .na-dialog__header {
    border-radius: 5px 5px 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nari-singleline-map .transformer-list-container .na-dialog__header .na-dialog__headerbtn {
    position: inherit;
    display: flex;
    align-items: center
}

.nari-singleline-map .transformer-list-container .na-dialog__body {
    padding-bottom: 0;
    padding-top: 10px
}

.nari-singleline-map .transformer-list-container .na-dialog__footer {
    padding-bottom: 10px;
    padding-top: 20px
}

.nari-singleline-map .transformer-list-container .list-container {
    display: flex;
    flex-wrap: wrap
}

.nari-singleline-map .transformer-list-container .list-item {
    width: 50%;
    margin-top: 8px;
    margin-bottom: 8px
}

.nari-video-measure {
    height: 640px;
    position: absolute;
    width: 100%
}

.nari-video-measure .nari-tabs .nari-tabs__control {
    border: none;
    border-bottom: 1px solid var(--color-border-default)
}

.nari-video-measure .nari-top-layout {
    padding: 12px 14px
}

.nari-video-measure .nari-top-layout .nari-tower {
    height: 86px;
    background: var(--color-bg-3);
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 0 16px;
    border-radius: var(--border_radius-2);
    border-radius: 8px
}

.nari-video-measure .nari-top-layout .nari-tower_left {
    flex: 2;
    display: flex;
    justify-content: left;
    align-items: center
}

.nari-video-measure .nari-top-layout .nari-tower_name {
    color: var(--color-text-0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold)
}

.nari-video-measure .nari-top-layout .nari-tower_right {
    flex: 1;
    line-height: 22px;
    border-radius: 4px;
    padding: 10px;
    background: var(--color-bg-0)
}

.nari-video-measure .nari-top-layout .nari-tower_right_total {
    color: var(--color-link-default);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold)
}

.nari-video-measure .nari-top-layout .nari-tower_right .nari-list_right_icon {
    color: var(--color-primary-default);
    font-size: 16px
}

.nari-video-measure .nari-top-layout .nari-tower_right_value {
    color: var(--color-text-2);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-video-measure .nari-top-layout .nari-tower_line {
    width: 1px;
    background: var(--color-border-default);
    height: 70%;
    margin: 14px
}

.nari-video-measure .nari-top-layout .nari-tower_icon {
    height: 52px;
    width: 52px;
    background: var(--color-primary-default);
    border-radius: var(--border_radius-3);
    text-align: center;
    line-height: 52px;
    color: rgba(var(--global-white), 1);
    font-size: 28px;
    margin-right: 10px
}

.nari-video-measure .nari-image-wrap .image-newest-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nari-video-measure .nari-image-wrap .image-newest-title .image-newest-time {
    padding-right: 28px
}

.nari-video-measure .nari-image-wrap .nari-empty {
    height: 100%
}

.nari-video-measure .nari-image-wrap .nari-search-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 14px
}

.nari-video-measure .nari-image-wrap .nari-search-wrap .nari-search {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: 4px 0;
    width: 80%
}

.nari-video-measure .nari-image-wrap .nari-search-wrap .nari-search .nari-input-wrap {
    width: 100%
}

.nari-video-measure .nari-image-wrap .nari-search-wrap .nari-search .nari-input-wrap .na-range-editor--small.na-input__inner {
    width: 100%
}

.nari-video-measure .nari-image-wrap .nari-search-wrap .nari-search_icon {
    font-size: 18px;
    color: var(--color-text-3);
    cursor: pointer
}

.nari-video-measure .nari-video-wrap {
    margin-top: 10px
}

.nari-video-measure .nari-video-wrap .nari-empty {
    height: 100%
}

.nari-video-measure .nari-image-list-box {
    height: 100%
}

.nari-video-measure .nari-list {
    height: 100%;
    overflow-y: auto;
    border-bottom: 1px solid var(--color-border-default)
}

.nari-video-measure .nari-list .nari-list-item {
    display: flex;
    padding: 14px;
    border-top: 1px solid var(--color-border-default);
    cursor: pointer
}

.nari-video-measure .nari-list .nari-list-item.active,.nari-video-measure .nari-list .nari-list-item:hover {
    background: var(--color-primary-transparent-10)
}

.nari-video-measure .nari-list .nari-list-item.disabled .nari-list-item_icon {
    font-size: 20px;
    color: var(--color-text-3);
    margin-right: 10px
}

.nari-video-measure .nari-list .nari-list-item.disabled .nari-list-item_name {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-text-3)
}

.nari-video-measure .nari-list .nari-list-item.disabled .nari-list-item_name_sub_key {
    color: var(--color-text-3)
}

.nari-video-measure .nari-list .nari-list-item.disabled .nari-list-item_name_sub_val {
    color: var(--color-link-default)
}

.nari-video-measure .nari-list .nari-list-item .nari-list-item_icon {
    font-size: 20px;
    color: var(--color-primary-default);
    margin-right: 10px
}

.nari-video-measure .nari-list .nari-list-item .nari-list-item_name {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-0)
}

.nari-video-measure .nari-list .nari-list-item .nari-list-item_name_sub_key {
    color: var(--color-text-3)
}

.nari-video-measure .nari-list .nari-list-item .nari-list-item_name_sub_val {
    color: var(--color-link-default)
}

.nari-video-measure .nari-change_icon {
    display: flex;
    justify-content: flex-end
}

.nari-video-measure .nari-change_icon li {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    text-align: center;
    line-height: 32px;
    margin-left: 8px;
    cursor: pointer;
    font-size: 18px;
    list-style: none
}

.nari-video-measure .nari-change_icon li:hover,.nari-video-measure .nari-change_icon li.active {
    background: var(--color-primary-default);
    color: #fff
}

.nari-video-measure .nari-image-list-wrap {
    height: calc(100% - 112px)
}

.nari-video-measure .nari-thumbnail-list-wrap {
    height: calc(100% - 112px)
}

.nari-video-measure .nari-video-list-wrap {
    height: calc(100% - 110px)
}

.nari-video-measure .nari-video-list-wrap .nari-empty {
    height: 100%
}

.nari-video-measure .nari-thumbnail-wrap {
    height: 100%
}

.nari-video-measure .nari-thumbnail_box {
    padding: 0 6px;
    height: 100%;
    overflow-y: auto
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item {
    display: inline-block;
    width: 33.33%;
    padding: 6px;
    text-align: center
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item .na-image {
    width: 100%;
    height: 97px
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item img {
    border-radius: 8px
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item .nari-thumbnail_item_name {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item .nari-thumbnail_item_name:hover {
    color: var(--color-primary-default)
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item .error-slot {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item .error-slot p {
    margin: 5px 0;
    text-align: center;
    width: 100%
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item .error-slot p.main-text {
    color: var(--color-text-0);
    font-size: var(--font_size-14)
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item .error-slot p.sub-text {
    color: var(--color-text-2);
    font-size: var(--font_size-12)
}

.nari-video-measure .nari-thumbnail_box .nari-thumbnail_item .error-slot p.refresh-btn {
    width: 48px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background: var(--color-primary-default);
    border-radius: var(--border_radius-2);
    color: rgba(var(--global-white), 1);
    font-size: var(--font_size-14);
    display: inline-block;
    cursor: pointer
}

.nari-video-measure .nari-title {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 0 14px
}

.nari-video-measure .nari-title_line {
    width: 4px;
    height: 16px;
    background: var(--color-primary-default);
    margin-right: 5px
}

.nari-video-measure .nari-title_name {
    color: var(--color-text-0);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold)
}

.nari-video-measure .nari-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 14px
}

.nari-video-measure .nari-line li {
    width: 50%;
    padding: 8px;
    margin: 8px 6px;
    background: var(--color-bg-3);
    border: 1px solid var(--color-border-default);
    color: var(--color-text-2);
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    list-style: none
}

.nari-video-measure .nari-line li:hover {
    color: var(--color-link-default);
    background: var(--color-primary-transparent-10);
    border: 1px solid var(--color-border-focus)
}

.nari-video-measure .nari-carousel-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0
}

.nari-video-measure .nari-carousel-wrap .na-image {
    width: 100%;
    height: calc(100% - 60px)
}

.nari-video-measure .nari-carousel-wrap .nari-carousel-image-name {
    height: 60px;
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    padding: 0 14px
}

.nari-video-measure .nari-carousel-wrap .na-carousel__indicators {
    display: none
}

.nari-video-measure .nari-carousel-wrap .carousel-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: var(--color-bg-3);
    color: var(--color-text-0);
    position: absolute;
    right: 14px;
    top: 18px;
    padding: var(--spacing-none)
}

.nari-video-measure .nari-carousel-wrap .carousel-close .el-icon-close:before {
    font-size: 16px;
    padding-left: 1px
}

.nari-video-measure .nari-carousel-wrap .carousel-close.na-button.na-button--small {
    padding: 2px 2px
}

.nari-video-measure .nari-carousel-wrap .na-carousel__arrow {
    display: none
}

.nari-video-measure .nari-carousel-wrap .nari-button-wrap {
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    z-index: 2
}

.nari-video-measure .nari-carousel-wrap .nari-button-wrap .prev-btn,.nari-video-measure .nari-carousel-wrap .nari-button-wrap .next-btn {
    background: #000;
    border: #000;
    color: #fff;
    border-radius: 4px
}

.nari-video-measure .nari-carousel-wrap .nari-button-wrap .image-counter {
    color: #fff;
    margin: 0 16px
}

.nari-video-measure .nari-carousel-wrap .nari-button-wrap .view-image-btn {
    background: var(--color-primary-default);
    border: #000;
    color: #fff;
    border-radius: 4px;
    margin-left: 16px
}

.nari-video-measure .nari-video-measure .nari-image-wrap.largeHeight {
    height: calc(100% - 110px)
}

.nari-video-measure .nari-video-measure .nari-image-wrap.smallHeight {
    height: calc(100% - 182px)
}

.nari-video-measure .nari-video-measure .nari-video-wrap.largeHeight {
    height: calc(100% - 75px)
}

.nari-video-measure .nari-video-measure .nari-video-wrap.smallHeight {
    height: calc(100% - 145px)
}

#nari-video-container {
    width: 400px;
    height: 300px;
    position: absolute;
    left: -6px;
    bottom: 20px;
    z-index: 10
}

.nari-image-viewer {
    z-index: 2000;
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.nari-image-viewer .el-icon-close {
    color: #000
}

.nari-personalized-grid {
    display: flex;
    flex-direction: column;
    height: 100%
}

.nari-personalized-grid-top {
    display: flex;
    justify-content: space-between;
    margin: var(--spacing-base)
}

.nari-personalized-grid-top-title {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-14);
    font-weight: var(--font_weight-bold)
}

.nari-personalized-grid-top-title::before {
    display: inline-block;
    margin-right: var(--spacing-tight);
    width: 4px;
    height: 100%;
    background-color: var(--color-primary-default);
    vertical-align: middle;
    content: ""
}

.nari-personalized-grid-top-switch {
    display: flex;
    align-items: center
}

.nari-personalized-grid-top-switch-label {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    margin-right: var(--spacing-tight);
    color: var(--color-text-2)
}

.nari-personalized-grid-top-delete-btn {
    display: flex;
    gap: 4px;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    cursor: pointer;
    margin-right: var(--spacing-loose);
    color: var(--color-text-2)
}

.nari-personalized-grid-collapse {
    flex: 1;
    display: flex;
    overflow: auto;
    flex-direction: column;
    min-height: 0;
    border-color: var(--color-border-default) !important
}

.nari-personalized-grid-collapse-title {
    display: flex;
    flex: 1 0 90%;
    order: 1;
    align-items: center
}

.nari-personalized-grid-collapse-title-number {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    padding: var(--spacing-none) var(--spacing-tight);
    background-color: rgba(var(--brand-5), 0.1);
    border-radius: 999px;
    color: rgba(var(--brand-5), 1)
}

.nari-personalized-grid-collapse .na-collapse-item__header {
    flex: 1 0 auto;
    order: -1;
    height: 36px;
    padding-left: var(--spacing-baseTight);
    color: var(--color-text-0);
    background-color: var(--color-bg-3);
    border-color: var(--color-border-default) !important;
    line-height: 36px
}

.nari-personalized-grid-collapse .na-collapse-item__content {
    height: auto;
    padding: 0
}

.nari-personalized-grid-collapse .na-collapse-item__wrap {
    height: auto;
    background-color: rgba(0,0,0,0);
    border-color: var(--color-border-default) !important;
    flex: 0 0 auto
}

.nari-personalized-grid-collapse .na-collapse-item.is-active {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    min-height: 0
}

.nari-personalized-grid-collapse-scrollbar {
    height: calc(100% - 42px)
}

.nari-personalized-grid-empty {
    flex: 1
}

.nari-personalized-grid-devicelist-delete-btn {
    margin-left: auto
}

.nari-personalized-grid-device {
    display: flex;
    align-items: center;
    height: 63px;
    padding: var(--spacing-none) var(--spacing-base);
    border-top: var(--border_width-1) solid var(--color-border-default);
    cursor: pointer
}

.nari-personalized-grid-device:nth-last-of-type(1) {
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-personalized-grid-device-sort {
    position: relative;
    width: 18px;
    height: 100%;
    flex-shrink: 0
}

.nari-personalized-grid-device-sort-number {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    position: absolute;
    left: 50%;
    top: 15px;
    transform: translateX(-50%);
    color: rgba(var(--global-white), 1);
    text-align: center;
    z-index: 1
}

.nari-personalized-grid-device .icon-dingwei1 {
    font-size: var(--sizing-medium);
    font-size: 30px;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(var(--brand-5), 1)
}

.nari-personalized-grid-device-active,.nari-personalized-grid-device:hover {
    background-color: var(--color-fill-0)
}

.nari-personalized-grid-device-active .icon-dingwei1,.nari-personalized-grid-device:hover .icon-dingwei1 {
    color: var(--color-danger-hover)
}

.nari-personalized-grid-device-info {
    min-width: 0;
    flex: 1;
    margin: 0 var(--spacing-tight)
}

.nari-personalized-grid-device-info-title {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text-0)
}

.nari-personalized-grid-device-info-item {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2)
}

.nari-personalized-grid-device-delete {
    flex-shrink: 0;
    color: var(--color-primary-transparent-60);
    font-size: var(--font_size-16)
}

.nari-personalized-grid-device-delete:hover {
    color: var(--color-primary-hover)
}

.nari-personalized-grid-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-none) var(--spacing-base);
    border-top: var(--border_width-1) solid var(--color-border-default);
    height: 40px;
    position: relative
}

.nari-personalized-grid-pagination-total {
    color: var(--color-text-0)
}

.nari-personalized-grid-pagination-total-number {
    color: var(--color-link-default);
    font-style: normal
}

.nari-personalized-grid-pagination-num {
    position: absolute;
    left: 20%;
    width: 40%;
    display: flex
}

.nari-personalized-grid-pagination-num .na-select {
    width: 50%
}

.nari-personalized-grid-pagination-num span {
    display: flex;
    align-self: center;
    width: 30%
}

.nari-personalized-grid-pagination-size {
    color: var(--color-text-0);
    margin-right: var(--spacing-tight)
}

.nari-personalized-grid-pagination .na-button+.na-button {
    margin-left: var(--spacing-tight)
}

.nari-personalized-grid-pagination-prev.na-button,.nari-personalized-grid-pagination-next.na-button,.nari-personalized-grid-pagination .na-button.is-disabled {
    padding: var(--spacing-extra_tight);
    border-radius: var(--border_radius-1);
    background-color: rgba(0,0,0,0);
    border-color: var(--color-border-default) !important
}

.nari-personalized-grid-pagination-prev.na-button:hover,.nari-personalized-grid-pagination-prev.na-button:focus,.nari-personalized-grid-pagination-next.na-button:hover,.nari-personalized-grid-pagination-next.na-button:focus,.nari-personalized-grid-pagination .na-button.is-disabled:hover,.nari-personalized-grid-pagination .na-button.is-disabled:focus {
    color: var(--color-link-hover);
    background-color: var(--color-fill-0);
    border-color: var(--color-primary-hover)
}

.nari-personalized-grid-footer {
    height: 34px;
    padding: var(--spacing-none) var(--spacing-base);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.nari-personalized-grid-footer-total {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    line-height: 34px;
    color: var(--color-text-2)
}

.nari-personalized-grid-dialog-del {
    width: 320px !important
}

.nari-personalized-grid-dialog-del-cancel:hover {
    color: var(--color-primary-hover) !important;
    background-color: rgba(var(--brand-5), 0.1) !important;
    border-color: var(--color-primary-hover) !important
}

.nari-personalized-grid-dialog-del-confirm {
    background-color: rgba(var(--brand-5), 1) !important;
    border-color: rgba(var(--brand-5), 1) !important
}

.nari-personalized-grid-dialog-del-confirm:hover {
    background-color: var(--color-tertiary_light-hover) !important
}

.nari-demand-response-user_primary {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAbPSURBVHgB7VZLb1xZEa5z389+4Y4nJohmxiOBLJAiIyFlgZolPyCso1mw4E9gfgELJBaREEjsMD8BabwZVhMQEskgZGY8KJg4dtzuvq/u+zhnvjq3u2PHHk2iWc4c6/b1fdVX9dVXVYfoq77Em7w8evCJN/ETf1oJJ5CVqZRtFqZUJBsZKaqcKF6cEy3oN+8uXtfm6zlw/8OuH7mdQtWmZ7pKVEoRgAsqyMd1USrlszELzpRS5Xa3pt5pSr++V3w5B/aU5X/8j03lCIdgXOSOJIASQFsHiHyAF5angjJVFAQk+IyVea6k3Gmo+O4F7YvmzR1471+xJ/IBNULMcemB8DkDV4hyGTkBXAA8h3NBnoMBX7Gj2UJqJ6J5o8StSiaVOaOHP6xugjFuBP/5h4FnLDbmwjTW4JWr/CrTVK/AC1lLDY57fNbgDEwpRRbA+1Il1KF43nRg0349B0C7V5q35rVUHh/LyH0zU5r6MtPghjOvaXv3hCbfe55X8zpcfc/Rgwlh42yHipgFu1G90gxh2/hCB/xP/3mbPE9HLRxHijXtfvuC6SkWWxa5C9oTUue3KyrRuFJTz5HPOXLkF+BEM5oVkbrA9fD5k+BVvKsa+MXjiPJyQzsiV4KD2Iwgo9mTlL45DOi8HwYsyMJusjqZkRcaEVHIwPxd2lQS3hc08Y1OB/ItJggkwtGoCZ7vIluPLunhCgN+WfdomXMN7uG3ZMXvJLT/s5L+N04Cz5G5hMJdQ4TduKPBl/yndrek4tMLCC4nmjYzB4x0u2v7A7ernha2c3MK0GS4sXCds+AKpj6zpQ9n+vRxS138wZJCSI3TgCNlyqUn03Se0sN3pnC0oft/Min03Z6LZ0WjLjj6rFZG1ig5t4R+vlzW2gEzg/GStOCk1HVOPliwPJqU05ArQ+cMdR6yyAAeLRqVGk6TUAKG7r0ss/7bEUyRyJEWjreOwBg/OIMQ8Nondxm3ucJAKJStwUG9bq/E9Hvocm15haWPo61xLTaAO2W5oG/9+eJKjYNJKF5wLgWi5qN9cEZnXl8ZyUCNNp+KawxkhbT9cEHFkvaWFVmylIPccfWbiDzyWvDUfiuj32/ldGntotb/U154AlRPnFqN7M3yqJmZQ68RRhIr0+qD1WMQPbquAd8xBGW19FFt3FoLw27op3fP6Xf3zsOFn3C+BUf+AuAoM3p4FZxr/FFW+1rtfVz/+EfF0R++M6c//iC360K2Lx3Tq+ulCHXOgY4mE9DS9hPSTJzOYcBqaxxtjmK7Udcsocb74VBTO2Da/7Lf0rz3K5y3yJ4PtBNGWOLbo/Vn61wE7/1tK68NESxbqkDOhVg0aYQ8n/WdyMuE7m7zUIMnxSSH8PS0Gz1435s6sStQZkQv6DzroXkt5HYvqPPFVCvemJTqabhQIxrRN5wXzaoXrDWQO0UdkG9B9TACBljziSmi1HFTL7sU6gwUEHXDyBMP/u4y5VPqQ3BSGTUz06Nh0igDPeQQ4Ftr8NsAPyIr/ggaurW29rIMpbvILc/kFIQkSRS1piwlHi44I+9xw32d+zuoayrNxITa3w03UigygP8f4AP9bAt/xyGcKmu1fVKrQ7oDuko1pufqugMTvwhDPewoY7ULZiLBJFsOFcwyHirc3bi3XYD8PqKHcNWGC8pRZkMus2qgTL9SOup5Brzbyjr5SB1u46Nn31Z0XKiDh+Pmugj3d8qsQdSLBA1GanC9GBy0d+x2sPSKtrut6nyw/Jxr/DSp1cmScn0TtLPgGHznGTYq/UKN/53gnlDXHWD6Yivn6Lm3s+D0YIn5/xCgUg8V/VEVSc49Ad1w0WyQcwL4lj/EUamnTO0654XaQeRe/21FW4k6GI/lZcwrDpz+dgc7CVGl6O18HVM7UmcaHMJqyjUwR282sdTdzavVprZwTMccPdRuxbVi8EMNXmjH7z8+VXqEX1rXt2Tj963OO8POrMoE09/BLXaAAMw5Z+BzZqsba0OnODYRPeedwbfToSRQfvisVDt4tgJ/NNmVN+0Nr++IDn5SzwI3wzSTXQjOQBp6HDWDo84NFtwKPEDDQZfT4GgwI0R+2RSDx6A93tpVtE+Sblg37wl5X7/5/WwKynknc4HezrOcx6lWO3/IOZ9V6s5kswWf3FZH8R3lRqXq/nUqaRm5jumXPPmEugnqi7blBv33g3CwsARHfrYqtaXaaSOTqGyyugB/ATZAOzHvx63axxDc3is5fzMHVgtTbnO1k4HazFlb53xpseBOEO32u+TCAab9EZfawfhzo35zB1aLdzJv3W2bV2KJETsAtTPw453ncozrg73XA/56rdZnS3ZJILrB9XgAAAAASUVORK5CYII=)
}

.nari-demand-response-user_success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAamSURBVHgB7VfNb1y3ER+S73PfrlYra6FaiYOgdYxCObboNe41hwZoUV2aGgiMwmgL9G/w35BL4aCAEbQJChW9+NBr2ntzrFC3QpvEiSVl7d1o932/RzK/4a7WiqTY8jmhwOVwOB8/DofDJ6JvehPPIzy4s9MvdHOpjP3EpzqyJghbaomkbAOSmSxmWbnee0zb20cXtXkxAH/862Vf683G6NBbMj1i595yRDNSkDS2laYiqR/QjRufP8v00wG8/bcw6KXXLJnEza21pAV0sGulbAPaB7uBd5/XBNZarHkeNSyvbUWb/V16/fXq+QG8//66X8qXyGiPjTlHzIdj0hKOm4UgKGUsIrS0dSzHOtRq0xT2v/S7N6cXB3D37qpvoqtLF7xbHvlHLhwxD1BgQbHzhh3yuJBfggFvDj6/Tzdvzp4NYGcnCAr5/bpplO9DtWmo8RfOTyoaW9er3r8ZCuXtK76RoXNo7HznJ6LBc2GtrvuQ396uT9qRp/0HR+Z7VrbCF8LgPA2FPKIbYwmhJuaj173OFMa0M2hFRojGPCLz9WYxHtO1lCLMzZWnR+C99wZU+y86IJodIqsx1pU9oqF6RDM9IKkuBW2LwJu2DsU+6dgPinyDlOfkawahw8ck0ihQ/go5O63zw1vvF+LTo9/8YnJuBMI6XCfRmqDBzqUEesnIDXXKEXZaUPvKiNdq5bVYF0EjNgFmnULpIlQrSukT2qNfvXFI0s9rtuMBmJjbCtBLpdbOP4J79zrIHBU0cMqOGbmtNSslbdifC/2nTxEbg2GWW8hy+Gvp7dON7f/TbRzJnX/61JoB6xIDZjmODEYbGJ/u3Oscu31SVx6VCeyaCmF02eQBQOshdIYyqVfp3T/3qcVpWqlDCdwBIobbXSnT1EX3kG79JF/a8u5fIU+RqOCUjXEVgI6QjYA5lFSP60r+FQCxoqDwpQnhpNK+DY0WlZVmcTgUNvOxaqpjDqlYZfTmTw9dsh23P+yshbaSOAJEBptouDrOY13Z0OGJizQoTh9BYbQf1aihhnQkGiNMqHF/ClyyNEIoheuNYZp7VTeP81/+bP+k800cI3RXRRDqqtWtb+pZJXXF9qIaPeA62hgqS3UmByL+sZWOkHQlgJS+aeml4SG9tX0Qydm4lFC0kebzLn2/pROZ7NoHH3gPJyVuEXS1tpSoR+mv8RZ8cv8zATAuqZkvOQ98eQaAAEKB0ItamThRhqra0PXrbndfmDVN4AtZQ0bbmBPqdHvwYC0uSQnoxrBFNJzzX3vN+RD8iijY4A5bS7/LHPj9uy8UnhJxECzLKGPOChx6KOMYay5tFvlbtOGUbr7hSuva239aKfpBzy3UtSjYRqnMyiCpdDYNUDE8Ao/PPca6xP3MfvvWAYsvk7AIdd1ppIdC44y4E0HBSeIwzFCJBBvtgpnn/NqJTjvtirs77pUsAc5dF17rdBYYc5pO8rCDOaqTzsuKmCbkpezKZWF/cg3tpTKXWYcgmMCsaCOLJBYZntdEKpsx34VFcUdmWytQ/dKq5CfY8lrWU5Rki5cXco4HPaa7YWTTErK9FVpPqJ6dzgFqD8qu8gz3rPSM8EqcF8/nI0qtGzMecZ48smMqSqcjINeFHh/bcWeZXkK6BzplWdYpH5tHBy+UdAbArVtNaqZOccVw1WqwwwIGu0seA3BjXpiemjvr9ZUDliK5UsxnEevBEfQJctRElnnOJvqqGDR064fNWQBoL05XiqnyjYgbixTSM4NqBFqqzEjwpVcgg7GWGC2zBQ05QIDxFb0KmX7mGbahkhXdlwAJOeaxPsHOF8m1/KTP874HukhCOcgCIZLa3YjxGJnOT8iYU54WP2MnPga9BgEbZpC/YscL/trid+wkkGKw5w1Ij7a305PuznwP0O5uvoGdT1rS4yAwCh1PlBkfgcaojo7MOEgxBq4T098B7XmQSQ3rDo8W8lhjWlaVncRlO4Lt0+7O/yRDVaPRyN+cTJbrD9E3HXV5ST90833QzNt3PDkYWDOJxFxm30noOBaHUVS6D5gLAeC2s6PooOtR71DQbMO+zOPp9jHu8Y827N7hoXgZ0482NuzVPV7Yw99VYh0PvL00bc9z/nQA3HDV6Z13vB8sph/uD8SrW3g3Jt+1Hw7+J2gysa8OBs7Gv0DPA4L55Yllnd61a/bvP76uXSH+mnaxf0xu35Y/39pysqPhUAxHozMGR7tDrP+Dhltb9i/M2N210DPPMv1c/5o5efvE95JCIcZXr5vz/yYnl75tz2pfArsL1uN9FfG+AAAAAElFTkSuQmCC)
}

.nari-demand-response-user_active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKUSURBVHgB7VbbTiMxDPVMSzvdKUjASrur/f9PY/cFIS6F0stMOKZOcRzPpbyCJWvaxPY5duIkRF9dilOMQwg/8FlCK+iZKEsLfRVdFUXxMjbmKAIAvsTnUgEepyRGMLF20FsQeRyKXQwAM+AfOmQcAYfiaVJM5AZEdn0OXeDn+PyETuwU+Vm7YUT/g8R6NAFZ698KyPrEMV770ox5Piz/QOJ1kADAp/j8lTk9bzPeQ2+EAJO1+8P6MVlejr2eLB2HXyqLlj7KSGqMdY1grQTcqPHQ8WW5tmDThGoINR3WvDXMua2eoDx/LuOV2HOMhdjxeANdSUUWlFZuzj4g/ewSgFyYjGPWT3DawrkVEiRBr5R9kErccVVgy7G87uFzJCcAhzkdlqQ14CSZbOVLHSQfALySWFMhqmMdMRkLtpuEgLCNZbRSS2cUlBNsBHyjxq+UrdeyjJURmFC62Tyx4xsBP5IC0aUC18DBYFEXgRiMHfeS4ZxyeY4lV+BsV6s4THBGaXIct/QIEKXl5d/3AGmk/LXOxAFnkKWKwZfSGuMMeE1pJQqPgF1/2//B2FqpyT8FS+Wf7a8+AiwXyIAvkhkZUIwv4vnOvyWW3nSVdIPdW/GsyAg09HGuazlTzloqWXNSoHbTTSjtnGjnEoiZ6tuOyAfvmrdt6rVt3NwZAT5ourK10temwRDQwPH3LiMgu92y78t8zG8NHGMHfSPaNhxTBW9H9y1XcDCO4r0HKkrfAh4RL2PP3tq19lHiEeCxGdFJL+ausiehoVsQCNaRHBLcPhPKH5mej5e993+n74xeAkKipPxBOlZsFRoPvJeAkEguDvpc9q0t+2gChkihfIY25rtbH7B2OkmETBoEQHF8DOi3aHkDhMNFm/wlYSgAAAAASUVORK5CYII=)
}

.nari-demand-response-user .nari-tabs__title {
    width: 100%
}

.nari-demand-response-user_header {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: var(--spacing-base_loose)
}

.nari-demand-response-user_header_left {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-16);
    line-height: var(--line_height-24);
    font-weight: var(--font_weight-bold)
}

.nari-demand-response-user_header_right_date.na-date-editor.na-input {
    width: 110px
}

.nari-demand-response-user_header_right_date.na-date-editor.na-input .na-input__inner {
    padding-right: var(--spacing-tight)
}

.nari-demand-response-user_header_right_select {
    width: 90px
}

.nari-demand-response-user_columns {
    padding: var(--spacing-base)
}

.nari-demand-response-user_column+.nari-demand-response-user_column {
    margin-top: var(--spacing-baseTight)
}

.nari-demand-response-user_mv .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    background-color: var(--color-primary-default);
    border-color: var(--color-primary-default)
}

.nari-demand-response-user_lv .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    background-color: var(--color-primary-default);
    border-color: var(--color-primary-default)
}

.nari-demand-response-user_menus {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.nari-demand-response-user_primary {
    color: rgba(var(--blue-5), 1);
    background-color: rgba(var(--blue-5), 0.1)
}

.nari-demand-response-user_success {
    color: rgba(var(--brand-5), 1);
    background-color: rgba(var(--brand-5), 0.1)
}

.nari-demand-response-user_active {
    color: rgba(var(--global-white), 1)
}

.nari-demand-response-user_active.nari-demand-response-user_primary {
    background-color: rgba(var(--blue-5), 1)
}

.nari-demand-response-user_active.nari-demand-response-user_primary .nari-icon-tiaoyongfuwu {
    color: rgba(var(--blue-5), 1)
}

.nari-demand-response-user_active.nari-demand-response-user_success {
    background-color: rgba(var(--brand-5), 1)
}

.nari-demand-response-user_active.nari-demand-response-user_success .nari-icon-tiaoyongfuwu {
    color: rgba(var(--brand-5), 1)
}

.nari-demand-response-user_menu:nth-child(3) {
    width: 100%;
    margin-top: var(--spacing-base)
}

.nari-demand-response-user_menu {
    overflow: hidden;
    position: relative;
    width: 48%;
    padding: var(--spacing-baseTight);
    border-radius: var(--border_radius-3);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: right bottom;
    cursor: pointer
}

.nari-demand-response-user_menu_head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nari-demand-response-user_menu_value {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-20);
    line-height: var(--line_height-28);
    font-weight: var(--font_weight-bold)
}

.nari-demand-response-user_menu_note {
    position: relative;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-demand-response-user-chart-box {
    height: 300px
}

.nari-demand-response-user-chart-box_head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nari-demand-response-user-chart-box_head_title {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold)
}

.nari-demand-response-user-chart-box_head_title::before {
    content: "";
    display: inline-block;
    margin-right: var(--spacing-tight);
    vertical-align: sub;
    width: 4px;
    height: 16px;
    background-color: #009ea8
}

.nari-demand-response-user-chart-box-demandUser {
    height: 280px
}

.nari-demand-response-user-chart-box-executeUser {
    height: 280px
}

.nari-demand-response-user-chart-box-adjustLoad {
    height: 280px
}

.nari-demand-response-user-chart-box_rankTable {
    margin-top: var(--spacing-base_loose)
}

.nari-demand-response-user_chart {
    width: 100%;
    height: 100%
}

.nari-demand-response-user_chart_tooltip_item {
    display: flex
}

.nari-demand-response-user_chart_tooltip_item_title {
    flex: 1;
    margin-right: var(--spacing-baseTight)
}

.nari-demand-response-user_banner+.nari-demand-response-user_banner {
    margin-top: var(--spacing-baseTight)
}

.nari-demand-response-user_banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-tight) var(--spacing-baseTight);
    border-radius: var(--border_radius-2)
}

.nari-demand-response-user_banner_warning {
    color: #ac7846;
    background: linear-gradient(110deg, #faf8f4 0%, #f4eed4 100%);
    border: var(--border_width-1) solid rgba(172,120,70,0.3490196078)
}

.nari-demand-response-user_banner_danger {
    color: #ac4652;
    border: var(--border_width-1) solid rgba(172,88,70,0.3490196078);
    background: linear-gradient(110.46deg, #fff4f6 0%, #fff1f3 100%)
}

#nari-demand-response-user_list,#nari-demand-response-user_list_charging {
    position: fixed;
    left: 80px;
    top: 75px;
    width: 302px
}

.rankTable .na-table {
    height: 352px
}

.rankTable .na-table tr {
    height: 32px;
    font-size: 12px;
    padding: 0
}

.rankTable .na-table th.na-table__cell {
    height: 32px;
    font-size: 12px;
    padding: 0
}

.rankTable .na-table__cell {
    height: 32px;
    padding: 0
}

.rankTable .na-table td.na-table__cell {
    height: 32px;
    padding: 0
}

.rankTable .rankClass {
    width: 18px;
    height: 18px;
    border-radius: var(--border_radius-3);
    background-color: #e5e6eb;
    line-height: 18px;
    text-align: center;
    font-size: 12px
}

.rankTable .rankFirst {
    background: linear-gradient(180deg, #f0dcb0 0%, #c2a445 100%);
    color: rgba(var(--global-white), 1)
}

.rankTable .rankSec {
    background: linear-gradient(180deg, #d9e1e9 0%, #a6a8aa 100%);
    color: rgba(var(--global-white), 1)
}

.rankTable .rankThr {
    background: linear-gradient(180deg, #f4caaa 0%, #bb7a57 100%);
    color: rgba(var(--global-white), 1)
}

.implementation-box {
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 820px;
    height: 438px;
    background: #fff;
    border-radius: var(--border_radius-3);
    z-index: 2
}

.implementation-box_title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: var(--spacing-none) var(--spacing-base);
    background-color: #f7f8fa
}

.implementation-box_title p {
    font-size: 16px;
    line-height: 40px;
    color: #000
}

.implementation-box_title i {
    color: #000;
    line-height: 40px
}

.implementation-box_body {
    width: 100%;
    height: 398px;
    padding: var(--spacing-base)
}

.implementation-box_body_time-sel {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap
}

.implementation-box_body_time-sel_month {
    width: 160px
}

.implementation-box_body_time-sel_month .na-date-editor {
    width: 160px !important
}

.implementation-box_body_time-sel_day {
    margin-left: var(--spacing-base);
    width: 620px;
    height: 32px;
    padding: var(--spacing-extra_tight) var(--spacing-baseTight);
    border-radius: 4px;
    border: var(--border_width-1) solid #e5e6eb;
    box-sizing: border-box
}

.implementation-box_body_time-sel_day_scroll {
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.implementation-box_body_time-sel_day_scroll_one-day {
    display: inline-block;
    margin-left: var(--spacing-base);
    width: 24px;
    height: 24px;
    color: #000;
    font-size: 12px;
    text-align: center;
    line-height: 24px
}

.implementation-box_body_time-sel_day_scroll .activated {
    border-radius: 12px;
    background-color: #009ea8;
    color: #fff
}

.implementation-box_body_title {
    height: 24px;
    padding-top: var(--spacing-tight)
}

.implementation-box_body_title p {
    margin-left: var(--spacing-base_loose);
    line-height: 24px;
    font-size: 14px
}

.implementation-box_body_title::before {
    position: absolute;
    margin-top: var(--spacing-extra_tight);
    width: 5px;
    height: 16px;
    background-color: #009ea8;
    content: ""
}

.implementation-box_body_column {
    margin-top: var(--spacing-base);
    width: 100%;
    height: 302px
}

.implementation-box_body_column_load-curve-chart {
    width: 100%;
    height: 100%
}

.nari-user-detail {
    position: absolute;
    top: 0;
    width: 100%
}

.nari-user-detail_content {
    position: relative;
    padding: var(--spacing-tight) var(--spacing-base)
}

.nari-user-detail_line {
    display: flex;
    align-items: center;
    padding: var(--spacing-baseTight) var(--spacing-base);
    color: rgba(var(--global-white), 1);
    background: rgba(var(--blue-5), 1);
    border-radius: var(--border_radius-2)
}

.nari-user-detail_line_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: var(--spacing-extra_tight);
    width: 40px;
    height: 40px;
    background: #0051ad;
    font-size: 26px !important;
    text-align: center
}

.nari-user-detail_line_info {
    font-size: 14px
}

.nari-user-detail_column+.nari-user-detail_column {
    margin-top: var(--spacing-baseTight)
}

.nari-user-detail_column_title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nari-user-detail_column_title h3 {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold)
}

.nari-user-detail_column_title h3::before {
    display: inline-block;
    margin-right: var(--spacing-tight);
    width: 4px;
    height: 16px;
    vertical-align: sub;
    background-color: var(--color-primary-default);
    content: ""
}

.nari-user-detail_base_info {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-user-detail_base_info_column {
    display: flex;
    margin-top: var(--spacing-tight)
}

.nari-user-detail_base_info_column :first-child {
    display: inline-block;
    flex-shrink: 0;
    width: 100px;
    color: var(--color-text-3)
}

.nari-user-detail_base_info_column_title_tag {
    margin-right: var(--spacing-extra_tight)
}

.nari-user-detail_run_curve_chart,.nari-user-detail_load_curve_chart {
    width: 100%;
    height: 200px
}

.nari-user-detail_run_curve_chart .na-empty,.nari-user-detail_load_curve_chart .na-empty {
    padding: 20px 0
}

.nari-user-detail_run_curve_time,.nari-user-detail_load_curve_time {
    width: 100% !important
}

.nari-user-detail .na-radio-button--mini .na-radio-button__inner {
    padding: 6px 10px
}

.nari-user-detail_tsd {
    width: 100%
}

.nari-user-detail_tsd .scope_cell {
    display: flex;
    align-items: center
}

.nari-user-detail_tsd .scope_cell .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.nari-user-detail_tsd .scope_cell .stop {
    background: #ccc
}

.nari-user-detail_tsd .scope_cell .td {
    background: green
}

.nari-user-detail_tsd .scope_cell .fd {
    background: red
}

.nari-user-detail_footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 6px 16px;
    background: #fff;
    border-top: 1px solid #e5e6eb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.nari-user-detail_footer .na-button {
    color: #fff;
    background: #0d867f
}

.nari-user-detail_footer .na-button:hover {
    color: #fff;
    background: rgba(13,134,127,.9)
}

.nari-user-detail-dkx {
    height: 100%
}

.nari-user-detail-dkx_content {
    position: relative;
    padding: var(--spacing-tight) var(--spacing-base)
}

.nari-user-detail-dkx_line {
    display: flex;
    align-items: center;
    padding: var(--spacing-baseTight) var(--spacing-base);
    color: rgba(var(--global-white), 1);
    background: rgba(var(--blue-5), 1);
    border-radius: var(--border_radius-2)
}

.nari-user-detail-dkx_line_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: var(--spacing-extra_tight);
    width: 40px;
    height: 40px;
    background: #0051ad;
    font-size: 26px !important;
    text-align: center
}

.nari-user-detail-dkx_line_info {
    font-size: 14px
}

.nari-user-detail-dkx_line_info_subtitle {
    color: #87b5e9
}

.nari-user-detail-dkx_line_info_subtitle_name {
    cursor: pointer
}

.nari-user-detail-dkx_line_info_subtitle_name:hover {
    color: #fff
}

.nari-user-detail-dkx_column+.nari-user-detail-dkx_column {
    margin-top: var(--spacing-baseTight)
}

.nari-user-detail-dkx_column_title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nari-user-detail-dkx_column_title h3 {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold)
}

.nari-user-detail-dkx_column_title h3::before {
    display: inline-block;
    margin-right: var(--spacing-tight);
    width: 4px;
    height: 16px;
    vertical-align: sub;
    background-color: var(--color-primary-default);
    content: ""
}

.nari-user-detail-dkx_base_info {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular)
}

.nari-user-detail-dkx_base_info_column {
    display: flex;
    margin-top: var(--spacing-tight)
}

.nari-user-detail-dkx_base_info_column :first-child {
    display: inline-block;
    flex-shrink: 0;
    width: 100px;
    color: var(--color-text-3)
}

.nari-user-detail-dkx_base_info_column_title_tag {
    margin-right: var(--spacing-extra_tight)
}

.nari-user-detail-dkx_base_info_column_title .tag-A {
    color: #ff8208;
    background-color: rgba(255,131,8,.1803921569);
    border-color: rgba(255,131,8,.1803921569)
}

.nari-user-detail-dkx_base_info_column_title .tag-B {
    color: #3cb34b;
    background-color: rgba(60,179,75,.168627451);
    border-color: rgba(60,179,75,.168627451)
}

.nari-user-detail-dkx_base_info_column_title .tag-C {
    color: #fa3333;
    background-color: rgba(250,51,51,.231372549);
    border-color: rgba(250,51,51,.231372549)
}

.nari-user-detail-dkx_base_info_column_title .tag-wz {
    color: #9c9c9c;
    background-color: rgba(144,144,144,.2705882353);
    border-color: rgba(144,144,144,.2705882353)
}

.nari-user-detail-dkx_base_info_column_title .tag-ABC {
    color: #34c1f0;
    background-color: rgba(52,193,240,.1294117647);
    border-color: rgba(52,193,240,.3215686275)
}

.nari-user-detail-dkx_base_info_column_title .tag-error {
    color: #a1a1aa;
    background-color: rgba(161,161,170,.0980392157);
    border-color: rgba(161,161,170,.2980392157)
}

.nari-user-detail-dkx_run_curve_chart {
    width: 100%;
    height: 200px
}

.nari-user-detail-dkx_run_curve_chart .na-empty {
    padding: 20px 0
}

.nari-user-detail-dkx_run_curve_time {
    width: 100% !important
}

.nari-user-detail-dkx_table .scope_cell {
    display: flex;
    align-items: center
}

.nari-user-detail-dkx_table .scope_cell .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px
}

.nari-user-detail-dkx_table .scope_cell .stop {
    background: #ccc
}

.nari-user-detail-dkx_table .scope_cell .td {
    background: green
}

.nari-user-detail-dkx_table .scope_cell .fd {
    background: red
}

.nari-user-detail-dkx .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    color: #fff;
    background-color: #0d867f;
    border-color: #0d867f;
    box-shadow: -1px 0 0 0 #0d867f
}

.nari-user-detail-dkx .na-radio-button--mini .na-radio-button__inner {
    padding: 6px 10px
}

.nari-user-detail-dkx_footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 6px 16px;
    background: #fff;
    border-top: 1px solid #e5e6eb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.nari-user-detail-dkx_footer .na-button {
    color: #fff;
    background: #0d867f
}

.nari-user-detail-dkx_footer .na-button:hover {
    color: #fff;
    background: rgba(13,134,127,.9)
}

.nari-charging-pile_header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nari-charging-pile_header_right_select {
    width: 165px
}

.nari-photovoltaic {
    height: 100%
}

.nari-photovoltaic .org {
    color: #ac7846;
    background: linear-gradient(110.46deg, #faf8f4 0%, #f4eede 100%);
    border-color: rgba(172,120,70,.3490196078)
}

.nari-photovoltaic .red {
    color: #ac4652;
    background: linear-gradient(110.46deg, #fff4f6 0%, #fff1f3 100%);
    border-color: rgba(172,88,70,.3490196078)
}

.nari-photovoltaic_scrollbar {
    height: 100%
}

.nari-photovoltaic_scrollbar_warp {
    overflow-x: hidden !important
}

.nari-photovoltaic_content {
    height: 100%;
    padding: 16px
}

.nari-photovoltaic_banner+.nari-photovoltaic_banner {
    margin-top: 12px
}

.nari-photovoltaic_banner {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 8px 12px;
    height: 40px;
    border: 1px solid;
    border-radius: 4px
}

.nari-photovoltaic_banner_icon {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 36px;
    transform: translateY(-50%)
}

.nari-photovoltaic_tabs {
    display: flex;
    margin-top: 12px
}

.nari-photovoltaic_tabs>:nth-child(even) {
    margin-left: 12px
}

.nari-photovoltaic_tabs_item {
    position: relative;
    flex: 1;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer
}

.nari-photovoltaic_tabs_item_text {
    font-size: 12px;
    line-height: 24px
}

.nari-photovoltaic_tabs_item_text_p {
    margin: 0;
    padding: 0
}

.nari-photovoltaic_tabs_item_img {
    position: absolute;
    right: 8px;
    bottom: 4px;
    width: 40px
}

.nari-photovoltaic_chart {
    margin-top: 12px
}

.nari-photovoltaic_chart_header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nari-photovoltaic_chart_header_title {
    font-size: 14px
}

.nari-photovoltaic_chart_header_title::before {
    display: inline-block;
    margin-right: 4px;
    width: 4px;
    height: 18px;
    vertical-align: middle;
    background-color: #009ba8;
    content: ""
}

.nari-photovoltaic_chart_header_radio.na-radio-button--mini .na-radio-button__inner {
    padding: 6px 10px
}

.nari-photovoltaic_chart .nari-basic-chart_content {
    margin-top: 12px;
    height: 200px
}

.nari-pv-statistics.v2 {
    border-radius: 8px;
    overflow: hidden;
    position: absolute
}

.nari-pv-statistics.v2 .nari-pv-statistics_name {
    align-items: center;
    display: inline-block;
    font-weight: bold;
    font-size: 14px
}

.nari-pv-statistics.v2 .nari-pv-statistics_select {
    top: 13px;
    right: 40px;
    position: absolute
}

.nari-pv-statistics.v2 .nari-pv-statistics_select .theme-select {
    width: 100px;
    margin-left: 5px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box {
    width: 100%;
    height: 100%;
    background-color: var(--bg-color-container);
    display: flex;
    overflow-y: auto;
    flex-direction: column
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll {
    height: 100%;
    overflow-y: scroll;
    padding: 0 0 16px 0
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_count {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    background: linear-gradient(110deg, #faf8f4 0%, #f4eed4 100%);
    line-height: 40px;
    text-indent: 5px;
    margin: 16px;
    margin-bottom: 12px;
    border: 1px solid rgba(172,120,70,.3490196078);
    border-radius: 4px;
    color: #ac7846;
    font-size: 14px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_count img {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_count.light-number-all {
    margin-bottom: 8px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_count.install-number-all {
    background: linear-gradient(110.46deg, #fff4f6 0%, #fff1f3 100%);
    border: 1px solid rgba(172,88,70,.3490196078);
    color: #ac4652
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_count .num-icon {
    margin: auto 12px auto auto
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 104px;
    padding: 0 16px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft {
    position: relative;
    width: 49%;
    padding: 10px 8px;
    color: #0061d0;
    background-color: rgba(var(--blue-5), 0.1);
    border-radius: 4px;
    cursor: pointer
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .num-unit {
    display: flex;
    font-family: PingFang SC;
    font-weight: regular;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .num-unit .medium-label {
    font-size: 12px;
    line-height: 22px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .num-unit .medium-nuit {
    font-size: 12px;
    line-height: 22px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .num-unit .medium-num {
    font-size: 12px;
    line-height: 24px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .medium-unit {
    display: flex;
    font-family: PingFang SC;
    font-weight: regular;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    justify-content: space-between
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .medium-unit .num-unit-left {
    display: flex;
    font-family: PingFang SC;
    font-weight: regular;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .medium-unit .num-icon {
    width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    background: #fff
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .medium-unit .num-icon i {
    font-size: 19px;
    color: #0061d0
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .right-icon {
    position: absolute;
    width: 48px;
    height: 39px;
    bottom: 5px;
    right: 5px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxLeft .right-icon img {
    width: 100%;
    height: 100%
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .mediumVoltBg {
    background: linear-gradient(110.46deg, #3e93f4 0%, #0061d0 100%);
    color: #fff
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight {
    position: relative;
    width: 49%;
    padding: 10px 1px 10px 10px;
    color: #009ea8;
    border-radius: 4px;
    background-color: rgba(var(--brand-5), 0.1);
    cursor: pointer
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .num-unit {
    display: flex;
    font-family: PingFang SC;
    font-weight: regular;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .num-unit .low-label {
    font-size: 12px;
    line-height: 22px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .num-unit .low-nuit {
    font-size: 12px;
    line-height: 22px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .num-unit .low-num {
    font-size: 12px;
    line-height: 24px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .low-unit {
    display: flex;
    font-family: PingFang SC;
    font-weight: regular;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    justify-content: space-between
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .low-unit .num-unit-left {
    display: flex;
    font-family: PingFang SC;
    font-weight: regular;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .low-unit .num-icon {
    width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    background: #fff
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .low-unit .num-icon i {
    font-size: 19px;
    color: #009ea8
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .right-icon {
    position: absolute;
    width: 48px;
    height: 39px;
    bottom: 5px;
    right: 5px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .nari-pv-statistics_scroll_numBox_numBoxRight .right-icon img {
    width: 100%;
    height: 100%
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .nari-pv-statistics_scroll_numBox .lowVoltBg {
    background: linear-gradient(-75.39deg, #009ea8 0%, #18bbc6 100%);
    color: #fff
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content {
    width: 100%;
    margin-top: 10px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .output-curve {
    position: relative
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .chartTitle {
    display: flex;
    margin-top: 10px;
    padding-left: 0
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .chartTitle .titleBg {
    width: 4px;
    height: 22px;
    background: var(--color-primary-default)
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .chartTitle .timeButton {
    position: absolute;
    right: 5px;
    z-index: 2002
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .chartTitle .timeButton .na-button-group .na-button {
    color: var(--color-text-0);
    background: var(--color-bg-2);
    border: 1px solid var(--color-border-default) !important;
    line-height: var(--line_height-24);
    padding: var(--spacing-super_tight) var(--spacing-baseTight) !important;
    font-size: var(--font_size-12) !important;
    margin-left: var(--spacing-none);
    border-left: none !important
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .chartTitle .timeButton .na-button-group .active {
    background: var(--color-primary-default) !important;
    color: #fff
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .chartTitle .mediumVolateButton .na-button-group {
    background: var(--color-bg-2);
    border: 1px solid var(--color-border-default) !important
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .chartTitle .mediumVolateButton .na-button-group .active {
    background: rgba(var(--blue-5), 1) !important;
    color: #fff
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .chartTitle .titleText {
    color: var(--color-text-0);
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 10px
}

.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .distribution,.nari-pv-statistics.v2 .nari-pv-statistics_content_box .content .output {
    width: 100%;
    height: 280px
}

.nari-device-list-photovoltaic {
    position: absolute;
    right: 75vw;
    width: 16vw;
    height: 500px !important
}

.nari-device-list-photovoltaic.nari-tabs .nari-tabs__control {
    min-height: 40px;
    padding: 0 6px
}

.nari-device-list-photovoltaic.nari-tabs .nari-tabs__control .nari-tabs__title {
    font-size: 16px
}

.nari-device-list-photovoltaic_content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.nari-device-list-photovoltaic_content_list {
    min-height: 0;
    flex: 1
}

.nari-device-list-photovoltaic_search {
    padding: 8px;
    border-bottom: 1px solid #e9e9e9
}

.nari-device-list-photovoltaic_search .na-input__inner {
    height: 32px
}

.nari-device-list-photovoltaic_search .na-input__icon {
    cursor: pointer
}

.nari-device-list-photovoltaic_search .na-input__icon:hover {
    color: #0d867f
}

.nari-device-list-photovoltaic_pagination {
    padding: 8px 16px;
    border-top: 1px solid #e9e9e9
}

.nari-device-list-photovoltaic_item {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer
}

.nari-device-list-photovoltaic_item_active,.nari-device-list-photovoltaic_item:hover {
    background-color: #cce9e8;
    color: #0d867f
}

.nari-device-list-photovoltaic_item_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nari-device-list-photovoltaic_item_icon {
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: #fff;
    text-align: center
}

.nari-contrbute {
    width: 100%;
    height: 100%
}

.nari-contrbute #contrbute {
    width: 100%;
    height: 100%
}

.nari-distribution {
    width: 100%;
    height: 100%
}

.nari-distribution #distribution {
    width: 100%;
    height: 100%
}

.nari-common-empty {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.nari-common-empty-content-img {
    width: 240px
}

.nari-common-empty-content-title {
    width: 100%;
    text-align: center;
    font-size: .16rem
}

#nari-demand-response-user_list .na-input__suffix,#nari-demand-response-user_list_charging .na-input__suffix {
    display: flex;
    align-items: center
}

#nari-demand-response-user_list .na-scrollbar__wrap,#nari-demand-response-user_list_charging .na-scrollbar__wrap {
    overflow-x: hidden
}

#nari-demand-response-user_list .nari-device-list_pagination,#nari-demand-response-user_list_charging .nari-device-list_pagination {
    padding-top: 16px;
    border-top: none
}

.nari-device-list {
    width: 100%;
    height: 500px !important
}

.nari-device-list.nari-tabs .nari-tabs__control {
    min-height: 40px;
    padding: var(--spacing-none) var(--spacing-tight)
}

.nari-device-list.nari-tabs .nari-tabs__control .nari-tabs__title {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-14);
    font-weight: var(--font_weight-bold)
}

.nari-device-list_content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.nari-device-list_content_list {
    min-height: 0;
    flex: 1
}

.nari-device-list_search {
    padding: var(--spacing-tight);
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.nari-device-list_search .na-input__inner {
    height: 32px
}

.nari-device-list_search .na-input__icon {
    cursor: pointer
}

.nari-device-list_search .na-input__icon:hover {
    color: #0d867f
}

.nari-device-list_pagination {
    padding: var(--spacing-tight) var(--spacing-base);
    border-top: var(--border_width-1) solid var(--color-border-default)
}

.nari-device-list_item {
    display: flex;
    align-items: center;
    padding: var(--spacing-tight);
    border-bottom: var(--border_width-1) solid var(--color-border-default);
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    cursor: pointer;
    line-height: 24px
}

.nari-device-list_item_disable {
    opacity: .6;
    filter: grayscale(1);
    cursor: not-allowed
}

.nari-device-list_item:hover,.nari-device-list_item_active {
    background-color: var(--color-primary-transparent-10);
    color: var(--color-link-default)
}

.nari-device-list_item_name {
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.nari-device-list_item_icon {
    display: inline-block;
    margin-right: var(--spacing-tight);
    min-width: 20px;
    min-height: 20px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: rgba(var(--global-white), 1);
    text-align: center
}

.nari-charging-pile-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nari-charging-pile-pagination_total_number {
    color: #0d867f;
    font-style: normal
}

.nari-charging-pile-pagination_size {
    color: 14px;
    margin-right: 8px
}

.nari-charging-pile-pagination .na-button+.na-button {
    margin-left: 8px
}

.nari-charging-pile-pagination_prev.na-button,.nari-charging-pile-pagination_next.na-button,.nari-charging-pile-pagination .na-button.is-disabled {
    padding: 4px;
    border-radius: 4px;
    background-color: rgba(0,0,0,0)
}

.nari-charging-pile-pagination_prev.na-button:hover,.nari-charging-pile-pagination_prev.na-button:focus,.nari-charging-pile-pagination_next.na-button:hover,.nari-charging-pile-pagination_next.na-button:focus,.nari-charging-pile-pagination .na-button.is-disabled:hover,.nari-charging-pile-pagination .na-button.is-disabled:focus {
    color: #0d867f
}

.nari-charging-station_name {
    font-size: 14px
}

.charging-station-all {
    width: 100%;
    height: 100%;
    height: 100%;
    overflow-y: scroll !important
}

.nari-charging-statio_scroll {
    height: 100%;
    overflow-y: scroll;
    padding: 0 16px 16px 16px
}

.nari-tabs__title {
    display: flex;
    width: 100%;
    height: 100%;
    padding-right: 26px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px
}

.nari-charging-station-name {
    margin-right: 20px
}

.nari-charging-station_select {
    width: 177px
}

.number-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding-left: 5px;
    background: linear-gradient(110deg, #faf8f4 0%, #f4eed4 100%);
    line-height: 36px;
    border: 1px solid rgba(172,120,70,.3490196078);
    border-radius: 4px;
    color: #ac7846;
    font-size: 12px;
    margin: 16px 16px 0 16px
}

.number-all img {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.numBox {
    display: flex;
    justify-content: space-between;
    margin: 10px 16px
}

.numBox .numBoxLeft {
    position: relative;
    width: 48%;
    padding: 10px;
    color: #0061d0;
    background-color: rgba(0,158,168,0.0980392157);
    border-radius: 8px;
    cursor: pointer
}

.numBox .numBoxLeft .num {
    font-size: 20px;
    display: flex;
    justify-content: space-between
}

.numBox .numBoxLeft .num-icon {
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    border-radius: 50%;
    background: #fff
}

.numBox .numBoxLeft .num-icon i {
    font-size: 15px;
    color: #0061d0
}

.numBox .numBoxLeft .unit {
    font-size: 14px
}

.numBox .numBoxLeft .right-icon {
    position: absolute;
    width: 38px;
    height: 32px;
    bottom: 4px;
    right: 4px
}

.numBox .numBoxLeft .right-icon img {
    width: 100%;
    height: 100%
}

.numBox .numBoxRight {
    position: relative;
    width: 48%;
    padding: 10px;
    color: #009ea8;
    border-radius: 8px;
    background-color: rgba(0,158,168,0.0980392157);
    cursor: pointer
}

.numBox .numBoxRight .num {
    font-size: 20px;
    display: flex;
    justify-content: space-between
}

.numBox .numBoxRight .num-icon {
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    border-radius: 50%;
    background: #fff
}

.numBox .numBoxRight .num-icon i {
    font-size: 15px;
    color: #009ea8
}

.numBox .numBoxRight .unit {
    font-size: 14px
}

.numBox .numBoxRight .right-icon {
    position: absolute;
    width: 38px;
    height: 32px;
    bottom: 4px;
    right: 4px
}

.numBox .numBoxRight .right-icon img {
    width: 100%;
    height: 100%
}

.chartTitle {
    display: flex;
    margin: 20px 16px
}

.chartTitle .titleBg {
    width: 4px;
    height: 16px;
    background: var(--color-primary-default)
}

.chartTitle .timeButton {
    position: absolute;
    right: 5px;
    z-index: 2002
}

.chartTitle .timeButton .na-button-group .na-button {
    color: var(--color-text-0);
    background: var(--color-bg-2);
    border: 1px solid var(--color-border-default) !important;
    line-height: var(--line_height-24);
    padding: var(--spacing-super_tight) var(--spacing-baseTight) !important;
    font-size: var(--font_size-12) !important;
    margin-left: var(--spacing-none);
    border-left: none !important
}

.chartTitle .medium-volt-work-active .active {
    background: var(--color-primary-default) !important;
    color: #fff
}

.chartTitle .low-volt-work-active .active {
    background: var(--color-primary-default) !important;
    color: #fff
}

.chartTitle .titleText {
    color: var(--color-text-0);
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 10px
}

.output-curve {
    position: relative;
    display: flex;
    margin-top: 10px
}

.output-curve .titleBg {
    width: 4px;
    height: 16px;
    background: var(--color-primary-default)
}

.output-curve .timeButton {
    position: absolute;
    right: 5px;
    z-index: 2002
}

.output-curve .timeButton .na-button-group .na-button {
    color: var(--color-text-0);
    background: var(--color-bg-2);
    border: 1px solid var(--color-border-default) !important;
    line-height: var(--line_height-24);
    padding: var(--spacing-super_tight) var(--spacing-baseTight) !important;
    font-size: var(--font_size-12) !important;
    margin-left: var(--spacing-none);
    border-left: none !important
}

.output-curve .medium-volt-work-active .active {
    background: rgba(var(--blue-5), 1) !important;
    color: #fff
}

.output-curve .low-volt-work-active .active {
    background: var(--color-primary-default) !important;
    color: #fff
}

.output-curve .titleText {
    color: var(--color-text-0);
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 10px
}

.num-icon {
    width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    background: #fff
}

.num-icon i {
    font-size: 19px;
    color: #009ea8
}

.nari-charging-station.v2 .charging-station-all {
    width: 100%;
    height: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 16px
}

.nari-charging-station.v2 .nari-charging-statio_scroll {
    height: 100%;
    overflow-y: scroll;
    padding: 0 16px 16px 16px
}

.nari-charging-station.v2 .nari-tabs__title {
    display: flex;
    width: 100%;
    height: 100%;
    padding-right: 18px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px
}

.nari-charging-station.v2 .nari-charging-station-name {
    margin-right: 20px
}

.nari-charging-station.v2 .nari-charging-station_select {
    width: 160px
}

.nari-charging-station.v2 .nari-charging-station_select .na-input__inner {
    height: 30px
}

.nari-charging-station.v2 .number-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding-left: 5px;
    background: linear-gradient(110deg, #faf8f4 0%, #f4eed4 100%);
    line-height: 36px;
    border: 1px solid rgba(172,120,70,.3490196078);
    border-radius: 4px;
    color: #ac7846;
    font-size: 12px
}

.nari-charging-station.v2 .number-all img {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.nari-charging-station.v2 .numBox {
    display: flex;
    justify-content: space-between;
    margin: 10px 0
}

.nari-charging-station.v2 .numBox .numBoxLeft {
    position: relative;
    width: 48%;
    padding: 10px;
    color: #0061d0;
    background-color: rgba(0,158,168,0.0980392157);
    border-radius: 8px;
    cursor: pointer
}

.nari-charging-station.v2 .numBox .numBoxLeft .num {
    font-size: 20px;
    display: flex;
    justify-content: space-between
}

.nari-charging-station.v2 .numBox .numBoxLeft .num-icon {
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    border-radius: 50%;
    background: #fff
}

.nari-charging-station.v2 .numBox .numBoxLeft .num-icon i {
    font-size: 15px;
    color: #0061d0
}

.nari-charging-station.v2 .numBox .numBoxLeft .unit {
    font-size: 14px
}

.nari-charging-station.v2 .numBox .numBoxLeft .right-icon {
    position: absolute;
    width: 38px;
    height: 32px;
    bottom: 4px;
    right: 4px
}

.nari-charging-station.v2 .numBox .numBoxLeft .right-icon img {
    width: 100%;
    height: 100%
}

.nari-charging-station.v2 .numBox .numBoxRight {
    position: relative;
    width: 48%;
    padding: 10px;
    color: #009ea8;
    border-radius: 8px;
    background-color: rgba(0,158,168,0.0980392157);
    cursor: pointer
}

.nari-charging-station.v2 .numBox .numBoxRight .num {
    font-size: 20px;
    display: flex;
    justify-content: space-between
}

.nari-charging-station.v2 .numBox .numBoxRight .num-icon {
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    border-radius: 50%;
    background: #fff
}

.nari-charging-station.v2 .numBox .numBoxRight .num-icon i {
    font-size: 15px;
    color: #009ea8
}

.nari-charging-station.v2 .numBox .numBoxRight .unit {
    font-size: 14px
}

.nari-charging-station.v2 .numBox .numBoxRight .right-icon {
    position: absolute;
    width: 38px;
    height: 32px;
    bottom: 4px;
    right: 4px
}

.nari-charging-station.v2 .numBox .numBoxRight .right-icon img {
    width: 100%;
    height: 100%
}

.nari-charging-station.v2 .chartTitle {
    display: flex;
    margin: 20px 0
}

.nari-charging-station.v2 .chartTitle .titleBg {
    width: 4px;
    height: 16px;
    background: var(--color-primary-default)
}

.nari-charging-station.v2 .chartTitle .timeButton {
    position: absolute;
    right: 5px;
    z-index: 2002
}

.nari-charging-station.v2 .chartTitle .timeButton .na-button-group .na-button {
    color: var(--color-text-0);
    background: var(--color-bg-2);
    border: 1px solid var(--color-border-default) !important;
    line-height: var(--line_height-24);
    padding: var(--spacing-super_tight) var(--spacing-baseTight) !important;
    font-size: var(--font_size-12) !important;
    margin-left: var(--spacing-none);
    border-left: none !important
}

.nari-charging-station.v2 .chartTitle .medium-volt-work-active .active {
    background: var(--color-primary-default) !important;
    color: #fff
}

.nari-charging-station.v2 .chartTitle .low-volt-work-active .active {
    background: var(--color-primary-default) !important;
    color: #fff
}

.nari-charging-station.v2 .chartTitle .titleText {
    color: var(--color-text-0);
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 10px
}

.nari-charging-station.v2 .output-curve {
    position: relative;
    display: flex;
    margin-top: 10px
}

.nari-charging-station.v2 .output-curve .titleBg {
    width: 4px;
    height: 16px;
    background: var(--color-primary-default)
}

.nari-charging-station.v2 .output-curve .timeButton {
    position: absolute;
    right: 5px;
    z-index: 2002
}

.nari-charging-station.v2 .output-curve .timeButton .na-button-group .na-button {
    color: var(--color-text-0);
    background: var(--color-bg-2);
    border: 1px solid var(--color-border-default) !important;
    line-height: var(--line_height-24);
    padding: var(--spacing-super_tight) var(--spacing-baseTight) !important;
    font-size: var(--font_size-12) !important;
    margin-left: var(--spacing-none);
    border-left: none !important
}

.nari-charging-station.v2 .output-curve .medium-volt-work-active .active {
    background: rgba(var(--blue-5), 1) !important;
    color: #fff
}

.nari-charging-station.v2 .output-curve .low-volt-work-active .active {
    background: var(--color-primary-default) !important;
    color: #fff
}

.nari-charging-station.v2 .output-curve .titleText {
    color: var(--color-text-0);
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 10px
}

.design-box {
    box-sizing: border-box;
    width: 450px;
    height: 740px;
    position: fixed;
    top: 70px;
    right: 60px;
    overflow: hidden;
    z-index: 6;
    border-radius: var(--border_radius-3);
    border: var(--border_width-1) solid var(--color-border-focus_container);
    background: var(--color-bg-0);
    box-shadow: var(--shadow-2)
}

.design-box .top-title {
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-border-default);
    color: var(--color-text-0);
    background: var(--color-bg-0);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.design-box .top-title span {
    font-weight: normal;
    color: var(--color-text-0);
    cursor: pointer
}

.design-box .text-right {
    text-align: right
}

.design-box .text-right .close {
    cursor: pointer;
    color: var(--color-text-0);
    line-height: 25px
}

.design-box .vice-title {
    padding: 0 15px 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: var(--color-text-0);
    border-bottom: 1px solid var(--color-border-default)
}

.design-box .vice-title b {
    display: inline-block;
    width: 5px;
    height: 15px;
    background: var(--color-info-default);
    margin-right: 10px
}

.design-box .info-box {
    height: 600px;
    overflow-y: auto
}

.design-box .info-box .na-row {
    padding: 10px 15px;
    border-bottom: 1px solid var(--color-border-default)
}

.design-box .info-box .na-row:hover {
    background: var(--color-primary-transparent-10)
}

.design-box .info-box h3 {
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 5px
}

.design-box .info-box h3:hover {
    color: var(--color-link-default)
}

.design-box .info-box p {
    color: var(--color-text-2)
}

.design-box .info-box .btn {
    display: flex;
    align-items: center;
    color: var(--color-primary-default)
}

.design-box .info-box .btn span {
    cursor: pointer
}

.design-box .info-box .btn i {
    font-size: 10px;
    margin-right: 5px
}

.design-box .paging {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    font-size: 14px;
    border-bottom: 1px solid var(--color-border-focus_container);
    background-color: var(--color-bg-0);
    color: var(--color-text-0)
}

.design-box .paging-left .total {
    color: #0d867f
}

.design-box .paging-right {
    display: flex;
    align-items: center
}

.design-box .paging-right .arrow {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    border: 1px solid #e5e6eb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    padding: 0;
    background-color: var(--color-bg-3)
}

.design-equip-box {
    box-sizing: border-box;
    width: 450px;
    height: 740px;
    position: fixed;
    top: 75px;
    left: 70px;
    overflow: hidden;
    z-index: 6;
    border-radius: var(--border_radius-3);
    border: var(--border_width-1) solid var(--color-border-focus_container);
    background: var(--color-bg-0);
    box-shadow: var(--shadow-2)
}

.design-equip-box .top-title {
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-border-default);
    color: var(--color-text-0);
    background: var(--color-bg-0);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.design-equip-box .top-title span {
    font-weight: normal;
    color: var(--color-text-0);
    cursor: pointer
}

.design-equip-box .text-right {
    text-align: right
}

.design-equip-box .text-right .close {
    cursor: pointer;
    color: var(--color-text-0);
    line-height: 25px
}

.design-equip-box .vice-title {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: var(--color-text-0);
    border-bottom: 1px solid var(--color-border-default)
}

.design-equip-box .vice-title b {
    display: inline-block;
    width: 5px;
    height: 15px;
    background: var(--color-info-default);
    margin-right: 10px
}

.design-equip-box .info-box {
    height: 590px;
    overflow-y: auto
}

.design-equip-box .info-box .na-row {
    padding: 10px 15px;
    border-bottom: 1px solid var(--color-border-default)
}

.design-equip-box .info-box .na-row:hover {
    background: var(--color-primary-transparent-10)
}

.design-equip-box .info-box h3 {
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 5px
}

.design-equip-box .info-box h3:hover {
    color: var(--color-link-default)
}

.design-equip-box .info-box p {
    color: var(--color-text-2)
}

.design-equip-box .info-box .btn {
    display: flex;
    align-items: center;
    color: var(--color-primary-default)
}

.design-equip-box .info-box .btn span {
    cursor: pointer
}

.design-equip-box .info-box .btn i {
    font-size: 10px;
    margin-right: 5px
}

.design-equip-box .paging {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    font-size: 14px;
    border-bottom: 1px solid var(--color-border-focus_container) !important;
    background-color: var(--color-bg-0);
    color: var(--color-text-0) !important
}

.design-equip-box .paging-left .total {
    color: #0d867f
}

.design-equip-box .paging-right {
    display: flex;
    align-items: center
}

.design-equip-box .paging-right .arrow {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    border: 1px solid #e5e6eb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    padding: 0;
    background-color: var(--color-bg-3)
}

.design-equip-box .search-input {
    padding: 10px
}

.design-equip-box ::v-deep .na-input__suffix {
    top: 15px;
    right: 20px;
    height: inherit
}

.design-equip-box ::v-deep .na-input__suffix:hover .icon-sousuo::before {
    color: var(--color-link-active)
}

.design-equip-box ::v-deep .icon-sousuo::before {
    color: var(--color-text-0);
    font-size: 20px;
    cursor: pointer
}

.design-equip-box ::v-deep .na-input__inner:focus {
    border: 1px solid var(--color-link-active)
}

.design-equip-box .icon-xianlu {
    color: var(--color-primary-default);
    font-size: 12px
}

.design-equip-box .na-input__suffix {
    margin-right: 20px
}

.design-box-engineer {
    box-sizing: border-box;
    width: 450px;
    height: 740px;
    position: fixed;
    top: 70px;
    right: 60px;
    overflow: hidden;
    z-index: 7;
    border-radius: var(--border_radius-3);
    border: var(--border_width-1) solid var(--color-border-focus_container);
    background: var(--color-bg-0);
    box-shadow: var(--shadow-2)
}

.design-box-engineer .top-title {
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-border-default);
    color: var(--color-text-0);
    background: var(--color-bg-0);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.design-box-engineer .top-title span {
    font-weight: normal;
    color: var(--color-text-0);
    cursor: pointer
}

.design-box-engineer .text-right {
    text-align: right
}

.design-box-engineer .text-right .close {
    cursor: pointer;
    color: var(--color-text-0);
    line-height: 25px
}

.design-box-engineer .tit-station {
    padding: 10px 20px;
    background: var(--color-bg-3);
    border-bottom: 1px solid var(--color-border-default);
    border-radius: 4px;
    display: flex;
    align-items: center
}

.design-box-engineer .tit-station .icon-biandianzhan {
    font-size: 45px;
    background: var(--color-primary-default);
    border-radius: 4px;
    color: rgba(var(--global-white), 1)
}

.design-box-engineer .tit-station h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--color-text-0)
}

.design-box-engineer .tit-station .na-tag {
    background: rgba(var(--green-5), 1);
    color: rgba(var(--global-white), 1);
    height: 25px;
    line-height: 23px;
    font-weight: normal;
    padding: 0 7px;
    margin-left: 10px
}

.design-box-engineer .tit-station p {
    font-size: 12px;
    color: var(--color-text-0);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: .45;
    line-height: 30px
}

.design-box-engineer .info-box {
    padding: 20px;
    color: var(--color-text-2)
}

.design-box-engineer .info-box .info-color {
    color: var(--color-text-0)
}

.nari-power-plant p {
    margin: 0;
    padding: 0
}

.nari-power-plant .top16 {
    margin-top: var(--spacing-base)
}

.nari-power-plant_content {
    padding: var(--spacing-base)
}

.nari-power-plant_content_banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--spacing-tight);
    height: 36px;
    border-radius: var(--border_radius-2);
    color: #ac7846;
    background: linear-gradient(110deg, #faf8f4 0%, #f4eed4 100%);
    border: var(--border_width-1) solid rgba(172,120,70,0.3490196078)
}

.nari-power-plant_content_banner_img {
    height: 100%
}

.nari-power-plant_content_tabs {
    display: flex;
    justify-content: space-between
}

.nari-power-plant_content_tabs_item {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: calc(50% - 8px);
    height: 74px;
    padding: 8px var(--spacing-baseTight);
    border-radius: var(--border_radius-3);
    background-repeat: no-repeat;
    background-position: right 2px bottom;
    background-size: 50px;
    cursor: pointer
}

.nari-power-plant_content_title {
    display: flex
}

.nari-power-plant_content_title_name {
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    width: 100%
}

.nari-power-plant_content_title_name .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    color: #fff;
    background-color: #0d867f;
    border-color: #0d867f;
    box-shadow: -1px 0 0 0 #0d867f
}

.nari-power-plant_content_title_name .na-radio-button--mini .na-radio-button__inner {
    padding: 6px 10px
}

.nari-power-plant_content_title::before {
    display: inline-block;
    width: 4px;
    height: 18px;
    background-color: #009ea8;
    vertical-align: middle;
    content: ""
}

.province-cascader.province-cascader--cascade .province-cascader__options {
    height: initial
}

.province-cascader {
    position: absolute;
    background-color: var(--theme-bg);
    border-radius: 8px;
    font-size: 14px;
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0),0px 0px 10px 0px rgba(0,0,0,.16)
}

.province-cascader__button {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 46px;
    color: var(--theme-primary-title);
    box-shadow: 4px 4px 4px rgba(0,0,0,.15);
    cursor: pointer;
    white-space: nowrap;
    padding: 0 6px;
    min-width: 6px
}

.province-cascader__options {
    width: 430px;
    background-color: var(--theme-bg);
    font-size: 14px;
    position: absolute;
    top: 56px;
    border-radius: 5px;
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0),0px 0px 10px 0px rgba(0,0,0,.16)
}

.province-cascader__head {
    padding: 10px 15px;
    border-bottom: 1px solid var(--theme-divider-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    color: var(--theme-primary-title)
}

.province-cascader__head .gk-icon-close {
    font-size: 16px;
    font-weight: bold
}

.province-cascader__head__right {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.province-cascader__head__back {
    font-size: 12px;
    font-weight: normal;
    border: 1px solid var(--theme-divider-color);
    border-radius: 4px;
    padding: 0 3px;
    cursor: pointer;
    margin-right: 3px
}

.province-cascader__body {
    margin: 10px 0px;
    padding: 0px 16px;
    font-size: 12px
}

.province-cascader .province-cascader-op__selector-province {
    color: var(--webgis-primary-color);
    padding: 5px 0px;
    margin: 3px;
    font-weight: 600
}

.province-cascader .province-cascader-op {
    padding: 2px 0;
    border-radius: 4px;
    background-color: var(--theme-item-bg-unactive);
    margin: 5px;
    width: 56px;
    text-align: center;
    cursor: pointer
}

.province-cascader .province-cascader-op__province {
    margin: 3px;
    flex: none;
    cursor: pointer;
    font-weight: 600;
    color: var(--theme-sub)
}

.province-cascader .province-cascader-op__province:hover {
    color: var(--theme-item-fc-active);
    background-color: var(--theme-item-bg-active)
}

.province-cascader .province-cascader-op__bureauBox {
    display: inline-block
}

.province-cascader .province-cascader-op__bureau {
    margin: 3px 8px;
    display: inline-block;
    cursor: pointer;
    color: var(--theme-primary-title)
}

.province-cascader .province-cascader-op__bureau:hover {
    color: var(--theme-item-bg-active)
}

.province-cascader .province-cascader-op--active {
    color: var(--theme-item-fc-active);
    background-color: var(--theme-item-bg-active)
}

.province-cascader .province-cascader__group {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--theme-divider-color);
    padding-top: 6px;
    padding-bottom: 6px
}

.province-cascader .province-cascader__group:last-child {
    border-bottom: none
}

.province-cascader .province-cascader__group__selector-province {
    color: var(--theme-primary-title);
    font-weight: 600
}

.province-cascader .province-cascader__group .province-op {
    padding: 6px 10px;
    border-radius: 4px;
    margin-right: 2px;
    background-color: var(--theme-item-bg-unactive);
    margin-right: 2px;
    text-align: center;
    cursor: pointer
}

.province-cascader .province-cascader__group .province-op:hover {
    color: var(--theme-item-fc-active);
    background-color: var(--theme-item-bg-active)
}

.province-cascader .province-cascader__group .province-op--active {
    color: var(--theme-item-fc-active);
    background-color: var(--theme-item-bg-active)
}

.province-cascader .gk-icon-close {
    cursor: pointer
}

.province-cascader .gk-icon-close:hover {
    color: red
}

.gk-icon-arrow-up,.gk-icon-arrow-down {
    font-weight: bold;
    font-size: 15px;
    padding-right: 5px
}

.rotate3d-enter-from,.rotate3d-leave-to {
    opacity: 0;
    transform: rotate3d(1, 1, 1, 8deg)
}

.rotate3d-enter-active,.rotate3d-leave-active {
    transition: all .5s ease
}

@font-face {
    font-family: element-icons;
    src: url(../font/element-icons..woff) format("woff"),url(../font/element-icons..ttf) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal
}

[class*=" el-icon-"],[class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.el-icon-ice-cream-round:before {
    content: "\e6a0"
}

.el-icon-ice-cream-square:before {
    content: "\e6a3"
}

.el-icon-lollipop:before {
    content: "\e6a4"
}

.el-icon-potato-strips:before {
    content: "\e6a5"
}

.el-icon-milk-tea:before {
    content: "\e6a6"
}

.el-icon-ice-drink:before {
    content: "\e6a7"
}

.el-icon-ice-tea:before {
    content: "\e6a9"
}

.el-icon-coffee:before {
    content: "\e6aa"
}

.el-icon-orange:before {
    content: "\e6ab"
}

.el-icon-pear:before {
    content: "\e6ac"
}

.el-icon-apple:before {
    content: "\e6ad"
}

.el-icon-cherry:before {
    content: "\e6ae"
}

.el-icon-watermelon:before {
    content: "\e6af"
}

.el-icon-grape:before {
    content: "\e6b0"
}

.el-icon-refrigerator:before {
    content: "\e6b1"
}

.el-icon-goblet-square-full:before {
    content: "\e6b2"
}

.el-icon-goblet-square:before {
    content: "\e6b3"
}

.el-icon-goblet-full:before {
    content: "\e6b4"
}

.el-icon-goblet:before {
    content: "\e6b5"
}

.el-icon-cold-drink:before {
    content: "\e6b6"
}

.el-icon-coffee-cup:before {
    content: "\e6b8"
}

.el-icon-water-cup:before {
    content: "\e6b9"
}

.el-icon-hot-water:before {
    content: "\e6ba"
}

.el-icon-ice-cream:before {
    content: "\e6bb"
}

.el-icon-dessert:before {
    content: "\e6bc"
}

.el-icon-sugar:before {
    content: "\e6bd"
}

.el-icon-tableware:before {
    content: "\e6be"
}

.el-icon-burger:before {
    content: "\e6bf"
}

.el-icon-knife-fork:before {
    content: "\e6c1"
}

.el-icon-fork-spoon:before {
    content: "\e6c2"
}

.el-icon-chicken:before {
    content: "\e6c3"
}

.el-icon-food:before {
    content: "\e6c4"
}

.el-icon-dish-1:before {
    content: "\e6c5"
}

.el-icon-dish:before {
    content: "\e6c6"
}

.el-icon-moon-night:before {
    content: "\e6ee"
}

.el-icon-moon:before {
    content: "\e6f0"
}

.el-icon-cloudy-and-sunny:before {
    content: "\e6f1"
}

.el-icon-partly-cloudy:before {
    content: "\e6f2"
}

.el-icon-cloudy:before {
    content: "\e6f3"
}

.el-icon-sunny:before {
    content: "\e6f6"
}

.el-icon-sunset:before {
    content: "\e6f7"
}

.el-icon-sunrise-1:before {
    content: "\e6f8"
}

.el-icon-sunrise:before {
    content: "\e6f9"
}

.el-icon-heavy-rain:before {
    content: "\e6fa"
}

.el-icon-lightning:before {
    content: "\e6fb"
}

.el-icon-light-rain:before {
    content: "\e6fc"
}

.el-icon-wind-power:before {
    content: "\e6fd"
}

.el-icon-baseball:before {
    content: "\e712"
}

.el-icon-soccer:before {
    content: "\e713"
}

.el-icon-football:before {
    content: "\e715"
}

.el-icon-basketball:before {
    content: "\e716"
}

.el-icon-ship:before {
    content: "\e73f"
}

.el-icon-truck:before {
    content: "\e740"
}

.el-icon-bicycle:before {
    content: "\e741"
}

.el-icon-mobile-phone:before {
    content: "\e6d3"
}

.el-icon-service:before {
    content: "\e6d4"
}

.el-icon-key:before {
    content: "\e6e2"
}

.el-icon-unlock:before {
    content: "\e6e4"
}

.el-icon-lock:before {
    content: "\e6e5"
}

.el-icon-watch:before {
    content: "\e6fe"
}

.el-icon-watch-1:before {
    content: "\e6ff"
}

.el-icon-timer:before {
    content: "\e702"
}

.el-icon-alarm-clock:before {
    content: "\e703"
}

.el-icon-map-location:before {
    content: "\e704"
}

.el-icon-delete-location:before {
    content: "\e705"
}

.el-icon-add-location:before {
    content: "\e706"
}

.el-icon-location-information:before {
    content: "\e707"
}

.el-icon-location-outline:before {
    content: "\e708"
}

.el-icon-location:before {
    content: "\e79e"
}

.el-icon-place:before {
    content: "\e709"
}

.el-icon-discover:before {
    content: "\e70a"
}

.el-icon-first-aid-kit:before {
    content: "\e70b"
}

.el-icon-trophy-1:before {
    content: "\e70c"
}

.el-icon-trophy:before {
    content: "\e70d"
}

.el-icon-medal:before {
    content: "\e70e"
}

.el-icon-medal-1:before {
    content: "\e70f"
}

.el-icon-stopwatch:before {
    content: "\e710"
}

.el-icon-mic:before {
    content: "\e711"
}

.el-icon-copy-document:before {
    content: "\e718"
}

.el-icon-full-screen:before {
    content: "\e719"
}

.el-icon-switch-button:before {
    content: "\e71b"
}

.el-icon-aim:before {
    content: "\e71c"
}

.el-icon-crop:before {
    content: "\e71d"
}

.el-icon-odometer:before {
    content: "\e71e"
}

.el-icon-time:before {
    content: "\e71f"
}

.el-icon-bangzhu:before {
    content: "\e724"
}

.el-icon-close-notification:before {
    content: "\e726"
}

.el-icon-microphone:before {
    content: "\e727"
}

.el-icon-turn-off-microphone:before {
    content: "\e728"
}

.el-icon-position:before {
    content: "\e729"
}

.el-icon-postcard:before {
    content: "\e72a"
}

.el-icon-message:before {
    content: "\e72b"
}

.el-icon-chat-line-square:before {
    content: "\e72d"
}

.el-icon-chat-dot-square:before {
    content: "\e72e"
}

.el-icon-chat-dot-round:before {
    content: "\e72f"
}

.el-icon-chat-square:before {
    content: "\e730"
}

.el-icon-chat-line-round:before {
    content: "\e731"
}

.el-icon-chat-round:before {
    content: "\e732"
}

.el-icon-set-up:before {
    content: "\e733"
}

.el-icon-turn-off:before {
    content: "\e734"
}

.el-icon-open:before {
    content: "\e735"
}

.el-icon-connection:before {
    content: "\e736"
}

.el-icon-link:before {
    content: "\e737"
}

.el-icon-cpu:before {
    content: "\e738"
}

.el-icon-thumb:before {
    content: "\e739"
}

.el-icon-female:before {
    content: "\e73a"
}

.el-icon-male:before {
    content: "\e73b"
}

.el-icon-guide:before {
    content: "\e73c"
}

.el-icon-news:before {
    content: "\e73e"
}

.el-icon-price-tag:before {
    content: "\e744"
}

.el-icon-discount:before {
    content: "\e745"
}

.el-icon-wallet:before {
    content: "\e747"
}

.el-icon-coin:before {
    content: "\e748"
}

.el-icon-money:before {
    content: "\e749"
}

.el-icon-bank-card:before {
    content: "\e74a"
}

.el-icon-box:before {
    content: "\e74b"
}

.el-icon-present:before {
    content: "\e74c"
}

.el-icon-sell:before {
    content: "\e6d5"
}

.el-icon-sold-out:before {
    content: "\e6d6"
}

.el-icon-shopping-bag-2:before {
    content: "\e74d"
}

.el-icon-shopping-bag-1:before {
    content: "\e74e"
}

.el-icon-shopping-cart-2:before {
    content: "\e74f"
}

.el-icon-shopping-cart-1:before {
    content: "\e750"
}

.el-icon-shopping-cart-full:before {
    content: "\e751"
}

.el-icon-smoking:before {
    content: "\e752"
}

.el-icon-no-smoking:before {
    content: "\e753"
}

.el-icon-house:before {
    content: "\e754"
}

.el-icon-table-lamp:before {
    content: "\e755"
}

.el-icon-school:before {
    content: "\e756"
}

.el-icon-office-building:before {
    content: "\e757"
}

.el-icon-toilet-paper:before {
    content: "\e758"
}

.el-icon-notebook-2:before {
    content: "\e759"
}

.el-icon-notebook-1:before {
    content: "\e75a"
}

.el-icon-files:before {
    content: "\e75b"
}

.el-icon-collection:before {
    content: "\e75c"
}

.el-icon-receiving:before {
    content: "\e75d"
}

.el-icon-suitcase-1:before {
    content: "\e760"
}

.el-icon-suitcase:before {
    content: "\e761"
}

.el-icon-film:before {
    content: "\e763"
}

.el-icon-collection-tag:before {
    content: "\e765"
}

.el-icon-data-analysis:before {
    content: "\e766"
}

.el-icon-pie-chart:before {
    content: "\e767"
}

.el-icon-data-board:before {
    content: "\e768"
}

.el-icon-data-line:before {
    content: "\e76d"
}

.el-icon-reading:before {
    content: "\e769"
}

.el-icon-magic-stick:before {
    content: "\e76a"
}

.el-icon-coordinate:before {
    content: "\e76b"
}

.el-icon-mouse:before {
    content: "\e76c"
}

.el-icon-brush:before {
    content: "\e76e"
}

.el-icon-headset:before {
    content: "\e76f"
}

.el-icon-umbrella:before {
    content: "\e770"
}

.el-icon-scissors:before {
    content: "\e771"
}

.el-icon-mobile:before {
    content: "\e773"
}

.el-icon-attract:before {
    content: "\e774"
}

.el-icon-monitor:before {
    content: "\e775"
}

.el-icon-search:before {
    content: "\e778"
}

.el-icon-takeaway-box:before {
    content: "\e77a"
}

.el-icon-paperclip:before {
    content: "\e77d"
}

.el-icon-printer:before {
    content: "\e77e"
}

.el-icon-document-add:before {
    content: "\e782"
}

.el-icon-document:before {
    content: "\e785"
}

.el-icon-document-checked:before {
    content: "\e786"
}

.el-icon-document-copy:before {
    content: "\e787"
}

.el-icon-document-delete:before {
    content: "\e788"
}

.el-icon-document-remove:before {
    content: "\e789"
}

.el-icon-tickets:before {
    content: "\e78b"
}

.el-icon-folder-checked:before {
    content: "\e77f"
}

.el-icon-folder-delete:before {
    content: "\e780"
}

.el-icon-folder-remove:before {
    content: "\e781"
}

.el-icon-folder-add:before {
    content: "\e783"
}

.el-icon-folder-opened:before {
    content: "\e784"
}

.el-icon-folder:before {
    content: "\e78a"
}

.el-icon-edit-outline:before {
    content: "\e764"
}

.el-icon-edit:before {
    content: "\e78c"
}

.el-icon-date:before {
    content: "\e78e"
}

.el-icon-c-scale-to-original:before {
    content: "\e7c6"
}

.el-icon-view:before {
    content: "\e6ce"
}

.el-icon-loading:before {
    content: "\e6cf"
}

.el-icon-rank:before {
    content: "\e6d1"
}

.el-icon-sort-down:before {
    content: "\e7c4"
}

.el-icon-sort-up:before {
    content: "\e7c5"
}

.el-icon-sort:before {
    content: "\e6d2"
}

.el-icon-finished:before {
    content: "\e6cd"
}

.el-icon-refresh-left:before {
    content: "\e6c7"
}

.el-icon-refresh-right:before {
    content: "\e6c8"
}

.el-icon-refresh:before {
    content: "\e6d0"
}

.el-icon-video-play:before {
    content: "\e7c0"
}

.el-icon-video-pause:before {
    content: "\e7c1"
}

.el-icon-d-arrow-right:before {
    content: "\e6dc"
}

.el-icon-d-arrow-left:before {
    content: "\e6dd"
}

.el-icon-arrow-up:before {
    content: "\e6e1"
}

.el-icon-arrow-down:before {
    content: "\e6df"
}

.el-icon-arrow-right:before {
    content: "\e6e0"
}

.el-icon-arrow-left:before {
    content: "\e6de"
}

.el-icon-top-right:before {
    content: "\e6e7"
}

.el-icon-top-left:before {
    content: "\e6e8"
}

.el-icon-top:before {
    content: "\e6e6"
}

.el-icon-bottom:before {
    content: "\e6eb"
}

.el-icon-right:before {
    content: "\e6e9"
}

.el-icon-back:before {
    content: "\e6ea"
}

.el-icon-bottom-right:before {
    content: "\e6ec"
}

.el-icon-bottom-left:before {
    content: "\e6ed"
}

.el-icon-caret-top:before {
    content: "\e78f"
}

.el-icon-caret-bottom:before {
    content: "\e790"
}

.el-icon-caret-right:before {
    content: "\e791"
}

.el-icon-caret-left:before {
    content: "\e792"
}

.el-icon-d-caret:before {
    content: "\e79a"
}

.el-icon-share:before {
    content: "\e793"
}

.el-icon-menu:before {
    content: "\e798"
}

.el-icon-s-grid:before {
    content: "\e7a6"
}

.el-icon-s-check:before {
    content: "\e7a7"
}

.el-icon-s-data:before {
    content: "\e7a8"
}

.el-icon-s-opportunity:before {
    content: "\e7aa"
}

.el-icon-s-custom:before {
    content: "\e7ab"
}

.el-icon-s-claim:before {
    content: "\e7ad"
}

.el-icon-s-finance:before {
    content: "\e7ae"
}

.el-icon-s-comment:before {
    content: "\e7af"
}

.el-icon-s-flag:before {
    content: "\e7b0"
}

.el-icon-s-marketing:before {
    content: "\e7b1"
}

.el-icon-s-shop:before {
    content: "\e7b4"
}

.el-icon-s-open:before {
    content: "\e7b5"
}

.el-icon-s-management:before {
    content: "\e7b6"
}

.el-icon-s-ticket:before {
    content: "\e7b7"
}

.el-icon-s-release:before {
    content: "\e7b8"
}

.el-icon-s-home:before {
    content: "\e7b9"
}

.el-icon-s-promotion:before {
    content: "\e7ba"
}

.el-icon-s-operation:before {
    content: "\e7bb"
}

.el-icon-s-unfold:before {
    content: "\e7bc"
}

.el-icon-s-fold:before {
    content: "\e7a9"
}

.el-icon-s-platform:before {
    content: "\e7bd"
}

.el-icon-s-order:before {
    content: "\e7be"
}

.el-icon-s-cooperation:before {
    content: "\e7bf"
}

.el-icon-bell:before {
    content: "\e725"
}

.el-icon-message-solid:before {
    content: "\e799"
}

.el-icon-video-camera:before {
    content: "\e772"
}

.el-icon-video-camera-solid:before {
    content: "\e796"
}

.el-icon-camera:before {
    content: "\e779"
}

.el-icon-camera-solid:before {
    content: "\e79b"
}

.el-icon-download:before {
    content: "\e77c"
}

.el-icon-upload2:before {
    content: "\e77b"
}

.el-icon-upload:before {
    content: "\e7c3"
}

.el-icon-picture-outline-round:before {
    content: "\e75f"
}

.el-icon-picture-outline:before {
    content: "\e75e"
}

.el-icon-picture:before {
    content: "\e79f"
}

.el-icon-close:before {
    content: "\e6db"
}

.el-icon-check:before {
    content: "\e6da"
}

.el-icon-plus:before {
    content: "\e6d9"
}

.el-icon-minus:before {
    content: "\e6d8"
}

.el-icon-help:before {
    content: "\e73d"
}

.el-icon-s-help:before {
    content: "\e7b3"
}

.el-icon-circle-close:before {
    content: "\e78d"
}

.el-icon-circle-check:before {
    content: "\e720"
}

.el-icon-circle-plus-outline:before {
    content: "\e723"
}

.el-icon-remove-outline:before {
    content: "\e722"
}

.el-icon-zoom-out:before {
    content: "\e776"
}

.el-icon-zoom-in:before {
    content: "\e777"
}

.el-icon-error:before {
    content: "\e79d"
}

.el-icon-success:before {
    content: "\e79c"
}

.el-icon-circle-plus:before {
    content: "\e7a0"
}

.el-icon-remove:before {
    content: "\e7a2"
}

.el-icon-info:before {
    content: "\e7a1"
}

.el-icon-question:before {
    content: "\e7a4"
}

.el-icon-warning-outline:before {
    content: "\e6c9"
}

.el-icon-warning:before {
    content: "\e7a3"
}

.el-icon-goods:before {
    content: "\e7c2"
}

.el-icon-s-goods:before {
    content: "\e7b2"
}

.el-icon-star-off:before {
    content: "\e717"
}

.el-icon-star-on:before {
    content: "\e797"
}

.el-icon-more-outline:before {
    content: "\e6cc"
}

.el-icon-more:before {
    content: "\e794"
}

.el-icon-phone-outline:before {
    content: "\e6cb"
}

.el-icon-phone:before {
    content: "\e795"
}

.el-icon-user:before {
    content: "\e6e3"
}

.el-icon-user-solid:before {
    content: "\e7a5"
}

.el-icon-setting:before {
    content: "\e6ca"
}

.el-icon-s-tools:before {
    content: "\e7ac"
}

.el-icon-delete:before {
    content: "\e6d7"
}

.el-icon-delete-solid:before {
    content: "\e7c9"
}

.el-icon-eleme:before {
    content: "\e7c7"
}

.el-icon-platform-eleme:before {
    content: "\e7ca"
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@keyframes rotating {
    0% {
        transform: rotateZ(0)
    }

    100% {
        transform: rotateZ(360deg)
    }
}

.na-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700
}

.na-pagination::after,.na-pagination::before {
    display: table;
    content: ""
}

.na-pagination::after {
    clear: both
}

.na-pagination button,.na-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    box-sizing: border-box
}

.na-pagination .na-input__inner {
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal
}

.na-pagination .na-input__suffix {
    right: 0;
    transform: scale(0.8)
}

.na-pagination .na-select .na-input {
    width: 100px;
    margin: 0 5px
}

.na-pagination .na-select .na-input .na-input__inner {
    padding-right: 25px;
    border-radius: 3px
}

.na-pagination button {
    border: none;
    padding: 0 6px;
    background: 0 0
}

.na-pagination button:focus {
    outline: 0
}

.na-pagination button:hover {
    color: #409eff
}

.na-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed
}

.na-pagination .btn-next,.na-pagination .btn-prev {
    background: center center no-repeat #fff;
    background-size: 16px;
    cursor: pointer;
    margin: 0;
    color: #303133
}

.na-pagination .btn-next .el-icon,.na-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.na-pagination .btn-prev {
    padding-right: 12px
}

.na-pagination .btn-next {
    padding-left: 12px
}

.na-pagination .na-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.na-pager li,.na-pager li.btn-quicknext:hover,.na-pager li.btn-quickprev:hover {
    cursor: pointer
}

.na-pagination--small .btn-next,.na-pagination--small .btn-prev,.na-pagination--small .na-pager li,.na-pagination--small .na-pager li.btn-quicknext,.na-pagination--small .na-pager li.btn-quickprev,.na-pagination--small .na-pager li:last-child {
    border-color: rgba(0,0,0,0);
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    min-width: 22px
}

.na-pagination--small .arrow.disabled {
    visibility: hidden
}

.na-pagination--small .more::before,.na-pagination--small li.more::before {
    line-height: 24px
}

.na-pagination--small button,.na-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
}

.na-pagination--small .na-pagination__editor,.na-pagination--small .na-pagination__editor.na-input .na-input__inner {
    height: 22px
}

.na-pagination__sizes {
    margin: 0 10px 0 0;
    font-weight: 400;
    color: #606266
}

.na-pagination__sizes .na-input .na-input__inner {
    font-size: 13px;
    padding-left: 8px
}

.na-pagination__sizes .na-input .na-input__inner:hover {
    border-color: #409eff
}

.na-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #606266
}

.na-pagination__jump {
    margin-left: 24px;
    font-weight: 400;
    color: #606266
}

.na-pagination__jump .na-input__inner {
    padding: 0 3px
}

.na-pagination__rightwrapper {
    float: right
}

.na-pagination__editor {
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    margin: 0 2px;
    box-sizing: border-box;
    border-radius: 3px
}

.na-pager,.na-pagination.is-background .btn-next,.na-pagination.is-background .btn-prev {
    padding: 0
}

.na-dialog,.na-pager li {
    -webkit-box-sizing: border-box
}

.na-pagination__editor.na-input {
    width: 50px
}

.na-pagination__editor.na-input .na-input__inner {
    height: 28px
}

.na-pagination__editor .na-input__inner::-webkit-inner-spin-button,.na-pagination__editor .na-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.na-pagination.is-background .btn-next,.na-pagination.is-background .btn-prev,.na-pagination.is-background .na-pager li {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 30px;
    border-radius: 2px
}

.na-pagination.is-background .btn-next.disabled,.na-pagination.is-background .btn-next:disabled,.na-pagination.is-background .btn-prev.disabled,.na-pagination.is-background .btn-prev:disabled,.na-pagination.is-background .na-pager li.disabled {
    color: #c0c4cc
}

.na-pagination.is-background .na-pager li:not(.disabled):hover {
    color: #409eff
}

.na-pagination.is-background .na-pager li:not(.disabled).active {
    background-color: #409eff;
    color: #fff
}

.na-pagination.is-background.na-pagination--small .btn-next,.na-pagination.is-background.na-pagination--small .btn-prev,.na-pagination.is-background.na-pagination--small .na-pager li {
    margin: 0 3px;
    min-width: 22px
}

.na-pager,.na-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block
}

.na-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0
}

.na-pager .more::before {
    line-height: 30px
}

.na-pager li {
    padding: 0 4px;
    background: #fff;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center
}

.na-pager li.btn-quicknext,.na-pager li.btn-quickprev {
    line-height: 28px;
    color: #303133
}

.na-pager li.btn-quicknext.disabled,.na-pager li.btn-quickprev.disabled {
    color: #c0c4cc
}

.na-pager li.active+li {
    border-left: 0
}

.na-pager li:hover {
    color: #409eff
}

.na-pager li.active {
    color: #409eff;
    cursor: default
}

.na-dialog {
    position: relative;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-sizing: border-box;
    width: 50%
}

.na-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto
}

.na-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0
}

.na-dialog__header {
    padding: 20px 20px 10px
}

.na-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px
}

.na-dialog__headerbtn .na-dialog__close {
    color: #909399
}

.na-dialog__headerbtn:focus .na-dialog__close,.na-dialog__headerbtn:hover .na-dialog__close {
    color: #409eff
}

.na-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133
}

.na-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px;
    word-break: break-all
}

.na-dialog__footer {
    padding: 10px 20px 20px;
    text-align: right;
    box-sizing: border-box
}

.na-dialog--center {
    text-align: center
}

.na-dialog--center .na-dialog__body {
    text-align: initial;
    padding: 25px 25px 30px
}

.na-dialog--center .na-dialog__footer {
    text-align: inherit
}

.dialog-fade-enter-active {
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    animation: dialog-fade-out .3s
}

@keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes dialog-fade-out {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.na-autocomplete {
    position: relative;
    display: inline-block
}

.na-autocomplete-suggestion {
    margin: 5px 0;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    box-sizing: border-box;
    background-color: #fff
}

.na-autocomplete-suggestion__wrap {
    max-height: 280px;
    padding: 10px 0;
    box-sizing: border-box
}

.na-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.na-autocomplete-suggestion li {
    padding: 0 20px;
    margin: 0;
    line-height: 34px;
    cursor: pointer;
    color: #606266;
    font-size: 14px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.na-autocomplete-suggestion li.highlighted,.na-autocomplete-suggestion li:hover {
    background-color: #f5f7fa
}

.na-autocomplete-suggestion li.divider {
    margin-top: 6px;
    border-top: 1px solid #000
}

.na-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.na-autocomplete-suggestion.is-loading li {
    text-align: center;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: #999
}

.na-autocomplete-suggestion.is-loading li::after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.na-autocomplete-suggestion.is-loading li:hover {
    background-color: #fff
}

.na-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
}

.na-dropdown {
    display: inline-block;
    position: relative;
    color: #606266;
    font-size: 14px
}

.na-dropdown .na-button-group {
    display: block
}

.na-dropdown .na-button-group .na-button {
    float: none
}

.na-dropdown .na-dropdown__caret-button {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    border-left: none
}

.na-dropdown .na-dropdown__caret-button::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    top: 5px;
    bottom: 5px;
    left: 0;
    background: rgba(255,255,255,.5)
}

.na-dropdown .na-dropdown__caret-button.na-button--default::before {
    background: rgba(220,223,230,.5)
}

.na-dropdown .na-dropdown__caret-button:hover:not(.is-disabled)::before {
    top: 0;
    bottom: 0
}

.na-dropdown .na-dropdown__caret-button .na-dropdown__icon {
    padding-left: 0
}

.na-dropdown__icon {
    font-size: 12px;
    margin: 0 3px
}

.na-dropdown .na-dropdown-selfdefine:focus:active,.na-dropdown .na-dropdown-selfdefine:focus:not(.focusing) {
    outline-width: 0
}

.na-dropdown [disabled] {
    cursor: not-allowed;
    color: #bbb
}

.na-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 10px 0;
    margin: 5px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.na-dropdown-menu__item,.na-menu-item {
    font-size: 14px;
    padding: 0 20px;
    cursor: pointer
}

.na-dropdown-menu__item {
    list-style: none;
    line-height: 36px;
    margin: 0;
    color: #606266;
    outline: 0
}

.na-dropdown-menu__item:focus,.na-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.na-dropdown-menu__item i {
    margin-right: 5px
}

.na-dropdown-menu__item--divided {
    position: relative;
    margin-top: 6px;
    border-top: 1px solid #ebeef5
}

.na-dropdown-menu__item--divided:before {
    content: "";
    height: 6px;
    display: block;
    margin: 0 -20px;
    background-color: #fff
}

.na-dropdown-menu__item.is-disabled {
    cursor: default;
    color: #bbb;
    pointer-events: none
}

.na-dropdown-menu--medium {
    padding: 6px 0
}

.na-dropdown-menu--medium .na-dropdown-menu__item {
    line-height: 30px;
    padding: 0 17px;
    font-size: 14px
}

.na-dropdown-menu--medium .na-dropdown-menu__item.na-dropdown-menu__item--divided {
    margin-top: 6px
}

.na-dropdown-menu--medium .na-dropdown-menu__item.na-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px
}

.na-dropdown-menu--small {
    padding: 6px 0
}

.na-dropdown-menu--small .na-dropdown-menu__item {
    line-height: 27px;
    padding: 0 15px;
    font-size: 13px
}

.na-dropdown-menu--small .na-dropdown-menu__item.na-dropdown-menu__item--divided {
    margin-top: 4px
}

.na-dropdown-menu--small .na-dropdown-menu__item.na-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px
}

.na-dropdown-menu--mini {
    padding: 3px 0
}

.na-dropdown-menu--mini .na-dropdown-menu__item {
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px
}

.na-dropdown-menu--mini .na-dropdown-menu__item.na-dropdown-menu__item--divided {
    margin-top: 3px
}

.na-dropdown-menu--mini .na-dropdown-menu__item.na-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px
}

.na-menu {
    border-right: solid 1px #e6e6e6;
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: #fff
}

.na-menu--horizontal>.na-menu-item:not(.is-disabled):focus,.na-menu--horizontal>.na-menu-item:not(.is-disabled):hover,.na-menu--horizontal>.na-submenu .na-submenu__title:hover {
    background-color: #fff
}

.na-menu::after,.na-menu::before {
    display: table;
    content: ""
}

.na-breadcrumb__item:last-child .na-breadcrumb__separator,.na-menu--collapse>.na-menu-item .na-submenu__icon-arrow,.na-menu--collapse>.na-submenu>.na-submenu__title .na-submenu__icon-arrow {
    display: none
}

.na-menu::after {
    clear: both
}

.na-menu.na-menu--horizontal {
    border-bottom: solid 1px #e6e6e6
}

.na-menu--horizontal {
    border-right: none
}

.na-menu--horizontal>.na-menu-item {
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0;
    border-bottom: 2px solid rgba(0,0,0,0);
    color: #909399
}

.na-menu--horizontal>.na-menu-item a,.na-menu--horizontal>.na-menu-item a:hover {
    color: inherit
}

.na-menu--horizontal>.na-submenu {
    float: left
}

.na-menu--horizontal>.na-submenu:focus,.na-menu--horizontal>.na-submenu:hover {
    outline: 0
}

.na-menu--horizontal>.na-submenu:focus .na-submenu__title,.na-menu--horizontal>.na-submenu:hover .na-submenu__title {
    color: #303133
}

.na-menu--horizontal>.na-submenu.is-active .na-submenu__title {
    border-bottom: 2px solid #409eff;
    color: #303133
}

.na-menu--horizontal>.na-submenu .na-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid rgba(0,0,0,0);
    color: #909399
}

.na-menu--horizontal>.na-submenu .na-submenu__icon-arrow {
    position: static;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -3px
}

.na-menu--collapse .na-submenu,.na-menu-item {
    position: relative
}

.na-menu--horizontal .na-menu .na-menu-item,.na-menu--horizontal .na-menu .na-submenu__title {
    background-color: #fff;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    color: #909399
}

.na-menu--horizontal .na-menu .na-menu-item.is-active,.na-menu--horizontal .na-menu .na-submenu.is-active>.na-submenu__title {
    color: #303133
}

.na-menu--horizontal .na-menu-item:not(.is-disabled):focus,.na-menu--horizontal .na-menu-item:not(.is-disabled):hover {
    outline: 0;
    color: #303133
}

.na-menu--horizontal>.na-menu-item.is-active {
    border-bottom: 2px solid #409eff;
    color: #303133
}

.na-menu--collapse {
    width: 64px
}

.na-menu--collapse>.na-menu-item [class^=el-icon-],.na-menu--collapse>.na-submenu>.na-submenu__title [class^=el-icon-] {
    margin: 0;
    vertical-align: middle;
    width: 24px;
    text-align: center
}

.na-menu--collapse>.na-menu-item span,.na-menu--collapse>.na-submenu>.na-submenu__title span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block
}

.na-menu-item,.na-submenu__title {
    height: 56px;
    line-height: 56px;
    list-style: none
}

.na-menu--collapse>.na-menu-item.is-active i {
    color: inherit
}

.na-menu--collapse .na-menu .na-submenu {
    min-width: 200px
}

.na-menu--collapse .na-submenu .na-menu {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 100%;
    z-index: 10;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.na-menu--collapse .na-submenu.is-opened>.na-submenu__title .na-submenu__icon-arrow {
    transform: none
}

.na-menu--popup {
    z-index: 100;
    min-width: 200px;
    border: none;
    padding: 5px 0;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.na-menu--popup-bottom-start {
    margin-top: 5px
}

.na-menu--popup-right-start {
    margin-left: 5px;
    margin-right: 5px
}

.na-menu-item {
    color: #303133;
    transition: border-color .3s,background-color .3s,color .3s;
    box-sizing: border-box;
    white-space: nowrap
}

.na-radio-button__inner,.na-submenu__title {
    -webkit-box-sizing: border-box;
    position: relative;
    white-space: nowrap
}

.na-menu-item * {
    vertical-align: middle
}

.na-menu-item i {
    color: #909399
}

.na-menu-item:focus,.na-menu-item:hover {
    outline: 0;
    background-color: #ecf5ff
}

.na-menu-item.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0 !important
}

.na-menu-item [class^=el-icon-] {
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle
}

.na-menu-item.is-active {
    color: #409eff
}

.na-menu-item.is-active i {
    color: inherit
}

.na-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.na-submenu__title {
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    cursor: pointer;
    transition: border-color .3s,background-color .3s,color .3s;
    box-sizing: border-box
}

.na-submenu__title * {
    vertical-align: middle
}

.na-submenu__title i {
    color: #909399
}

.na-submenu__title:focus,.na-submenu__title:hover {
    outline: 0;
    background-color: #ecf5ff
}

.na-submenu__title.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0 !important
}

.na-submenu__title:hover {
    background-color: #ecf5ff
}

.na-submenu .na-menu {
    border: none
}

.na-submenu .na-menu-item {
    height: 50px;
    line-height: 50px;
    padding: 0 45px;
    min-width: 200px
}

.na-submenu__icon-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    transition: transform .3s;
    font-size: 12px
}

.na-submenu.is-active .na-submenu__title {
    border-bottom-color: #409eff
}

.na-submenu.is-opened>.na-submenu__title .na-submenu__icon-arrow {
    transform: rotateZ(180deg)
}

.na-submenu.is-disabled .na-menu-item,.na-submenu.is-disabled .na-submenu__title {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0 !important
}

.na-submenu [class^=el-icon-] {
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px
}

.na-menu-item-group>ul {
    padding: 0
}

.na-menu-item-group__title {
    padding: 7px 0 7px 20px;
    line-height: normal;
    font-size: 12px;
    color: #909399
}

.na-radio-button__inner,.na-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.horizontal-collapse-transition .na-submenu__title .na-submenu__icon-arrow {
    transition: .2s;
    opacity: 0
}

.na-radio-group {
    font-size: 0
}

.na-radio-button {
    position: relative;
    display: inline-block;
    outline: 0
}

.na-radio-button__inner {
    background: #fff;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.na-radio-button__inner.is-round {
    padding: 12px 20px
}

.na-radio-button__inner:hover {
    color: #409eff
}

.na-radio-button__inner [class*=el-icon-] {
    line-height: .9
}

.na-radio-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.na-radio-button:first-child .na-radio-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.na-radio-button__orig-radio {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1
}

.na-radio-button__orig-radio:checked+.na-radio-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    box-shadow: -1px 0 0 0 #409eff
}

.na-radio-button__orig-radio:disabled+.na-radio-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    box-shadow: none
}

.na-radio-button__orig-radio:disabled:checked+.na-radio-button__inner {
    background-color: #f2f6fc
}

.na-radio-button:last-child .na-radio-button__inner {
    border-radius: 0 4px 4px 0
}

.na-radio-button:first-child:last-child .na-radio-button__inner {
    border-radius: 4px
}

.na-radio-button--medium .na-radio-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.na-radio-button--medium .na-radio-button__inner.is-round {
    padding: 10px 20px
}

.na-radio-button--small .na-radio-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.na-radio-button--small .na-radio-button__inner.is-round {
    padding: 9px 15px
}

.na-radio-button--mini .na-radio-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.na-radio-button--mini .na-radio-button__inner.is-round {
    padding: 7px 15px
}

.na-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    box-shadow: 0 0 2px 2px #409eff
}

.na-picker-panel,.na-popover,.na-select-dropdown,.na-table-filter,.na-time-panel {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.na-switch {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

.na-switch__core,.na-switch__label {
    display: inline-block;
    cursor: pointer
}

.na-switch.is-disabled .na-switch__core,.na-switch.is-disabled .na-switch__label {
    cursor: not-allowed
}

.na-switch__label {
    transition: .2s;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    color: #303133
}

.na-switch__label.is-active {
    color: #409eff
}

.na-switch__label--left {
    margin-right: 10px
}

.na-switch__label--right {
    margin-left: 10px
}

.na-switch__label * {
    line-height: 1;
    font-size: 14px;
    display: inline-block
}

.na-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0
}

.na-switch__core {
    margin: 0;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dcdfe6;
    outline: 0;
    border-radius: 10px;
    box-sizing: border-box;
    background: #dcdfe6;
    transition: border-color .3s,background-color .3s;
    vertical-align: middle
}

.na-input__prefix,.na-input__suffix {
    -webkit-transition: all .3s;
    color: #c0c4cc
}

.na-switch__core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #fff
}

.na-switch.is-checked .na-switch__core {
    border-color: #409eff;
    background-color: #409eff
}

.na-switch.is-checked .na-switch__core::after {
    left: 100%;
    margin-left: -17px
}

.na-switch.is-disabled {
    opacity: .6
}

.na-switch--wide .na-switch__label.na-switch__label--left span {
    left: 10px
}

.na-switch--wide .na-switch__label.na-switch__label--right span {
    right: 10px
}

.na-switch .label-fade-enter,.na-switch .label-fade-leave-active {
    opacity: 0
}

.na-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    margin: 5px 0
}

.na-select-dropdown.is-multiple .na-select-dropdown__item {
    padding-right: 40px
}

.na-select-dropdown.is-multiple .na-select-dropdown__item.selected {
    color: #409eff;
    background-color: #fff
}

.na-select-dropdown.is-multiple .na-select-dropdown__item.selected.hover {
    background-color: #f5f7fa
}

.na-select-dropdown.is-multiple .na-select-dropdown__item.selected::after {
    position: absolute;
    right: 20px;
    font-family: element-icons;
    content: "\e6da";
    font-size: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.na-select-dropdown .na-scrollbar.is-empty .na-select-dropdown__list {
    padding: 0
}

.na-select-dropdown__empty {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    color: #999;
    font-size: 14px
}

.na-select-dropdown__wrap {
    max-height: 274px
}

.na-select-dropdown__list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    box-sizing: border-box
}

.na-select-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    cursor: pointer
}

.na-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.na-select-dropdown__item.is-disabled:hover {
    background-color: #fff
}

.na-select-dropdown__item.hover,.na-select-dropdown__item:hover {
    background-color: #f5f7fa
}

.na-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700
}

.na-select-group {
    margin: 0;
    padding: 0
}

.na-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.na-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.na-select-group__wrap:not(:last-of-type)::after {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 1px;
    background: #e4e7ed
}

.na-select-group__title {
    padding-left: 20px;
    font-size: 12px;
    color: #909399;
    line-height: 30px
}

.na-select-group .na-select-dropdown__item {
    padding-left: 20px
}

.na-select {
    display: inline-block;
    position: relative
}

.na-select .na-select__tags>span {
    display: contents
}

.na-select:hover .na-input__inner {
    border-color: #c0c4cc
}

.na-select .na-input__inner {
    cursor: pointer;
    padding-right: 35px
}

.na-select .na-input__inner:focus {
    border-color: #409eff
}

.na-select .na-input .na-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    transition: transform .3s;
    transform: rotateZ(180deg);
    cursor: pointer
}

.na-select .na-input .na-select__caret.is-reverse {
    transform: rotateZ(0)
}

.na-select .na-input .na-select__caret.is-show-close {
    font-size: 14px;
    text-align: center;
    transform: rotateZ(180deg);
    border-radius: 100%;
    color: #c0c4cc;
    transition: color .2s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.na-select .na-input .na-select__caret.is-show-close:hover {
    color: #909399
}

.na-select .na-input.is-disabled .na-input__inner {
    cursor: not-allowed
}

.na-select .na-input.is-disabled .na-input__inner:hover {
    border-color: #e4e7ed
}

.na-range-editor.is-active,.na-range-editor.is-active:hover,.na-select .na-input.is-focus .na-input__inner {
    border-color: #409eff
}

.na-select>.na-input {
    display: block
}

.na-select__input {
    border: none;
    outline: 0;
    padding: 0;
    margin-left: 15px;
    color: #666;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 28px;
    background-color: rgba(0,0,0,0)
}

.na-select__input.is-mini {
    height: 14px
}

.na-select__close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    z-index: 1000;
    right: 25px;
    color: #c0c4cc;
    line-height: 18px;
    font-size: 14px
}

.na-select__close:hover {
    color: #909399
}

.na-select__tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.na-select__tags-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.na-select .na-tag {
    box-sizing: border-box;
    border-color: rgba(0,0,0,0);
    margin: 2px 0 2px 6px;
    background-color: #f0f2f5;
    display: flex;
    max-width: 100%;
    align-items: center
}

.na-select .na-tag__close.el-icon-close {
    background-color: #c0c4cc;
    top: 0;
    color: #fff;
    flex-shrink: 0
}

.na-select .na-tag__close.el-icon-close:hover {
    background-color: #909399
}

.na-table,.na-table__expanded-cell {
    background-color: #fff
}

.na-select .na-tag__close.el-icon-close::before {
    display: block;
    transform: translate(0, 0.5px)
}

.na-table {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #606266
}

.na-table__empty-block {
    min-height: 60px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.na-table__empty-text {
    line-height: 60px;
    width: 50%;
    color: #909399
}

.na-table__expand-column .cell {
    padding: 0;
    text-align: center
}

.na-table__expand-icon {
    position: relative;
    cursor: pointer;
    color: #666;
    font-size: 12px;
    transition: transform .2s ease-in-out;
    height: 20px
}

.na-table__expand-icon--expanded {
    transform: rotate(90deg)
}

.na-table__expand-icon>.el-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px
}

.na-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.na-table__expanded-cell:hover {
    background-color: rgba(0,0,0,0) !important
}

.na-table__placeholder {
    display: inline-block;
    width: 20px
}

.na-table__append-wrapper {
    overflow: hidden
}

.na-table--fit {
    border-right: 0;
    border-bottom: 0
}

.na-table--fit .na-table__cell.gutter {
    border-right-width: 1px
}

.na-table--scrollable-x .na-table__body-wrapper {
    overflow-x: auto
}

.na-table--scrollable-y .na-table__body-wrapper {
    overflow-y: auto
}

.na-table thead {
    color: #909399;
    font-weight: 500
}

.na-table thead.is-group th.na-table__cell {
    background: #f5f7fa
}

.na-table .na-table__cell {
    padding: 12px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left
}

.na-table .na-table__cell.is-center {
    text-align: center
}

.na-table .na-table__cell.is-right {
    text-align: right
}

.na-table .na-table__cell.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0
}

.na-table .na-table__cell.is-hidden>* {
    visibility: hidden
}

.na-table--medium .na-table__cell {
    padding: 10px 0
}

.na-table--small {
    font-size: 12px
}

.na-table--small .na-table__cell {
    padding: 8px 0
}

.na-table--mini {
    font-size: 12px
}

.na-table--mini .na-table__cell {
    padding: 6px 0
}

.na-table tr {
    background-color: #fff
}

.na-table tr input[type=checkbox] {
    margin: 0
}

.na-table td.na-table__cell,.na-table th.na-table__cell.is-leaf {
    border-bottom: 1px solid #ebeef5
}

.na-table th.na-table__cell.is-sortable {
    cursor: pointer
}

.na-table th.na-table__cell {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #fff
}

.na-table th.na-table__cell>.cell {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

.na-table th.na-table__cell>.cell.highlight {
    color: #409eff
}

.na-table th.na-table__cell.required>div::before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4d51;
    margin-right: 5px;
    vertical-align: middle
}

.na-table td.na-table__cell div {
    box-sizing: border-box
}

.na-date-table td,.na-table .cell,.na-table-filter {
    -webkit-box-sizing: border-box
}

.na-table td.na-table__cell.gutter {
    width: 0
}

.na-table .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px
}

.na-table .cell.na-tooltip {
    white-space: nowrap;
    min-width: 50px
}

.na-table--border,.na-table--group {
    border: 1px solid #ebeef5
}

.na-table--border::after,.na-table--group::after,.na-table::before {
    content: "";
    position: absolute;
    background-color: #ebeef5;
    z-index: 1
}

.na-table--border::after,.na-table--group::after {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%
}

.na-table::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px
}

.na-table--border {
    border-right: none;
    border-bottom: none
}

.na-table--border.na-loading-parent--relative {
    border-color: rgba(0,0,0,0)
}

.na-table--border .na-table__cell,.na-table__body-wrapper .na-table--border.is-scrolling-left~.na-table__fixed {
    border-right: 1px solid #ebeef5
}

.na-table--border .na-table__cell:first-child .cell {
    padding-left: 10px
}

.na-table--border th.na-table__cell.gutter:last-of-type {
    border-bottom: 1px solid #ebeef5;
    border-bottom-width: 1px
}

.na-table--border th.na-table__cell,.na-table__fixed-right-patch {
    border-bottom: 1px solid #ebeef5
}

.na-table--hidden {
    visibility: hidden
}

.na-table__fixed,.na-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.12)
}

.na-table__fixed-right::before,.na-table__fixed::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ebeef5;
    z-index: 4
}

.na-table__fixed-right-patch {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #fff
}

.na-table__fixed-right {
    top: 0;
    left: auto;
    right: 0
}

.na-table__fixed-right .na-table__fixed-body-wrapper,.na-table__fixed-right .na-table__fixed-footer-wrapper,.na-table__fixed-right .na-table__fixed-header-wrapper {
    left: auto;
    right: 0
}

.na-table__fixed-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.na-table__fixed-footer-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3
}

.na-table__fixed-footer-wrapper tbody td.na-table__cell {
    border-top: 1px solid #ebeef5;
    background-color: #f5f7fa;
    color: #606266
}

.na-table__fixed-body-wrapper {
    position: absolute;
    left: 0;
    top: 37px;
    overflow: hidden;
    z-index: 3
}

.na-table__body-wrapper,.na-table__footer-wrapper,.na-table__header-wrapper {
    width: 100%
}

.na-table__footer-wrapper {
    margin-top: -1px
}

.na-table__footer-wrapper td.na-table__cell {
    border-top: 1px solid #ebeef5
}

.na-table__body,.na-table__footer,.na-table__header {
    table-layout: fixed;
    border-collapse: separate
}

.na-table__footer-wrapper,.na-table__header-wrapper {
    overflow: hidden
}

.na-table__footer-wrapper tbody td.na-table__cell,.na-table__header-wrapper tbody td.na-table__cell {
    background-color: #f5f7fa;
    color: #606266
}

.na-table__body-wrapper {
    overflow: hidden;
    position: relative
}

.na-table__body-wrapper.is-scrolling-left~.na-table__fixed,.na-table__body-wrapper.is-scrolling-none~.na-table__fixed,.na-table__body-wrapper.is-scrolling-none~.na-table__fixed-right,.na-table__body-wrapper.is-scrolling-right~.na-table__fixed-right {
    box-shadow: none
}

.na-table__body-wrapper .na-table--border.is-scrolling-right~.na-table__fixed-right {
    border-left: 1px solid #ebeef5
}

.na-table .caret-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    height: 34px;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    overflow: initial;
    position: relative
}

.na-table .sort-caret {
    width: 0;
    height: 0;
    border: 5px solid rgba(0,0,0,0);
    position: absolute;
    left: 7px
}

.na-table .sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    top: 5px
}

.na-table .sort-caret.descending {
    border-top-color: #c0c4cc;
    bottom: 7px
}

.na-table .ascending .sort-caret.ascending {
    border-bottom-color: #409eff
}

.na-table .descending .sort-caret.descending {
    border-top-color: #409eff
}

.na-table .hidden-columns {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.na-table--striped .na-table__body tr.na-table__row--striped td.na-table__cell {
    background: #fafafa
}

.na-table--striped .na-table__body tr.na-table__row--striped.current-row td.na-table__cell {
    background-color: #ecf5ff
}

.na-table__body tr.hover-row.current-row>td.na-table__cell,.na-table__body tr.hover-row.na-table__row--striped.current-row>td.na-table__cell,.na-table__body tr.hover-row.na-table__row--striped>td.na-table__cell,.na-table__body tr.hover-row>td.na-table__cell {
    background-color: #f5f7fa
}

.na-table__body tr.current-row>td.na-table__cell {
    background-color: #ecf5ff
}

.na-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px solid #ebeef5;
    z-index: 10
}

.na-table__column-filter-trigger {
    display: inline-block;
    line-height: 34px;
    cursor: pointer
}

.na-table__column-filter-trigger i {
    color: #909399;
    font-size: 12px;
    transform: scale(0.75)
}

.na-table--enable-row-transition .na-table__body td.na-table__cell {
    transition: background-color .25s ease
}

.na-table--enable-row-hover .na-table__body tr:hover>td.na-table__cell {
    background-color: #f5f7fa
}

.na-table--fluid-height .na-table__fixed,.na-table--fluid-height .na-table__fixed-right {
    bottom: 0;
    overflow: hidden
}

.na-table [class*=na-table__row--level] .na-table__expand-icon {
    display: inline-block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-right: 3px
}

.na-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.na-table-filter {
    border: 1px solid #ebeef5;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    margin: 2px 0
}

.na-table-filter__list {
    padding: 5px 0;
    margin: 0;
    list-style: none;
    min-width: 100px
}

.na-table-filter__list-item {
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px
}

.na-table-filter__list-item:hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.na-table-filter__list-item.is-active {
    background-color: #409eff;
    color: #fff
}

.na-table-filter__content {
    min-width: 100px
}

.na-table-filter__bottom {
    border-top: 1px solid #ebeef5;
    padding: 8px
}

.na-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
}

.na-date-table td.in-range div,.na-date-table td.in-range div:hover,.na-date-table.is-week-mode .na-date-table__row.current div,.na-date-table.is-week-mode .na-date-table__row:hover div {
    background-color: #f2f6fc
}

.na-table-filter__bottom button:hover {
    color: #409eff
}

.na-table-filter__bottom button:focus {
    outline: 0
}

.na-table-filter__bottom button.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.na-table-filter__wrap {
    max-height: 280px
}

.na-table-filter__checkbox-group {
    padding: 10px
}

.na-table-filter__checkbox-group label.na-checkbox {
    display: block;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 5px
}

.na-table-filter__checkbox-group .na-checkbox:last-child {
    margin-bottom: 0
}

.na-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.na-date-table.is-week-mode .na-date-table__row:hover td.available:hover {
    color: #606266
}

.na-date-table.is-week-mode .na-date-table__row:hover td:first-child div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.na-date-table.is-week-mode .na-date-table__row:hover td:last-child div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.na-date-table td {
    width: 32px;
    height: 30px;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative
}

.na-date-table td div {
    height: 30px;
    padding: 3px 0;
    box-sizing: border-box
}

.na-date-table td span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%
}

.na-date-table td.next-month,.na-date-table td.prev-month {
    color: #c0c4cc
}

.na-date-table td.today {
    position: relative
}

.na-date-table td.today span {
    color: #409eff;
    font-weight: 700
}

.na-date-table td.today.end-date span,.na-date-table td.today.start-date span {
    color: #fff
}

.na-date-table td.available:hover {
    color: #409eff
}

.na-date-table td.current:not(.disabled) span {
    color: #fff;
    background-color: #409eff
}

.na-date-table td.end-date div,.na-date-table td.start-date div {
    color: #fff
}

.na-date-table td.end-date span,.na-date-table td.start-date span {
    background-color: #409eff
}

.na-date-table td.start-date div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.na-date-table td.end-date div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.na-date-table td.disabled div {
    background-color: #f5f7fa;
    opacity: 1;
    cursor: not-allowed;
    color: #c0c4cc
}

.na-date-table td.selected div {
    margin-left: 5px;
    margin-right: 5px;
    background-color: #f2f6fc;
    border-radius: 15px
}

.na-date-table td.selected div:hover {
    background-color: #f2f6fc
}

.na-date-table td.selected span {
    background-color: #409eff;
    color: #fff;
    border-radius: 15px
}

.na-date-table td.week {
    font-size: 80%;
    color: #606266
}

.na-month-table,.na-year-table {
    font-size: 12px;
    border-collapse: collapse
}

.na-date-table th {
    padding: 5px;
    color: #606266;
    font-weight: 400;
    border-bottom: solid 1px #ebeef5
}

.na-month-table {
    margin: -1px
}

.na-month-table td {
    text-align: center;
    padding: 8px 0;
    cursor: pointer
}

.na-month-table td div {
    height: 48px;
    padding: 6px 0;
    box-sizing: border-box
}

.na-month-table td.today .cell {
    color: #409eff;
    font-weight: 700
}

.na-month-table td.today.end-date .cell,.na-month-table td.today.start-date .cell {
    color: #fff
}

.na-month-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.na-month-table td.disabled .cell:hover {
    color: #c0c4cc
}

.na-month-table td .cell {
    width: 60px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: #606266;
    margin: 0 auto;
    border-radius: 18px
}

.na-month-table td .cell:hover {
    color: #409eff
}

.na-month-table td.in-range div,.na-month-table td.in-range div:hover {
    background-color: #f2f6fc
}

.na-month-table td.end-date div,.na-month-table td.start-date div {
    color: #fff
}

.na-month-table td.end-date .cell,.na-month-table td.start-date .cell {
    color: #fff;
    background-color: #409eff
}

.na-month-table td.start-date div {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.na-month-table td.end-date div {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

.na-month-table td.current:not(.disabled) .cell {
    color: #409eff
}

.na-year-table {
    margin: -1px
}

.na-year-table .el-icon {
    color: #303133
}

.na-year-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.na-year-table td.today .cell {
    color: #409eff;
    font-weight: 700
}

.na-year-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc
}

.na-year-table td.disabled .cell:hover {
    color: #c0c4cc
}

.na-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: #606266;
    margin: 0 auto
}

.na-year-table td .cell:hover,.na-year-table td.current:not(.disabled) .cell {
    color: #409eff
}

.na-date-range-picker {
    width: 646px
}

.na-date-range-picker.has-sidebar {
    width: 756px
}

.na-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.na-date-range-picker .na-picker-panel__body {
    min-width: 513px
}

.na-date-range-picker .na-picker-panel__content {
    margin: 0
}

.na-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px
}

.na-date-range-picker__header [class*=arrow-left] {
    float: left
}

.na-date-range-picker__header [class*=arrow-right] {
    float: right
}

.na-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.na-date-range-picker__content {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding: 16px
}

.na-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4
}

.na-date-range-picker__content .na-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.na-date-range-picker__editors-wrap {
    box-sizing: border-box;
    display: table-cell
}

.na-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.na-date-range-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    box-sizing: border-box
}

.na-date-range-picker__time-header>.el-icon-arrow-right {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: #303133
}

.na-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.na-date-range-picker__time-picker-wrap .na-picker-panel {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 1;
    background: #fff
}

.na-date-picker {
    width: 322px
}

.na-date-picker.has-sidebar.has-time {
    width: 434px
}

.na-date-picker.has-sidebar {
    width: 438px
}

.na-date-picker.has-time .na-picker-panel__body-wrapper {
    position: relative
}

.na-date-picker .na-picker-panel__content {
    width: 292px
}

.na-date-picker table {
    table-layout: fixed;
    width: 100%
}

.na-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.na-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    box-sizing: border-box
}

.na-date-picker__header {
    margin: 12px;
    text-align: center
}

.na-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: solid 1px #ebeef5
}

.na-date-picker__header--bordered+.na-picker-panel__content {
    margin-top: 0
}

.na-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266
}

.na-date-picker__header-label.active,.na-date-picker__header-label:hover {
    color: #409eff
}

.na-date-picker__prev-btn {
    float: left
}

.na-date-picker__next-btn {
    float: right
}

.na-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.na-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px
}

.time-select {
    margin: 5px 0;
    min-width: 0
}

.time-select .na-picker-panel__content {
    max-height: 200px;
    margin: 0
}

.time-select-item {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px
}

.time-select-item.selected:not(.disabled) {
    color: #409eff;
    font-weight: 700
}

.time-select-item.disabled {
    color: #e4e7ed;
    cursor: not-allowed
}

.time-select-item:hover {
    background-color: #f5f7fa;
    font-weight: 700;
    cursor: pointer
}

.na-date-editor {
    position: relative;
    display: inline-block;
    text-align: left
}

.na-date-editor.na-input,.na-date-editor.na-input__inner {
    width: 220px
}

.na-date-editor--monthrange.na-input,.na-date-editor--monthrange.na-input__inner {
    width: 300px
}

.na-date-editor--daterange.na-input,.na-date-editor--daterange.na-input__inner,.na-date-editor--timerange.na-input,.na-date-editor--timerange.na-input__inner {
    width: 350px
}

.na-date-editor--datetimerange.na-input,.na-date-editor--datetimerange.na-input__inner {
    width: 400px
}

.na-date-editor--dates .na-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap
}

.na-date-editor .el-icon-circle-close {
    cursor: pointer
}

.na-date-editor .na-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px
}

.na-date-editor .na-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 39%;
    text-align: center;
    font-size: 14px;
    color: #606266
}

.na-date-editor .na-range-input::-moz-placeholder {
    color: #c0c4cc
}

.na-date-editor .na-range-input::placeholder {
    color: #c0c4cc
}

.na-date-editor .na-range-separator {
    display: inline-block;
    height: 100%;
    padding: 0 5px;
    margin: 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    width: 5%;
    color: #303133
}

.na-date-editor .na-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;
    float: right;
    line-height: 32px
}

.na-range-editor.na-input__inner {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px
}

.na-range-editor .na-range-input {
    line-height: 1
}

.na-range-editor--medium.na-input__inner {
    height: 36px
}

.na-range-editor--medium .na-range-separator {
    line-height: 28px;
    font-size: 14px
}

.na-range-editor--medium .na-range-input {
    font-size: 14px
}

.na-range-editor--medium .na-range__close-icon,.na-range-editor--medium .na-range__icon {
    line-height: 28px
}

.na-range-editor--small.na-input__inner {
    height: 32px
}

.na-range-editor--small .na-range-separator {
    line-height: 24px;
    font-size: 13px
}

.na-range-editor--small .na-range-input {
    font-size: 13px
}

.na-range-editor--small .na-range__close-icon,.na-range-editor--small .na-range__icon {
    line-height: 24px
}

.na-range-editor--mini.na-input__inner {
    height: 28px
}

.na-range-editor--mini .na-range-separator {
    line-height: 20px;
    font-size: 12px
}

.na-range-editor--mini .na-range-input {
    font-size: 12px
}

.na-range-editor--mini .na-range__close-icon,.na-range-editor--mini .na-range__icon {
    line-height: 20px
}

.na-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.na-range-editor.is-disabled:focus,.na-range-editor.is-disabled:hover {
    border-color: #e4e7ed
}

.na-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed
}

.na-range-editor.is-disabled input::-moz-placeholder {
    color: #c0c4cc
}

.na-range-editor.is-disabled input::placeholder {
    color: #c0c4cc
}

.na-range-editor.is-disabled .na-range-separator {
    color: #c0c4cc
}

.na-picker-panel {
    color: #606266;
    border: 1px solid #e4e7ed;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0
}

.na-picker-panel__body-wrapper::after,.na-picker-panel__body::after {
    content: "";
    display: table;
    clear: both
}

.na-picker-panel__content {
    position: relative;
    margin: 15px
}

.na-picker-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    text-align: right;
    background-color: #fff;
    position: relative;
    font-size: 0
}

.na-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: rgba(0,0,0,0);
    line-height: 28px;
    font-size: 14px;
    color: #606266;
    padding-left: 12px;
    text-align: left;
    outline: 0;
    cursor: pointer
}

.na-picker-panel__shortcut:hover {
    color: #409eff
}

.na-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff
}

.na-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    outline: 0;
    font-size: 12px
}

.na-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.na-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px
}

.na-picker-panel__icon-btn:hover {
    color: #409eff
}

.na-picker-panel__icon-btn.is-disabled {
    color: #bbb
}

.na-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.na-picker-panel__link-btn {
    vertical-align: middle
}

.na-picker-panel [slot=sidebar],.na-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
    padding-top: 6px;
    background-color: #fff;
    overflow: auto
}

.na-picker-panel [slot=sidebar]+.na-picker-panel__body,.na-picker-panel__sidebar+.na-picker-panel__body {
    margin-left: 110px
}

.na-time-spinner.has-seconds .na-time-spinner__wrapper {
    width: 33.3%
}

.na-time-spinner__wrapper {
    max-height: 190px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative
}

.na-time-spinner__wrapper .na-scrollbar__wrap:not(.na-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.na-time-spinner__input.na-input .na-input__inner,.na-time-spinner__list {
    padding: 0;
    text-align: center
}

.na-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
}

.na-time-spinner__wrapper.is-arrow .na-time-spinner__list {
    transform: translateY(-32px)
}

.na-time-spinner__wrapper.is-arrow .na-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default
}

.na-time-spinner__arrow {
    font-size: 12px;
    color: #909399;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.na-time-spinner__arrow:hover {
    color: #409eff
}

.na-time-spinner__arrow.el-icon-arrow-up {
    top: 10px
}

.na-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px
}

.na-time-spinner__input.na-input {
    width: 70%
}

.na-time-spinner__list {
    margin: 0;
    list-style: none
}

.na-time-spinner__list::after,.na-time-spinner__list::before {
    content: "";
    display: block;
    width: 100%;
    height: 80px
}

.na-time-spinner__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #606266
}

.na-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer
}

.na-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700
}

.na-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.na-time-panel {
    margin: 5px 0;
    border: 1px solid #e4e7ed;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: content-box
}

.na-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden
}

.na-time-panel__content::after,.na-time-panel__content::before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -15px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left;
    border-top: 1px solid #e4e7ed;
    border-bottom: 1px solid #e4e7ed
}

.na-time-panel__content::after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.na-time-panel__content::before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%
}

.na-time-panel__content.has-seconds::after {
    left: 66.6666666667%
}

.na-time-panel__content.has-seconds::before {
    padding-left: 33.3333333333%
}

.na-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    height: 36px;
    line-height: 25px;
    text-align: right;
    box-sizing: border-box
}

.na-time-panel__btn {
    border: none;
    line-height: 28px;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    outline: 0;
    font-size: 12px;
    color: #303133
}

.na-time-panel__btn.confirm {
    font-weight: 800;
    color: #409eff
}

.na-time-range-picker {
    width: 354px;
    overflow: visible
}

.na-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 10px
}

.na-time-range-picker__cell {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block
}

.na-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px
}

.na-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid #e4e7ed
}

.na-popover {
    position: absolute;
    background: #fff;
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    word-break: break-all
}

.na-card.is-always-shadow,.na-card.is-hover-shadow:focus,.na-card.is-hover-shadow:hover,.na-cascader__dropdown,.na-color-picker__panel,.na-message-box,.na-notification {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.na-popover--plain {
    padding: 18px 20px
}

.na-popover__title {
    color: #303133;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px
}

.na-popover:focus,.na-popover:focus:active,.na-popover__reference:focus:hover,.na-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.v-modal-enter {
    animation: v-modal-in .2s ease
}

.v-modal-leave {
    animation: v-modal-out .2s ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    100% {
        opacity: 0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000
}

.na-popup-parent--hidden {
    overflow: hidden
}

.na-message-box {
    display: inline-block;
    width: 420px;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    font-size: 18px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    text-align: left;
    overflow: hidden;
    backface-visibility: hidden
}

.na-message-box__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.na-message-box__wrapper::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.na-message-box__header {
    position: relative;
    padding: 15px 15px 10px
}

.na-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #303133
}

.na-message-box__headerbtn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    font-size: 16px;
    cursor: pointer
}

.na-form-item.is-error .na-input__inner,.na-form-item.is-error .na-input__inner:focus,.na-form-item.is-error .na-textarea__inner,.na-form-item.is-error .na-textarea__inner:focus,.na-message-box__input input.invalid,.na-message-box__input input.invalid:focus {
    border-color: #f56c6c
}

.na-message-box__headerbtn .na-message-box__close {
    color: #909399
}

.na-message-box__headerbtn:focus .na-message-box__close,.na-message-box__headerbtn:hover .na-message-box__close {
    color: #409eff
}

.na-message-box__content {
    padding: 10px 15px;
    color: #606266;
    font-size: 14px
}

.na-message-box__container {
    position: relative
}

.na-message-box__input {
    padding-top: 15px
}

.na-message-box__status {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px !important
}

.na-message-box__status::before {
    padding-left: 1px
}

.na-message-box__status+.na-message-box__message {
    padding-left: 36px;
    padding-right: 12px
}

.na-message-box__status.el-icon-success {
    color: #67c23a
}

.na-message-box__status.el-icon-info {
    color: #909399
}

.na-message-box__status.el-icon-warning {
    color: #e6a23c
}

.na-message-box__status.el-icon-error {
    color: #f56c6c
}

.na-message-box__message {
    margin: 0
}

.na-message-box__message p {
    margin: 0;
    line-height: 24px
}

.na-message-box__errormsg {
    color: #f56c6c;
    font-size: 12px;
    min-height: 18px;
    margin-top: 2px
}

.na-message-box__btns {
    padding: 5px 15px 0;
    text-align: right
}

.na-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.na-message-box__btns-reverse {
    flex-direction: row-reverse
}

.na-message-box--center {
    padding-bottom: 30px
}

.na-message-box--center .na-message-box__header {
    padding-top: 30px
}

.na-message-box--center .na-message-box__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.na-message-box--center .na-message-box__status {
    position: relative;
    top: auto;
    padding-right: 5px;
    text-align: center;
    transform: translateY(-1px)
}

.na-message-box--center .na-message-box__message {
    margin-left: 0
}

.na-message-box--center .na-message-box__btns,.na-message-box--center .na-message-box__content {
    text-align: center
}

.na-message-box--center .na-message-box__content {
    padding-left: 27px;
    padding-right: 27px
}

.msgbox-fade-enter-active {
    animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
    animation: msgbox-fade-out .3s
}

@keyframes msgbox-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes msgbox-fade-out {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.na-breadcrumb {
    font-size: 14px;
    line-height: 1
}

.na-breadcrumb::after,.na-breadcrumb::before {
    display: table;
    content: ""
}

.na-breadcrumb::after {
    clear: both
}

.na-breadcrumb__separator {
    margin: 0 9px;
    font-weight: 700;
    color: #c0c4cc
}

.na-breadcrumb__separator[class*=icon] {
    margin: 0 6px;
    font-weight: 400
}

.na-breadcrumb__item {
    float: left
}

.na-breadcrumb__inner {
    color: #606266
}

.na-breadcrumb__inner a,.na-breadcrumb__inner.is-link {
    font-weight: 700;
    text-decoration: none;
    transition: color .2s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #303133
}

.na-breadcrumb__inner a:hover,.na-breadcrumb__inner.is-link:hover {
    color: #409eff;
    cursor: pointer
}

.na-breadcrumb__item:last-child .na-breadcrumb__inner,.na-breadcrumb__item:last-child .na-breadcrumb__inner a,.na-breadcrumb__item:last-child .na-breadcrumb__inner a:hover,.na-breadcrumb__item:last-child .na-breadcrumb__inner:hover {
    font-weight: 400;
    color: #606266;
    cursor: text
}

.na-form--label-left .na-form-item__label {
    text-align: left
}

.na-form--label-top .na-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0 0 10px
}

.na-form--inline .na-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.na-form--inline .na-form-item__label {
    float: none;
    display: inline-block
}

.na-form--inline .na-form-item__content {
    display: inline-block;
    vertical-align: top
}

.na-form--inline.na-form--label-top .na-form-item__content {
    display: block
}

.na-form-item {
    margin-bottom: 22px
}

.na-form-item::after,.na-form-item::before {
    display: table;
    content: ""
}

.na-form-item::after {
    clear: both
}

.na-form-item .na-form-item {
    margin-bottom: 0
}

.na-form-item--mini.na-form-item,.na-form-item--small.na-form-item {
    margin-bottom: 18px
}

.na-form-item .na-input__validateIcon {
    display: none
}

.na-form-item--medium .na-form-item__content,.na-form-item--medium .na-form-item__label {
    line-height: 36px
}

.na-form-item--small .na-form-item__content,.na-form-item--small .na-form-item__label {
    line-height: 32px
}

.na-form-item--small .na-form-item__error {
    padding-top: 2px
}

.na-form-item--mini .na-form-item__content,.na-form-item--mini .na-form-item__label {
    line-height: 28px
}

.na-form-item--mini .na-form-item__error {
    padding-top: 1px
}

.na-form-item__label-wrap {
    float: left
}

.na-form-item__label-wrap .na-form-item__label {
    display: inline-block;
    float: none
}

.na-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    box-sizing: border-box
}

.na-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px
}

.na-form-item__content::after,.na-form-item__content::before {
    display: table;
    content: ""
}

.na-form-item__content::after {
    clear: both
}

.na-form-item__content .na-input-group {
    vertical-align: top
}

.na-form-item__error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0
}

.na-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 10px
}

.na-form-item.is-required:not(.is-no-asterisk) .na-form-item__label-wrap>.na-form-item__label:before,.na-form-item.is-required:not(.is-no-asterisk)>.na-form-item__label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px
}

.na-form-item.is-error .na-input-group__append .na-input__inner,.na-form-item.is-error .na-input-group__prepend .na-input__inner {
    border-color: rgba(0,0,0,0)
}

.na-form-item.is-error .na-input__validateIcon {
    color: #f56c6c
}

.na-form-item--feedback .na-input__validateIcon {
    display: inline-block
}

.na-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 15px
}

.na-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #409eff;
    z-index: 1;
    transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    list-style: none
}

.na-tabs__new-tab {
    float: right;
    border: 1px solid #d3dce6;
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #d3dce6;
    cursor: pointer;
    transition: all .15s
}

.na-tabs__new-tab .el-icon-plus {
    transform: scale(0.8, 0.8)
}

.na-tabs__new-tab:hover {
    color: #409eff
}

.na-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative
}

.na-tabs__nav-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e4e7ed;
    z-index: 1
}

.na-tabs__nav-wrap.is-scrollable {
    padding: 0 20px;
    box-sizing: border-box
}

.na-tabs__nav-scroll {
    overflow: hidden
}

.na-tabs__nav-next,.na-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 44px;
    font-size: 12px;
    color: #909399
}

.na-tabs__nav-next {
    right: 0
}

.na-tabs__nav-prev {
    left: 0
}

.na-tabs__nav {
    white-space: nowrap;
    position: relative;
    transition: transform .3s;
    float: left;
    z-index: 2
}

.na-tabs__nav.is-stretch {
    min-width: 100%;
    display: flex
}

.na-tabs__nav.is-stretch>* {
    flex: 1;
    text-align: center
}

.na-tabs__item {
    padding: 0 20px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    position: relative
}

.na-tabs__item:focus,.na-tabs__item:focus:active {
    outline: 0
}

.na-tabs__item:focus.is-active.is-focus:not(:active) {
    box-shadow: 0 0 2px 2px #409eff inset;
    border-radius: 3px
}

.na-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-left: 5px
}

.na-tabs__item .el-icon-close:before {
    transform: scale(0.9);
    display: inline-block
}

.na-tabs--card>.na-tabs__header .na-tabs__active-bar,.na-tabs--left.na-tabs--card .na-tabs__active-bar.is-left,.na-tabs--right.na-tabs--card .na-tabs__active-bar.is-right {
    display: none
}

.na-tabs__item .el-icon-close:hover {
    background-color: #c0c4cc;
    color: #fff
}

.na-tabs__item.is-active {
    color: #409eff
}

.na-tabs__item:hover {
    color: #409eff;
    cursor: pointer
}

.na-tabs__item.is-disabled {
    color: #c0c4cc;
    cursor: default
}

.na-tabs__content {
    overflow: hidden;
    position: relative
}

.na-tabs--card>.na-tabs__header {
    border-bottom: 1px solid #e4e7ed
}

.na-tabs--card>.na-tabs__header .na-tabs__nav-wrap::after {
    content: none
}

.na-tabs--card>.na-tabs__header .na-tabs__nav {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box
}

.na-tabs--card>.na-tabs__header .na-tabs__item .el-icon-close {
    position: relative;
    font-size: 12px;
    width: 0;
    height: 14px;
    vertical-align: middle;
    line-height: 15px;
    overflow: hidden;
    top: -1px;
    right: -2px;
    transform-origin: 100% 50%
}

.na-tabs--card>.na-tabs__header .na-tabs__item {
    border-bottom: 1px solid rgba(0,0,0,0);
    border-left: 1px solid #e4e7ed;
    transition: color .3s cubic-bezier(0.645, 0.045, 0.355, 1),padding .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.na-tabs--card>.na-tabs__header .na-tabs__item:first-child {
    border-left: none
}

.na-tabs--card>.na-tabs__header .na-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.na-tabs--card>.na-tabs__header .na-tabs__item.is-closable:hover .el-icon-close {
    width: 14px
}

.na-tabs--card>.na-tabs__header .na-tabs__item.is-active {
    border-bottom-color: #fff
}

.na-tabs--card>.na-tabs__header .na-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.na-tabs--card>.na-tabs__header .na-tabs__item.is-active.is-closable .el-icon-close {
    width: 14px
}

.na-tabs--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)
}

.na-tabs--border-card>.na-tabs__content {
    padding: 15px
}

.na-tabs--border-card>.na-tabs__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    margin: 0
}

.na-tabs--border-card>.na-tabs__header .na-tabs__nav-wrap::after {
    content: none
}

.na-tabs--border-card>.na-tabs__header .na-tabs__item {
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: 1px solid rgba(0,0,0,0);
    margin-top: -1px;
    color: #909399
}

.na-tabs--border-card>.na-tabs__header .na-tabs__item+.na-tabs__item,.na-tabs--border-card>.na-tabs__header .na-tabs__item:first-child {
    margin-left: -1px
}

.na-col-offset-0,.na-tabs--border-card>.na-tabs__header .is-scrollable .na-tabs__item:first-child {
    margin-left: 0
}

.na-tabs--border-card>.na-tabs__header .na-tabs__item.is-active {
    color: #409eff;
    background-color: #fff;
    border-right-color: #dcdfe6;
    border-left-color: #dcdfe6
}

.na-tabs--border-card>.na-tabs__header .na-tabs__item:not(.is-disabled):hover {
    color: #409eff
}

.na-tabs--border-card>.na-tabs__header .na-tabs__item.is-disabled {
    color: #c0c4cc
}

.na-tabs--bottom .na-tabs__item.is-bottom:nth-child(2),.na-tabs--bottom .na-tabs__item.is-top:nth-child(2),.na-tabs--top .na-tabs__item.is-bottom:nth-child(2),.na-tabs--top .na-tabs__item.is-top:nth-child(2) {
    padding-left: 0
}

.na-tabs--bottom .na-tabs__item.is-bottom:last-child,.na-tabs--bottom .na-tabs__item.is-top:last-child,.na-tabs--top .na-tabs__item.is-bottom:last-child,.na-tabs--top .na-tabs__item.is-top:last-child {
    padding-right: 0
}

.na-cascader-menu:last-child .na-cascader-node,.na-tabs--bottom .na-tabs--left>.na-tabs__header .na-tabs__item:last-child,.na-tabs--bottom .na-tabs--right>.na-tabs__header .na-tabs__item:last-child,.na-tabs--bottom.na-tabs--border-card>.na-tabs__header .na-tabs__item:last-child,.na-tabs--bottom.na-tabs--card>.na-tabs__header .na-tabs__item:last-child,.na-tabs--top .na-tabs--left>.na-tabs__header .na-tabs__item:last-child,.na-tabs--top .na-tabs--right>.na-tabs__header .na-tabs__item:last-child,.na-tabs--top.na-tabs--border-card>.na-tabs__header .na-tabs__item:last-child,.na-tabs--top.na-tabs--card>.na-tabs__header .na-tabs__item:last-child {
    padding-right: 20px
}

.na-tabs--bottom .na-tabs--left>.na-tabs__header .na-tabs__item:nth-child(2),.na-tabs--bottom .na-tabs--right>.na-tabs__header .na-tabs__item:nth-child(2),.na-tabs--bottom.na-tabs--border-card>.na-tabs__header .na-tabs__item:nth-child(2),.na-tabs--bottom.na-tabs--card>.na-tabs__header .na-tabs__item:nth-child(2),.na-tabs--top .na-tabs--left>.na-tabs__header .na-tabs__item:nth-child(2),.na-tabs--top .na-tabs--right>.na-tabs__header .na-tabs__item:nth-child(2),.na-tabs--top.na-tabs--border-card>.na-tabs__header .na-tabs__item:nth-child(2),.na-tabs--top.na-tabs--card>.na-tabs__header .na-tabs__item:nth-child(2) {
    padding-left: 20px
}

.na-tabs--bottom .na-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.na-tabs--bottom.na-tabs--border-card .na-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid #dcdfe6
}

.na-tabs--bottom.na-tabs--border-card .na-tabs__nav-wrap.is-bottom {
    margin-top: -1px;
    margin-bottom: 0
}

.na-tabs--bottom.na-tabs--border-card .na-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid rgba(0,0,0,0)
}

.na-tabs--bottom.na-tabs--border-card .na-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.na-tabs--left,.na-tabs--right {
    overflow: hidden
}

.na-tabs--left .na-tabs__header.is-left,.na-tabs--left .na-tabs__header.is-right,.na-tabs--left .na-tabs__nav-scroll,.na-tabs--left .na-tabs__nav-wrap.is-left,.na-tabs--left .na-tabs__nav-wrap.is-right,.na-tabs--right .na-tabs__header.is-left,.na-tabs--right .na-tabs__header.is-right,.na-tabs--right .na-tabs__nav-scroll,.na-tabs--right .na-tabs__nav-wrap.is-left,.na-tabs--right .na-tabs__nav-wrap.is-right {
    height: 100%
}

.na-tabs--left .na-tabs__active-bar.is-left,.na-tabs--left .na-tabs__active-bar.is-right,.na-tabs--right .na-tabs__active-bar.is-left,.na-tabs--right .na-tabs__active-bar.is-right {
    top: 0;
    bottom: auto;
    width: 2px;
    height: auto
}

.na-tabs--left .na-tabs__nav-wrap.is-left,.na-tabs--left .na-tabs__nav-wrap.is-right,.na-tabs--right .na-tabs__nav-wrap.is-left,.na-tabs--right .na-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.na-tabs--left .na-tabs__nav-wrap.is-left>.na-tabs__nav-next,.na-tabs--left .na-tabs__nav-wrap.is-left>.na-tabs__nav-prev,.na-tabs--left .na-tabs__nav-wrap.is-right>.na-tabs__nav-next,.na-tabs--left .na-tabs__nav-wrap.is-right>.na-tabs__nav-prev,.na-tabs--right .na-tabs__nav-wrap.is-left>.na-tabs__nav-next,.na-tabs--right .na-tabs__nav-wrap.is-left>.na-tabs__nav-prev,.na-tabs--right .na-tabs__nav-wrap.is-right>.na-tabs__nav-next,.na-tabs--right .na-tabs__nav-wrap.is-right>.na-tabs__nav-prev {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.na-tabs--left .na-tabs__nav-wrap.is-left>.na-tabs__nav-next i,.na-tabs--left .na-tabs__nav-wrap.is-left>.na-tabs__nav-prev i,.na-tabs--left .na-tabs__nav-wrap.is-right>.na-tabs__nav-next i,.na-tabs--left .na-tabs__nav-wrap.is-right>.na-tabs__nav-prev i,.na-tabs--right .na-tabs__nav-wrap.is-left>.na-tabs__nav-next i,.na-tabs--right .na-tabs__nav-wrap.is-left>.na-tabs__nav-prev i,.na-tabs--right .na-tabs__nav-wrap.is-right>.na-tabs__nav-next i,.na-tabs--right .na-tabs__nav-wrap.is-right>.na-tabs__nav-prev i {
    transform: rotateZ(90deg)
}

.na-tabs--left .na-tabs__nav-wrap.is-left>.na-tabs__nav-prev,.na-tabs--left .na-tabs__nav-wrap.is-right>.na-tabs__nav-prev,.na-tabs--right .na-tabs__nav-wrap.is-left>.na-tabs__nav-prev,.na-tabs--right .na-tabs__nav-wrap.is-right>.na-tabs__nav-prev {
    left: auto;
    top: 0
}

.na-tabs--left .na-tabs__nav-wrap.is-left>.na-tabs__nav-next,.na-tabs--left .na-tabs__nav-wrap.is-right>.na-tabs__nav-next,.na-tabs--right .na-tabs__nav-wrap.is-left>.na-tabs__nav-next,.na-tabs--right .na-tabs__nav-wrap.is-right>.na-tabs__nav-next {
    right: auto;
    bottom: 0
}

.na-tabs--left .na-tabs__active-bar.is-left,.na-tabs--left .na-tabs__nav-wrap.is-left::after {
    right: 0;
    left: auto
}

.na-tabs--left .na-tabs__nav-wrap.is-left.is-scrollable,.na-tabs--left .na-tabs__nav-wrap.is-right.is-scrollable,.na-tabs--right .na-tabs__nav-wrap.is-left.is-scrollable,.na-tabs--right .na-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.na-tabs--left .na-tabs__nav-wrap.is-left::after,.na-tabs--left .na-tabs__nav-wrap.is-right::after,.na-tabs--right .na-tabs__nav-wrap.is-left::after,.na-tabs--right .na-tabs__nav-wrap.is-right::after {
    height: 100%;
    width: 2px;
    bottom: auto;
    top: 0
}

.na-tabs--left .na-tabs__nav.is-left,.na-tabs--left .na-tabs__nav.is-right,.na-tabs--right .na-tabs__nav.is-left,.na-tabs--right .na-tabs__nav.is-right {
    float: none
}

.na-tabs--left .na-tabs__item.is-left,.na-tabs--left .na-tabs__item.is-right,.na-tabs--right .na-tabs__item.is-left,.na-tabs--right .na-tabs__item.is-right {
    display: block
}

.na-tabs--left .na-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px
}

.na-button-group>.na-button:not(:last-child),.na-tabs--left .na-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.na-tabs--left .na-tabs__item.is-left {
    text-align: right
}

.na-tabs--left.na-tabs--card .na-tabs__item.is-left {
    border-left: none;
    border-right: 1px solid #e4e7ed;
    border-bottom: none;
    border-top: 1px solid #e4e7ed;
    text-align: left
}

.na-tabs--left.na-tabs--card .na-tabs__item.is-left:first-child {
    border-right: 1px solid #e4e7ed;
    border-top: none
}

.na-tabs--left.na-tabs--card .na-tabs__item.is-left.is-active {
    border: 1px solid #e4e7ed;
    border-right-color: #fff;
    border-left: none;
    border-bottom: none
}

.na-tabs--left.na-tabs--card .na-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.na-tabs--left.na-tabs--card .na-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.na-tabs--left.na-tabs--card .na-tabs__nav {
    border-radius: 4px 0 0 4px;
    border-bottom: 1px solid #e4e7ed;
    border-right: none
}

.na-tabs--left.na-tabs--card .na-tabs__new-tab {
    float: none
}

.na-tabs--left.na-tabs--border-card .na-tabs__header.is-left {
    border-right: 1px solid #dfe4ed
}

.na-tabs--left.na-tabs--border-card .na-tabs__item.is-left {
    border: 1px solid rgba(0,0,0,0);
    margin: -1px 0 -1px -1px
}

.na-tabs--left.na-tabs--border-card .na-tabs__item.is-left.is-active {
    border-color: #d1dbe5 rgba(0,0,0,0)
}

.na-tabs--right .na-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 10px
}

.na-tabs--right .na-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.na-tabs--right .na-tabs__nav-wrap.is-right::after {
    left: 0;
    right: auto
}

.na-tabs--right .na-tabs__active-bar.is-right {
    left: 0
}

.na-tabs--right.na-tabs--card .na-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid #e4e7ed
}

.na-tabs--right.na-tabs--card .na-tabs__item.is-right:first-child {
    border-left: 1px solid #e4e7ed;
    border-top: none
}

.na-tabs--right.na-tabs--card .na-tabs__item.is-right.is-active {
    border: 1px solid #e4e7ed;
    border-left-color: #fff;
    border-right: none;
    border-bottom: none
}

.na-tabs--right.na-tabs--card .na-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.na-tabs--right.na-tabs--card .na-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.na-tabs--right.na-tabs--card .na-tabs__nav {
    border-radius: 0 4px 4px 0;
    border-bottom: 1px solid #e4e7ed;
    border-left: none
}

.na-tabs--right.na-tabs--border-card .na-tabs__header.is-right {
    border-left: 1px solid #dfe4ed
}

.na-tabs--right.na-tabs--border-card .na-tabs__item.is-right {
    border: 1px solid rgba(0,0,0,0);
    margin: -1px -1px -1px 0
}

.na-tabs--right.na-tabs--border-card .na-tabs__item.is-right.is-active {
    border-color: #d1dbe5 rgba(0,0,0,0)
}

.slideInLeft-transition,.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter .3s
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInRight-leave .3s
}

.slideInLeft-enter {
    animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInLeft-leave .3s
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@keyframes slideInRight-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@keyframes slideInLeft-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
    }
}

.na-tree {
    position: relative;
    cursor: default;
    background: #fff;
    color: #606266
}

.na-tree__empty-block {
    position: relative;
    min-height: 60px;
    text-align: center;
    width: 100%;
    height: 100%
}

.na-tree__empty-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #909399;
    font-size: 14px
}

.na-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #409eff
}

.na-tree-node {
    white-space: nowrap;
    outline: 0
}

.na-tree-node:focus>.na-tree-node__content {
    background-color: #f5f7fa
}

.na-tree-node.is-drop-inner>.na-tree-node__content .na-tree-node__label {
    background-color: #409eff;
    color: #fff
}

.na-tree-node__content:hover,.na-upload-list__item:hover {
    background-color: #f5f7fa
}

.na-tree-node__content {
    display: flex;
    align-items: center;
    height: 26px;
    cursor: pointer
}

.na-tree-node__content>.na-tree-node__expand-icon {
    padding: 6px
}

.na-tree-node__content>label.na-checkbox {
    margin-right: 8px
}

.na-tree.is-dragging .na-tree-node__content {
    cursor: move
}

.na-tree.is-dragging .na-tree-node__content * {
    pointer-events: none
}

.na-tree.is-dragging.is-drop-not-allow .na-tree-node__content {
    cursor: not-allowed
}

.na-tree-node__expand-icon {
    cursor: pointer;
    color: #c0c4cc;
    font-size: 12px;
    transform: rotate(0);
    transition: transform .3s ease-in-out
}

.na-tree-node__expand-icon.expanded {
    transform: rotate(90deg)
}

.na-tree-node__expand-icon.is-leaf {
    color: rgba(0,0,0,0);
    cursor: default
}

.na-tree-node__label {
    font-size: 14px
}

.na-tree-node__loading-icon {
    margin-right: 8px;
    font-size: 14px;
    color: #c0c4cc
}

.na-tree-node>.na-tree-node__children {
    overflow: hidden;
    background-color: rgba(0,0,0,0)
}

.na-tree-node.is-expanded>.na-tree-node__children {
    display: block
}

.na-tree--highlight-current .na-tree-node.is-current>.na-tree-node__content {
    background-color: #f0f7ff
}

.na-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .2s
}

.na-alert.is-light .na-alert__closebtn {
    color: #c0c4cc
}

.na-alert.is-dark .na-alert__closebtn,.na-alert.is-dark .na-alert__description {
    color: #fff
}

.na-alert.is-center {
    justify-content: center
}

.na-alert--success.is-light {
    background-color: #f0f9eb;
    color: #67c23a
}

.na-alert--success.is-light .na-alert__description {
    color: #67c23a
}

.na-alert--success.is-dark {
    background-color: #67c23a;
    color: #fff
}

.na-alert--info.is-light {
    background-color: #f4f4f5;
    color: #909399
}

.na-alert--info.is-dark {
    background-color: #909399;
    color: #fff
}

.na-alert--info .na-alert__description {
    color: #909399
}

.na-alert--warning.is-light {
    background-color: #fdf6ec;
    color: #e6a23c
}

.na-alert--warning.is-light .na-alert__description {
    color: #e6a23c
}

.na-alert--warning.is-dark {
    background-color: #e6a23c;
    color: #fff
}

.na-alert--error.is-light {
    background-color: #fef0f0;
    color: #f56c6c
}

.na-alert--error.is-light .na-alert__description {
    color: #f56c6c
}

.na-alert--error.is-dark {
    background-color: #f56c6c;
    color: #fff
}

.na-alert__content {
    display: table-cell;
    padding: 0 8px
}

.na-alert__icon {
    font-size: 16px;
    width: 16px
}

.na-alert__icon.is-big {
    font-size: 28px;
    width: 28px
}

.na-alert__title {
    font-size: 13px;
    line-height: 18px
}

.na-alert__title.is-bold {
    font-weight: 700
}

.na-alert .na-alert__description {
    font-size: 12px;
    margin: 5px 0 0
}

.na-alert__closebtn {
    font-size: 12px;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer
}

.na-alert-fade-enter,.na-alert-fade-leave-active,.na-loading-fade-enter,.na-loading-fade-leave-active,.na-notification-fade-leave-active,.na-upload iframe {
    opacity: 0
}

.na-carousel__arrow--right,.na-notification.right {
    right: 16px
}

.na-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px
}

.na-notification {
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;
    overflow: hidden
}

.na-notification.left {
    left: 16px
}

.na-notification__group {
    margin-left: 13px;
    margin-right: 8px
}

.na-notification__title {
    font-weight: 700;
    font-size: 16px;
    color: #303133;
    margin: 0
}

.na-notification__content {
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: #606266;
    text-align: justify
}

.na-notification__content p {
    margin: 0
}

.na-notification__icon {
    height: 24px;
    width: 24px;
    font-size: 24px
}

.na-notification__closeBtn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: #909399;
    font-size: 16px
}

.na-notification__closeBtn:hover {
    color: #606266
}

.na-notification .el-icon-success {
    color: #67c23a
}

.na-notification .el-icon-error {
    color: #f56c6c
}

.na-notification .el-icon-info {
    color: #909399
}

.na-notification .el-icon-warning {
    color: #e6a23c
}

.na-notification-fade-enter.right {
    right: 0;
    transform: translateX(100%)
}

.na-notification-fade-enter.left {
    left: 0;
    transform: translateX(-100%)
}

.na-input-number {
    position: relative;
    display: inline-block;
    width: 180px;
    line-height: 38px
}

.na-input-number .na-input {
    display: block
}

.na-input-number .na-input__inner {
    -webkit-appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
}

.na-input-number__decrease,.na-input-number__increase {
    position: absolute;
    z-index: 1;
    top: 1px;
    width: 40px;
    height: auto;
    text-align: center;
    background: #f5f7fa;
    color: #606266;
    cursor: pointer;
    font-size: 13px
}

.na-input-number__decrease:hover,.na-input-number__increase:hover {
    color: #409eff
}

.na-input-number__decrease:hover:not(.is-disabled)~.na-input .na-input__inner:not(.is-disabled),.na-input-number__increase:hover:not(.is-disabled)~.na-input .na-input__inner:not(.is-disabled) {
    border-color: #409eff
}

.na-input-number__decrease.is-disabled,.na-input-number__increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.na-input-number__increase {
    right: 1px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #dcdfe6
}

.na-input-number__decrease {
    left: 1px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6
}

.na-input-number.is-disabled .na-input-number__decrease,.na-input-number.is-disabled .na-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed
}

.na-input-number.is-disabled .na-input-number__decrease:hover,.na-input-number.is-disabled .na-input-number__increase:hover {
    color: #e4e7ed;
    cursor: not-allowed
}

.na-input-number--medium {
    width: 200px;
    line-height: 34px
}

.na-input-number--medium .na-input-number__decrease,.na-input-number--medium .na-input-number__increase {
    width: 36px;
    font-size: 14px
}

.na-input-number--medium .na-input__inner {
    padding-left: 43px;
    padding-right: 43px
}

.na-input-number--small {
    width: 130px;
    line-height: 30px
}

.na-input-number--small .na-input-number__decrease,.na-input-number--small .na-input-number__increase {
    width: 32px;
    font-size: 13px
}

.na-input-number--small .na-input-number__decrease [class*=el-icon],.na-input-number--small .na-input-number__increase [class*=el-icon] {
    transform: scale(0.9)
}

.na-input-number--small .na-input__inner {
    padding-left: 39px;
    padding-right: 39px
}

.na-input-number--mini {
    width: 130px;
    line-height: 26px
}

.na-input-number--mini .na-input-number__decrease,.na-input-number--mini .na-input-number__increase {
    width: 28px;
    font-size: 12px
}

.na-input-number--mini .na-input-number__decrease [class*=el-icon],.na-input-number--mini .na-input-number__increase [class*=el-icon] {
    transform: scale(0.8)
}

.na-input-number--mini .na-input__inner {
    padding-left: 35px;
    padding-right: 35px
}

.na-input-number.is-without-controls .na-input__inner {
    padding-left: 15px;
    padding-right: 15px
}

.na-input-number.is-controls-right .na-input__inner {
    padding-left: 15px;
    padding-right: 50px
}

.na-input-number.is-controls-right .na-input-number__decrease,.na-input-number.is-controls-right .na-input-number__increase {
    height: auto;
    line-height: 19px
}

.na-input-number.is-controls-right .na-input-number__decrease [class*=el-icon],.na-input-number.is-controls-right .na-input-number__increase [class*=el-icon] {
    transform: scale(0.8)
}

.na-input-number.is-controls-right .na-input-number__increase {
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid #dcdfe6
}

.na-input-number.is-controls-right .na-input-number__decrease {
    right: 1px;
    bottom: 1px;
    top: auto;
    left: auto;
    border-right: none;
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px
}

.na-input-number.is-controls-right[class*=medium] [class*=decrease],.na-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 17px
}

.na-input-number.is-controls-right[class*=small] [class*=decrease],.na-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 15px
}

.na-input-number.is-controls-right[class*=mini] [class*=decrease],.na-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 13px
}

.na-tooltip:focus:hover,.na-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.na-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    word-wrap: break-word
}

.na-tooltip__popper .popper__arrow,.na-tooltip__popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,0);
    border-style: solid
}

.na-tooltip__popper .popper__arrow {
    border-width: 6px
}

.na-tooltip__popper .popper__arrow::after {
    content: " ";
    border-width: 5px
}

.na-button-group::after,.na-button-group::before,.na-color-dropdown__main-wrapper::after,.na-link.is-underline:hover:after,.na-page-header__left::after,.na-progress-bar__inner::after,.na-row::after,.na-row::before,.na-slider::after,.na-slider::before,.na-slider__button-wrapper::after,.na-transfer-panel .na-transfer-panel__footer::after,.na-upload-cover::after,.na-upload-list--picture-card .na-upload-list__item-actions::after {
    content: ""
}

.na-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.na-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.na-tooltip__popper[x-placement^=top] .popper__arrow::after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.na-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.na-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.na-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.na-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.na-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -6px;
    border-right-color: #303133;
    border-left-width: 0
}

.na-tooltip__popper[x-placement^=right] .popper__arrow::after {
    bottom: -5px;
    left: 1px;
    border-right-color: #303133;
    border-left-width: 0
}

.na-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.na-tooltip__popper[x-placement^=left] .popper__arrow {
    right: -6px;
    border-right-width: 0;
    border-left-color: #303133
}

.na-tooltip__popper[x-placement^=left] .popper__arrow::after {
    right: 1px;
    bottom: -5px;
    margin-left: -5px;
    border-right-width: 0;
    border-left-color: #303133
}

.na-tooltip__popper.is-dark {
    background: #303133;
    color: #fff
}

.na-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133
}

.na-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133
}

.na-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
    border-top-color: #fff
}

.na-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133
}

.na-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #fff
}

.na-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133
}

.na-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
    border-left-color: #fff
}

.na-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133
}

.na-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
    border-right-color: #fff
}

.na-slider::after,.na-slider::before {
    display: table
}

.na-slider__button-wrapper .na-tooltip,.na-slider__button-wrapper::after {
    display: inline-block;
    vertical-align: middle
}

.na-slider::after {
    clear: both
}

.na-slider__runway {
    width: 100%;
    height: 6px;
    margin: 16px 0;
    background-color: #e4e7ed;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

.na-slider__runway.show-input {
    margin-right: 160px;
    width: auto
}

.na-slider__runway.disabled {
    cursor: default
}

.na-slider__runway.disabled .na-slider__bar {
    background-color: #c0c4cc
}

.na-slider__runway.disabled .na-slider__button {
    border-color: #c0c4cc
}

.na-slider__runway.disabled .na-slider__button-wrapper.dragging,.na-slider__runway.disabled .na-slider__button-wrapper.hover,.na-slider__runway.disabled .na-slider__button-wrapper:hover {
    cursor: not-allowed
}

.na-slider__runway.disabled .na-slider__button.dragging,.na-slider__runway.disabled .na-slider__button.hover,.na-slider__runway.disabled .na-slider__button:hover {
    transform: scale(1);
    cursor: not-allowed
}

.na-slider__button-wrapper,.na-slider__stop {
    -webkit-transform: translateX(-50%);
    position: absolute
}

.na-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px
}

.na-slider__input.na-input-number--mini {
    margin-top: 5px
}

.na-slider__input.na-input-number--medium {
    margin-top: 0
}

.na-slider__input.na-input-number--large {
    margin-top: -2px
}

.na-slider__bar {
    height: 6px;
    background-color: #409eff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute
}

.na-slider__button-wrapper {
    height: 36px;
    width: 36px;
    z-index: 1001;
    top: -15px;
    transform: translateX(-50%);
    background-color: rgba(0,0,0,0);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    line-height: normal
}

.na-image-viewer__btn,.na-slider__button,.na-step__icon-inner {
    -moz-user-select: none;
    -ms-user-select: none
}

.na-slider__button-wrapper::after {
    height: 100%
}

.na-slider__button-wrapper.hover,.na-slider__button-wrapper:hover {
    cursor: grab
}

.na-slider__button-wrapper.dragging {
    cursor: grabbing
}

.na-slider__button {
    width: 16px;
    height: 16px;
    border: 2px solid #409eff;
    background-color: #fff;
    border-radius: 50%;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.na-slider__button.dragging,.na-slider__button.hover,.na-slider__button:hover {
    transform: scale(1.2)
}

.na-slider__button.hover,.na-slider__button:hover {
    cursor: grab
}

.na-slider__button.dragging {
    cursor: grabbing
}

.na-slider__stop {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #fff;
    transform: translateX(-50%)
}

.na-slider__marks {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.na-slider__marks-text {
    position: absolute;
    transform: translateX(-50%);
    font-size: 14px;
    color: #909399;
    margin-top: 15px
}

.na-slider.is-vertical {
    position: relative
}

.na-slider.is-vertical .na-slider__runway {
    width: 6px;
    height: 100%;
    margin: 0 16px
}

.na-slider.is-vertical .na-slider__bar {
    width: 6px;
    height: auto;
    border-radius: 0 0 3px 3px
}

.na-slider.is-vertical .na-slider__button-wrapper {
    top: auto;
    left: -15px;
    transform: translateY(50%)
}

.na-slider.is-vertical .na-slider__stop {
    transform: translateY(50%)
}

.na-slider.is-vertical.na-slider--with-input {
    padding-bottom: 58px
}

.na-slider.is-vertical.na-slider--with-input .na-slider__input {
    overflow: visible;
    float: none;
    position: absolute;
    bottom: 22px;
    width: 36px;
    margin-top: 15px
}

.na-slider.is-vertical.na-slider--with-input .na-slider__input .na-input__inner {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px
}

.na-slider.is-vertical.na-slider--with-input .na-slider__input .na-input-number__decrease,.na-slider.is-vertical.na-slider--with-input .na-slider__input .na-input-number__increase {
    top: 32px;
    margin-top: -1px;
    border: 1px solid #dcdfe6;
    line-height: 20px;
    box-sizing: border-box;
    transition: border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.na-slider.is-vertical.na-slider--with-input .na-slider__input .na-input-number__decrease {
    width: 18px;
    right: 18px;
    border-bottom-left-radius: 4px
}

.na-slider.is-vertical.na-slider--with-input .na-slider__input .na-input-number__increase {
    width: 19px;
    border-bottom-right-radius: 4px
}

.na-slider.is-vertical.na-slider--with-input .na-slider__input .na-input-number__increase~.na-input .na-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.na-slider.is-vertical.na-slider--with-input .na-slider__input:hover .na-input-number__decrease,.na-slider.is-vertical.na-slider--with-input .na-slider__input:hover .na-input-number__increase {
    border-color: #c0c4cc
}

.na-slider.is-vertical.na-slider--with-input .na-slider__input:active .na-input-number__decrease,.na-slider.is-vertical.na-slider--with-input .na-slider__input:active .na-input-number__increase {
    border-color: #409eff
}

.na-slider.is-vertical .na-slider__marks-text {
    margin-top: 0;
    left: 15px;
    transform: translateY(50%)
}

.na-loading-parent--relative {
    position: relative !important
}

.na-loading-parent--hidden {
    overflow: hidden !important
}

.na-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: rgba(255,255,255,.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s
}

.na-loading-mask.is-fullscreen {
    position: fixed
}

.na-loading-mask.is-fullscreen .na-loading-spinner {
    margin-top: -25px
}

.na-loading-mask.is-fullscreen .na-loading-spinner .circular {
    height: 50px;
    width: 50px
}

.na-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute
}

.na-col-pull-0,.na-col-pull-1,.na-col-pull-10,.na-col-pull-11,.na-col-pull-12,.na-col-pull-13,.na-col-pull-14,.na-col-pull-15,.na-col-pull-16,.na-col-pull-17,.na-col-pull-18,.na-col-pull-19,.na-col-pull-2,.na-col-pull-20,.na-col-pull-21,.na-col-pull-22,.na-col-pull-23,.na-col-pull-24,.na-col-pull-3,.na-col-pull-4,.na-col-pull-5,.na-col-pull-6,.na-col-pull-7,.na-col-pull-8,.na-col-pull-9,.na-col-push-0,.na-col-push-1,.na-col-push-10,.na-col-push-11,.na-col-push-12,.na-col-push-13,.na-col-push-14,.na-col-push-15,.na-col-push-16,.na-col-push-17,.na-col-push-18,.na-col-push-19,.na-col-push-2,.na-col-push-20,.na-col-push-21,.na-col-push-22,.na-col-push-23,.na-col-push-24,.na-col-push-3,.na-col-push-4,.na-col-push-5,.na-col-push-6,.na-col-push-7,.na-col-push-8,.na-col-push-9,.na-row,.na-upload-dragger,.na-upload-list__item {
    position: relative
}

.na-loading-spinner .na-loading-text {
    color: #409eff;
    margin: 3px 0;
    font-size: 14px
}

.na-loading-spinner .circular {
    height: 42px;
    width: 42px;
    animation: loading-rotate 2s linear infinite
}

.na-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round
}

.na-loading-spinner i {
    color: #409eff
}

@keyframes loading-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

.na-row {
    box-sizing: border-box
}

.na-row::after,.na-row::before {
    display: table
}

.na-row::after {
    clear: both
}

.na-row--flex {
    display: flex
}

.na-col-0,.na-row--flex:after,.na-row--flex:before {
    display: none
}

.na-row--flex.is-justify-center {
    justify-content: center
}

.na-row--flex.is-justify-end {
    justify-content: flex-end
}

.na-row--flex.is-justify-space-between {
    justify-content: space-between
}

.na-row--flex.is-justify-space-around {
    justify-content: space-around
}

.na-row--flex.is-align-top {
    align-items: flex-start
}

.na-row--flex.is-align-middle {
    align-items: center
}

.na-row--flex.is-align-bottom {
    align-items: flex-end
}

[class*=na-col-] {
    float: left;
    box-sizing: border-box
}

.na-col-0 {
    width: 0%
}

.na-col-pull-0 {
    right: 0
}

.na-col-push-0 {
    left: 0
}

.na-col-1 {
    width: 4.16667%
}

.na-col-offset-1 {
    margin-left: 4.16667%
}

.na-col-pull-1 {
    right: 4.16667%
}

.na-col-push-1 {
    left: 4.16667%
}

.na-col-2 {
    width: 8.33333%
}

.na-col-offset-2 {
    margin-left: 8.33333%
}

.na-col-pull-2 {
    right: 8.33333%
}

.na-col-push-2 {
    left: 8.33333%
}

.na-col-3 {
    width: 12.5%
}

.na-col-offset-3 {
    margin-left: 12.5%
}

.na-col-pull-3 {
    right: 12.5%
}

.na-col-push-3 {
    left: 12.5%
}

.na-col-4 {
    width: 16.66667%
}

.na-col-offset-4 {
    margin-left: 16.66667%
}

.na-col-pull-4 {
    right: 16.66667%
}

.na-col-push-4 {
    left: 16.66667%
}

.na-col-5 {
    width: 20.83333%
}

.na-col-offset-5 {
    margin-left: 20.83333%
}

.na-col-pull-5 {
    right: 20.83333%
}

.na-col-push-5 {
    left: 20.83333%
}

.na-col-6 {
    width: 25%
}

.na-col-offset-6 {
    margin-left: 25%
}

.na-col-pull-6 {
    right: 25%
}

.na-col-push-6 {
    left: 25%
}

.na-col-7 {
    width: 29.16667%
}

.na-col-offset-7 {
    margin-left: 29.16667%
}

.na-col-pull-7 {
    right: 29.16667%
}

.na-col-push-7 {
    left: 29.16667%
}

.na-col-8 {
    width: 33.33333%
}

.na-col-offset-8 {
    margin-left: 33.33333%
}

.na-col-pull-8 {
    right: 33.33333%
}

.na-col-push-8 {
    left: 33.33333%
}

.na-col-9 {
    width: 37.5%
}

.na-col-offset-9 {
    margin-left: 37.5%
}

.na-col-pull-9 {
    right: 37.5%
}

.na-col-push-9 {
    left: 37.5%
}

.na-col-10 {
    width: 41.66667%
}

.na-col-offset-10 {
    margin-left: 41.66667%
}

.na-col-pull-10 {
    right: 41.66667%
}

.na-col-push-10 {
    left: 41.66667%
}

.na-col-11 {
    width: 45.83333%
}

.na-col-offset-11 {
    margin-left: 45.83333%
}

.na-col-pull-11 {
    right: 45.83333%
}

.na-col-push-11 {
    left: 45.83333%
}

.na-col-12 {
    width: 50%
}

.na-col-offset-12 {
    margin-left: 50%
}

.na-col-pull-12 {
    right: 50%
}

.na-col-push-12 {
    left: 50%
}

.na-col-13 {
    width: 54.16667%
}

.na-col-offset-13 {
    margin-left: 54.16667%
}

.na-col-pull-13 {
    right: 54.16667%
}

.na-col-push-13 {
    left: 54.16667%
}

.na-col-14 {
    width: 58.33333%
}

.na-col-offset-14 {
    margin-left: 58.33333%
}

.na-col-pull-14 {
    right: 58.33333%
}

.na-col-push-14 {
    left: 58.33333%
}

.na-col-15 {
    width: 62.5%
}

.na-col-offset-15 {
    margin-left: 62.5%
}

.na-col-pull-15 {
    right: 62.5%
}

.na-col-push-15 {
    left: 62.5%
}

.na-col-16 {
    width: 66.66667%
}

.na-col-offset-16 {
    margin-left: 66.66667%
}

.na-col-pull-16 {
    right: 66.66667%
}

.na-col-push-16 {
    left: 66.66667%
}

.na-col-17 {
    width: 70.83333%
}

.na-col-offset-17 {
    margin-left: 70.83333%
}

.na-col-pull-17 {
    right: 70.83333%
}

.na-col-push-17 {
    left: 70.83333%
}

.na-col-18 {
    width: 75%
}

.na-col-offset-18 {
    margin-left: 75%
}

.na-col-pull-18 {
    right: 75%
}

.na-col-push-18 {
    left: 75%
}

.na-col-19 {
    width: 79.16667%
}

.na-col-offset-19 {
    margin-left: 79.16667%
}

.na-col-pull-19 {
    right: 79.16667%
}

.na-col-push-19 {
    left: 79.16667%
}

.na-col-20 {
    width: 83.33333%
}

.na-col-offset-20 {
    margin-left: 83.33333%
}

.na-col-pull-20 {
    right: 83.33333%
}

.na-col-push-20 {
    left: 83.33333%
}

.na-col-21 {
    width: 87.5%
}

.na-col-offset-21 {
    margin-left: 87.5%
}

.na-col-pull-21 {
    right: 87.5%
}

.na-col-push-21 {
    left: 87.5%
}

.na-col-22 {
    width: 91.66667%
}

.na-col-offset-22 {
    margin-left: 91.66667%
}

.na-col-pull-22 {
    right: 91.66667%
}

.na-col-push-22 {
    left: 91.66667%
}

.na-col-23 {
    width: 95.83333%
}

.na-col-offset-23 {
    margin-left: 95.83333%
}

.na-col-pull-23 {
    right: 95.83333%
}

.na-col-push-23 {
    left: 95.83333%
}

.na-col-24 {
    width: 100%
}

.na-col-offset-24 {
    margin-left: 100%
}

.na-col-pull-24 {
    right: 100%
}

.na-col-push-24 {
    left: 100%
}

@media only screen and (max-width: 767px) {
    .na-col-xs-0 {
        display:none;
        width: 0%
    }

    .na-col-xs-offset-0 {
        margin-left: 0
    }

    .na-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .na-col-xs-push-0 {
        position: relative;
        left: 0
    }

    .na-col-xs-1 {
        width: 4.16667%
    }

    .na-col-xs-offset-1 {
        margin-left: 4.16667%
    }

    .na-col-xs-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .na-col-xs-push-1 {
        position: relative;
        left: 4.16667%
    }

    .na-col-xs-2 {
        width: 8.33333%
    }

    .na-col-xs-offset-2 {
        margin-left: 8.33333%
    }

    .na-col-xs-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .na-col-xs-push-2 {
        position: relative;
        left: 8.33333%
    }

    .na-col-xs-3 {
        width: 12.5%
    }

    .na-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .na-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .na-col-xs-push-3 {
        position: relative;
        left: 12.5%
    }

    .na-col-xs-4 {
        width: 16.66667%
    }

    .na-col-xs-offset-4 {
        margin-left: 16.66667%
    }

    .na-col-xs-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .na-col-xs-push-4 {
        position: relative;
        left: 16.66667%
    }

    .na-col-xs-5 {
        width: 20.83333%
    }

    .na-col-xs-offset-5 {
        margin-left: 20.83333%
    }

    .na-col-xs-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .na-col-xs-push-5 {
        position: relative;
        left: 20.83333%
    }

    .na-col-xs-6 {
        width: 25%
    }

    .na-col-xs-offset-6 {
        margin-left: 25%
    }

    .na-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .na-col-xs-push-6 {
        position: relative;
        left: 25%
    }

    .na-col-xs-7 {
        width: 29.16667%
    }

    .na-col-xs-offset-7 {
        margin-left: 29.16667%
    }

    .na-col-xs-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .na-col-xs-push-7 {
        position: relative;
        left: 29.16667%
    }

    .na-col-xs-8 {
        width: 33.33333%
    }

    .na-col-xs-offset-8 {
        margin-left: 33.33333%
    }

    .na-col-xs-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .na-col-xs-push-8 {
        position: relative;
        left: 33.33333%
    }

    .na-col-xs-9 {
        width: 37.5%
    }

    .na-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .na-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .na-col-xs-push-9 {
        position: relative;
        left: 37.5%
    }

    .na-col-xs-10 {
        width: 41.66667%
    }

    .na-col-xs-offset-10 {
        margin-left: 41.66667%
    }

    .na-col-xs-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .na-col-xs-push-10 {
        position: relative;
        left: 41.66667%
    }

    .na-col-xs-11 {
        width: 45.83333%
    }

    .na-col-xs-offset-11 {
        margin-left: 45.83333%
    }

    .na-col-xs-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .na-col-xs-push-11 {
        position: relative;
        left: 45.83333%
    }

    .na-col-xs-12 {
        width: 50%
    }

    .na-col-xs-offset-12 {
        margin-left: 50%
    }

    .na-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .na-col-xs-push-12 {
        position: relative;
        left: 50%
    }

    .na-col-xs-13 {
        width: 54.16667%
    }

    .na-col-xs-offset-13 {
        margin-left: 54.16667%
    }

    .na-col-xs-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .na-col-xs-push-13 {
        position: relative;
        left: 54.16667%
    }

    .na-col-xs-14 {
        width: 58.33333%
    }

    .na-col-xs-offset-14 {
        margin-left: 58.33333%
    }

    .na-col-xs-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .na-col-xs-push-14 {
        position: relative;
        left: 58.33333%
    }

    .na-col-xs-15 {
        width: 62.5%
    }

    .na-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .na-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .na-col-xs-push-15 {
        position: relative;
        left: 62.5%
    }

    .na-col-xs-16 {
        width: 66.66667%
    }

    .na-col-xs-offset-16 {
        margin-left: 66.66667%
    }

    .na-col-xs-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .na-col-xs-push-16 {
        position: relative;
        left: 66.66667%
    }

    .na-col-xs-17 {
        width: 70.83333%
    }

    .na-col-xs-offset-17 {
        margin-left: 70.83333%
    }

    .na-col-xs-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .na-col-xs-push-17 {
        position: relative;
        left: 70.83333%
    }

    .na-col-xs-18 {
        width: 75%
    }

    .na-col-xs-offset-18 {
        margin-left: 75%
    }

    .na-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .na-col-xs-push-18 {
        position: relative;
        left: 75%
    }

    .na-col-xs-19 {
        width: 79.16667%
    }

    .na-col-xs-offset-19 {
        margin-left: 79.16667%
    }

    .na-col-xs-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .na-col-xs-push-19 {
        position: relative;
        left: 79.16667%
    }

    .na-col-xs-20 {
        width: 83.33333%
    }

    .na-col-xs-offset-20 {
        margin-left: 83.33333%
    }

    .na-col-xs-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .na-col-xs-push-20 {
        position: relative;
        left: 83.33333%
    }

    .na-col-xs-21 {
        width: 87.5%
    }

    .na-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .na-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .na-col-xs-push-21 {
        position: relative;
        left: 87.5%
    }

    .na-col-xs-22 {
        width: 91.66667%
    }

    .na-col-xs-offset-22 {
        margin-left: 91.66667%
    }

    .na-col-xs-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .na-col-xs-push-22 {
        position: relative;
        left: 91.66667%
    }

    .na-col-xs-23 {
        width: 95.83333%
    }

    .na-col-xs-offset-23 {
        margin-left: 95.83333%
    }

    .na-col-xs-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .na-col-xs-push-23 {
        position: relative;
        left: 95.83333%
    }

    .na-col-xs-24 {
        width: 100%
    }

    .na-col-xs-offset-24 {
        margin-left: 100%
    }

    .na-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .na-col-xs-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width: 768px) {
    .na-col-sm-0 {
        display:none;
        width: 0%
    }

    .na-col-sm-offset-0 {
        margin-left: 0
    }

    .na-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .na-col-sm-push-0 {
        position: relative;
        left: 0
    }

    .na-col-sm-1 {
        width: 4.16667%
    }

    .na-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .na-col-sm-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .na-col-sm-push-1 {
        position: relative;
        left: 4.16667%
    }

    .na-col-sm-2 {
        width: 8.33333%
    }

    .na-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .na-col-sm-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .na-col-sm-push-2 {
        position: relative;
        left: 8.33333%
    }

    .na-col-sm-3 {
        width: 12.5%
    }

    .na-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .na-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .na-col-sm-push-3 {
        position: relative;
        left: 12.5%
    }

    .na-col-sm-4 {
        width: 16.66667%
    }

    .na-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .na-col-sm-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .na-col-sm-push-4 {
        position: relative;
        left: 16.66667%
    }

    .na-col-sm-5 {
        width: 20.83333%
    }

    .na-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .na-col-sm-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .na-col-sm-push-5 {
        position: relative;
        left: 20.83333%
    }

    .na-col-sm-6 {
        width: 25%
    }

    .na-col-sm-offset-6 {
        margin-left: 25%
    }

    .na-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .na-col-sm-push-6 {
        position: relative;
        left: 25%
    }

    .na-col-sm-7 {
        width: 29.16667%
    }

    .na-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .na-col-sm-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .na-col-sm-push-7 {
        position: relative;
        left: 29.16667%
    }

    .na-col-sm-8 {
        width: 33.33333%
    }

    .na-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .na-col-sm-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .na-col-sm-push-8 {
        position: relative;
        left: 33.33333%
    }

    .na-col-sm-9 {
        width: 37.5%
    }

    .na-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .na-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .na-col-sm-push-9 {
        position: relative;
        left: 37.5%
    }

    .na-col-sm-10 {
        width: 41.66667%
    }

    .na-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .na-col-sm-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .na-col-sm-push-10 {
        position: relative;
        left: 41.66667%
    }

    .na-col-sm-11 {
        width: 45.83333%
    }

    .na-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .na-col-sm-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .na-col-sm-push-11 {
        position: relative;
        left: 45.83333%
    }

    .na-col-sm-12 {
        width: 50%
    }

    .na-col-sm-offset-12 {
        margin-left: 50%
    }

    .na-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .na-col-sm-push-12 {
        position: relative;
        left: 50%
    }

    .na-col-sm-13 {
        width: 54.16667%
    }

    .na-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .na-col-sm-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .na-col-sm-push-13 {
        position: relative;
        left: 54.16667%
    }

    .na-col-sm-14 {
        width: 58.33333%
    }

    .na-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .na-col-sm-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .na-col-sm-push-14 {
        position: relative;
        left: 58.33333%
    }

    .na-col-sm-15 {
        width: 62.5%
    }

    .na-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .na-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .na-col-sm-push-15 {
        position: relative;
        left: 62.5%
    }

    .na-col-sm-16 {
        width: 66.66667%
    }

    .na-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .na-col-sm-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .na-col-sm-push-16 {
        position: relative;
        left: 66.66667%
    }

    .na-col-sm-17 {
        width: 70.83333%
    }

    .na-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .na-col-sm-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .na-col-sm-push-17 {
        position: relative;
        left: 70.83333%
    }

    .na-col-sm-18 {
        width: 75%
    }

    .na-col-sm-offset-18 {
        margin-left: 75%
    }

    .na-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .na-col-sm-push-18 {
        position: relative;
        left: 75%
    }

    .na-col-sm-19 {
        width: 79.16667%
    }

    .na-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .na-col-sm-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .na-col-sm-push-19 {
        position: relative;
        left: 79.16667%
    }

    .na-col-sm-20 {
        width: 83.33333%
    }

    .na-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .na-col-sm-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .na-col-sm-push-20 {
        position: relative;
        left: 83.33333%
    }

    .na-col-sm-21 {
        width: 87.5%
    }

    .na-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .na-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .na-col-sm-push-21 {
        position: relative;
        left: 87.5%
    }

    .na-col-sm-22 {
        width: 91.66667%
    }

    .na-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .na-col-sm-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .na-col-sm-push-22 {
        position: relative;
        left: 91.66667%
    }

    .na-col-sm-23 {
        width: 95.83333%
    }

    .na-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .na-col-sm-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .na-col-sm-push-23 {
        position: relative;
        left: 95.83333%
    }

    .na-col-sm-24 {
        width: 100%
    }

    .na-col-sm-offset-24 {
        margin-left: 100%
    }

    .na-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .na-col-sm-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width: 992px) {
    .na-col-md-0 {
        display:none;
        width: 0%
    }

    .na-col-md-offset-0 {
        margin-left: 0
    }

    .na-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .na-col-md-push-0 {
        position: relative;
        left: 0
    }

    .na-col-md-1 {
        width: 4.16667%
    }

    .na-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .na-col-md-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .na-col-md-push-1 {
        position: relative;
        left: 4.16667%
    }

    .na-col-md-2 {
        width: 8.33333%
    }

    .na-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .na-col-md-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .na-col-md-push-2 {
        position: relative;
        left: 8.33333%
    }

    .na-col-md-3 {
        width: 12.5%
    }

    .na-col-md-offset-3 {
        margin-left: 12.5%
    }

    .na-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .na-col-md-push-3 {
        position: relative;
        left: 12.5%
    }

    .na-col-md-4 {
        width: 16.66667%
    }

    .na-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .na-col-md-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .na-col-md-push-4 {
        position: relative;
        left: 16.66667%
    }

    .na-col-md-5 {
        width: 20.83333%
    }

    .na-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .na-col-md-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .na-col-md-push-5 {
        position: relative;
        left: 20.83333%
    }

    .na-col-md-6 {
        width: 25%
    }

    .na-col-md-offset-6 {
        margin-left: 25%
    }

    .na-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .na-col-md-push-6 {
        position: relative;
        left: 25%
    }

    .na-col-md-7 {
        width: 29.16667%
    }

    .na-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .na-col-md-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .na-col-md-push-7 {
        position: relative;
        left: 29.16667%
    }

    .na-col-md-8 {
        width: 33.33333%
    }

    .na-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .na-col-md-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .na-col-md-push-8 {
        position: relative;
        left: 33.33333%
    }

    .na-col-md-9 {
        width: 37.5%
    }

    .na-col-md-offset-9 {
        margin-left: 37.5%
    }

    .na-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .na-col-md-push-9 {
        position: relative;
        left: 37.5%
    }

    .na-col-md-10 {
        width: 41.66667%
    }

    .na-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .na-col-md-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .na-col-md-push-10 {
        position: relative;
        left: 41.66667%
    }

    .na-col-md-11 {
        width: 45.83333%
    }

    .na-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .na-col-md-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .na-col-md-push-11 {
        position: relative;
        left: 45.83333%
    }

    .na-col-md-12 {
        width: 50%
    }

    .na-col-md-offset-12 {
        margin-left: 50%
    }

    .na-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .na-col-md-push-12 {
        position: relative;
        left: 50%
    }

    .na-col-md-13 {
        width: 54.16667%
    }

    .na-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .na-col-md-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .na-col-md-push-13 {
        position: relative;
        left: 54.16667%
    }

    .na-col-md-14 {
        width: 58.33333%
    }

    .na-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .na-col-md-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .na-col-md-push-14 {
        position: relative;
        left: 58.33333%
    }

    .na-col-md-15 {
        width: 62.5%
    }

    .na-col-md-offset-15 {
        margin-left: 62.5%
    }

    .na-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .na-col-md-push-15 {
        position: relative;
        left: 62.5%
    }

    .na-col-md-16 {
        width: 66.66667%
    }

    .na-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .na-col-md-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .na-col-md-push-16 {
        position: relative;
        left: 66.66667%
    }

    .na-col-md-17 {
        width: 70.83333%
    }

    .na-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .na-col-md-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .na-col-md-push-17 {
        position: relative;
        left: 70.83333%
    }

    .na-col-md-18 {
        width: 75%
    }

    .na-col-md-offset-18 {
        margin-left: 75%
    }

    .na-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .na-col-md-push-18 {
        position: relative;
        left: 75%
    }

    .na-col-md-19 {
        width: 79.16667%
    }

    .na-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .na-col-md-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .na-col-md-push-19 {
        position: relative;
        left: 79.16667%
    }

    .na-col-md-20 {
        width: 83.33333%
    }

    .na-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .na-col-md-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .na-col-md-push-20 {
        position: relative;
        left: 83.33333%
    }

    .na-col-md-21 {
        width: 87.5%
    }

    .na-col-md-offset-21 {
        margin-left: 87.5%
    }

    .na-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .na-col-md-push-21 {
        position: relative;
        left: 87.5%
    }

    .na-col-md-22 {
        width: 91.66667%
    }

    .na-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .na-col-md-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .na-col-md-push-22 {
        position: relative;
        left: 91.66667%
    }

    .na-col-md-23 {
        width: 95.83333%
    }

    .na-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .na-col-md-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .na-col-md-push-23 {
        position: relative;
        left: 95.83333%
    }

    .na-col-md-24 {
        width: 100%
    }

    .na-col-md-offset-24 {
        margin-left: 100%
    }

    .na-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .na-col-md-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width: 1200px) {
    .na-col-lg-0 {
        display:none;
        width: 0%
    }

    .na-col-lg-offset-0 {
        margin-left: 0
    }

    .na-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .na-col-lg-push-0 {
        position: relative;
        left: 0
    }

    .na-col-lg-1 {
        width: 4.16667%
    }

    .na-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .na-col-lg-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .na-col-lg-push-1 {
        position: relative;
        left: 4.16667%
    }

    .na-col-lg-2 {
        width: 8.33333%
    }

    .na-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .na-col-lg-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .na-col-lg-push-2 {
        position: relative;
        left: 8.33333%
    }

    .na-col-lg-3 {
        width: 12.5%
    }

    .na-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .na-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .na-col-lg-push-3 {
        position: relative;
        left: 12.5%
    }

    .na-col-lg-4 {
        width: 16.66667%
    }

    .na-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .na-col-lg-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .na-col-lg-push-4 {
        position: relative;
        left: 16.66667%
    }

    .na-col-lg-5 {
        width: 20.83333%
    }

    .na-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .na-col-lg-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .na-col-lg-push-5 {
        position: relative;
        left: 20.83333%
    }

    .na-col-lg-6 {
        width: 25%
    }

    .na-col-lg-offset-6 {
        margin-left: 25%
    }

    .na-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .na-col-lg-push-6 {
        position: relative;
        left: 25%
    }

    .na-col-lg-7 {
        width: 29.16667%
    }

    .na-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .na-col-lg-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .na-col-lg-push-7 {
        position: relative;
        left: 29.16667%
    }

    .na-col-lg-8 {
        width: 33.33333%
    }

    .na-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .na-col-lg-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .na-col-lg-push-8 {
        position: relative;
        left: 33.33333%
    }

    .na-col-lg-9 {
        width: 37.5%
    }

    .na-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .na-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .na-col-lg-push-9 {
        position: relative;
        left: 37.5%
    }

    .na-col-lg-10 {
        width: 41.66667%
    }

    .na-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .na-col-lg-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .na-col-lg-push-10 {
        position: relative;
        left: 41.66667%
    }

    .na-col-lg-11 {
        width: 45.83333%
    }

    .na-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .na-col-lg-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .na-col-lg-push-11 {
        position: relative;
        left: 45.83333%
    }

    .na-col-lg-12 {
        width: 50%
    }

    .na-col-lg-offset-12 {
        margin-left: 50%
    }

    .na-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .na-col-lg-push-12 {
        position: relative;
        left: 50%
    }

    .na-col-lg-13 {
        width: 54.16667%
    }

    .na-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .na-col-lg-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .na-col-lg-push-13 {
        position: relative;
        left: 54.16667%
    }

    .na-col-lg-14 {
        width: 58.33333%
    }

    .na-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .na-col-lg-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .na-col-lg-push-14 {
        position: relative;
        left: 58.33333%
    }

    .na-col-lg-15 {
        width: 62.5%
    }

    .na-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .na-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .na-col-lg-push-15 {
        position: relative;
        left: 62.5%
    }

    .na-col-lg-16 {
        width: 66.66667%
    }

    .na-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .na-col-lg-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .na-col-lg-push-16 {
        position: relative;
        left: 66.66667%
    }

    .na-col-lg-17 {
        width: 70.83333%
    }

    .na-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .na-col-lg-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .na-col-lg-push-17 {
        position: relative;
        left: 70.83333%
    }

    .na-col-lg-18 {
        width: 75%
    }

    .na-col-lg-offset-18 {
        margin-left: 75%
    }

    .na-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .na-col-lg-push-18 {
        position: relative;
        left: 75%
    }

    .na-col-lg-19 {
        width: 79.16667%
    }

    .na-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .na-col-lg-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .na-col-lg-push-19 {
        position: relative;
        left: 79.16667%
    }

    .na-col-lg-20 {
        width: 83.33333%
    }

    .na-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .na-col-lg-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .na-col-lg-push-20 {
        position: relative;
        left: 83.33333%
    }

    .na-col-lg-21 {
        width: 87.5%
    }

    .na-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .na-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .na-col-lg-push-21 {
        position: relative;
        left: 87.5%
    }

    .na-col-lg-22 {
        width: 91.66667%
    }

    .na-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .na-col-lg-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .na-col-lg-push-22 {
        position: relative;
        left: 91.66667%
    }

    .na-col-lg-23 {
        width: 95.83333%
    }

    .na-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .na-col-lg-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .na-col-lg-push-23 {
        position: relative;
        left: 95.83333%
    }

    .na-col-lg-24 {
        width: 100%
    }

    .na-col-lg-offset-24 {
        margin-left: 100%
    }

    .na-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .na-col-lg-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width: 1920px) {
    .na-col-xl-0 {
        display:none;
        width: 0%
    }

    .na-col-xl-offset-0 {
        margin-left: 0
    }

    .na-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .na-col-xl-push-0 {
        position: relative;
        left: 0
    }

    .na-col-xl-1 {
        width: 4.16667%
    }

    .na-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .na-col-xl-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .na-col-xl-push-1 {
        position: relative;
        left: 4.16667%
    }

    .na-col-xl-2 {
        width: 8.33333%
    }

    .na-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .na-col-xl-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .na-col-xl-push-2 {
        position: relative;
        left: 8.33333%
    }

    .na-col-xl-3 {
        width: 12.5%
    }

    .na-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .na-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .na-col-xl-push-3 {
        position: relative;
        left: 12.5%
    }

    .na-col-xl-4 {
        width: 16.66667%
    }

    .na-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .na-col-xl-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .na-col-xl-push-4 {
        position: relative;
        left: 16.66667%
    }

    .na-col-xl-5 {
        width: 20.83333%
    }

    .na-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .na-col-xl-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .na-col-xl-push-5 {
        position: relative;
        left: 20.83333%
    }

    .na-col-xl-6 {
        width: 25%
    }

    .na-col-xl-offset-6 {
        margin-left: 25%
    }

    .na-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .na-col-xl-push-6 {
        position: relative;
        left: 25%
    }

    .na-col-xl-7 {
        width: 29.16667%
    }

    .na-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .na-col-xl-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .na-col-xl-push-7 {
        position: relative;
        left: 29.16667%
    }

    .na-col-xl-8 {
        width: 33.33333%
    }

    .na-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .na-col-xl-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .na-col-xl-push-8 {
        position: relative;
        left: 33.33333%
    }

    .na-col-xl-9 {
        width: 37.5%
    }

    .na-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .na-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .na-col-xl-push-9 {
        position: relative;
        left: 37.5%
    }

    .na-col-xl-10 {
        width: 41.66667%
    }

    .na-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .na-col-xl-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .na-col-xl-push-10 {
        position: relative;
        left: 41.66667%
    }

    .na-col-xl-11 {
        width: 45.83333%
    }

    .na-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .na-col-xl-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .na-col-xl-push-11 {
        position: relative;
        left: 45.83333%
    }

    .na-col-xl-12 {
        width: 50%
    }

    .na-col-xl-offset-12 {
        margin-left: 50%
    }

    .na-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .na-col-xl-push-12 {
        position: relative;
        left: 50%
    }

    .na-col-xl-13 {
        width: 54.16667%
    }

    .na-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .na-col-xl-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .na-col-xl-push-13 {
        position: relative;
        left: 54.16667%
    }

    .na-col-xl-14 {
        width: 58.33333%
    }

    .na-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .na-col-xl-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .na-col-xl-push-14 {
        position: relative;
        left: 58.33333%
    }

    .na-col-xl-15 {
        width: 62.5%
    }

    .na-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .na-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .na-col-xl-push-15 {
        position: relative;
        left: 62.5%
    }

    .na-col-xl-16 {
        width: 66.66667%
    }

    .na-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .na-col-xl-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .na-col-xl-push-16 {
        position: relative;
        left: 66.66667%
    }

    .na-col-xl-17 {
        width: 70.83333%
    }

    .na-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .na-col-xl-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .na-col-xl-push-17 {
        position: relative;
        left: 70.83333%
    }

    .na-col-xl-18 {
        width: 75%
    }

    .na-col-xl-offset-18 {
        margin-left: 75%
    }

    .na-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .na-col-xl-push-18 {
        position: relative;
        left: 75%
    }

    .na-col-xl-19 {
        width: 79.16667%
    }

    .na-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .na-col-xl-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .na-col-xl-push-19 {
        position: relative;
        left: 79.16667%
    }

    .na-col-xl-20 {
        width: 83.33333%
    }

    .na-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .na-col-xl-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .na-col-xl-push-20 {
        position: relative;
        left: 83.33333%
    }

    .na-col-xl-21 {
        width: 87.5%
    }

    .na-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .na-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .na-col-xl-push-21 {
        position: relative;
        left: 87.5%
    }

    .na-col-xl-22 {
        width: 91.66667%
    }

    .na-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .na-col-xl-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .na-col-xl-push-22 {
        position: relative;
        left: 91.66667%
    }

    .na-col-xl-23 {
        width: 95.83333%
    }

    .na-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .na-col-xl-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .na-col-xl-push-23 {
        position: relative;
        left: 95.83333%
    }

    .na-col-xl-24 {
        width: 100%
    }

    .na-col-xl-offset-24 {
        margin-left: 100%
    }

    .na-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .na-col-xl-push-24 {
        position: relative;
        left: 100%
    }
}

.na-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0
}

.na-upload__input {
    display: none
}

.na-upload__tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px
}

.na-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    filter: alpha(opacity=0)
}

.na-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    cursor: pointer;
    line-height: 146px;
    vertical-align: top
}

.na-upload--picture-card i {
    font-size: 28px;
    color: #8c939d
}

.na-upload--picture-card:hover,.na-upload:focus {
    border-color: #409eff;
    color: #409eff
}

.na-upload:focus .na-upload-dragger {
    border-color: #409eff
}

.na-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.na-upload-dragger .el-icon-upload {
    font-size: 67px;
    color: #c0c4cc;
    margin: 40px 0 16px;
    line-height: 50px
}

.na-upload-dragger+.na-upload__tip {
    text-align: center
}

.na-upload-dragger~.na-upload__files {
    border-top: 1px solid #dcdfe6;
    margin-top: 7px;
    padding-top: 5px
}

.na-upload-dragger .na-upload__text {
    color: #606266;
    font-size: 14px;
    text-align: center
}

.na-upload-dragger .na-upload__text em {
    color: #409eff;
    font-style: normal
}

.na-upload-dragger:hover {
    border-color: #409eff
}

.na-upload-dragger.is-dragover {
    background-color: rgba(32,159,255,.06);
    border: 2px dashed #409eff
}

.na-upload-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.na-upload-list__item {
    transition: all .5s cubic-bezier(0.55, 0, 0.1, 1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.na-upload-list__item .na-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.na-upload-list__item .na-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.na-upload-list__item .na-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.na-upload-list__item:first-child {
    margin-top: 10px
}

.na-upload-list__item .el-icon-upload-success {
    color: #67c23a
}

.na-upload-list__item .el-icon-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .75;
    color: #606266
}

.na-upload-list__item .el-icon-close:hover {
    opacity: 1
}

.na-upload-list__item .el-icon-close-tip {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    opacity: 1;
    color: #409eff
}

.na-upload-list__item:hover .el-icon-close {
    display: inline-block
}

.na-upload-list__item:hover .na-progress__text {
    display: none
}

.na-upload-list__item.is-success .na-upload-list__item-status-label {
    display: block
}

.na-upload-list__item.is-success .na-upload-list__item-name:focus,.na-upload-list__item.is-success .na-upload-list__item-name:hover {
    color: #409eff;
    cursor: pointer
}

.na-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block
}

.na-upload-list__item.is-success:active,.na-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.na-upload-list__item.is-success:active .el-icon-close-tip,.na-upload-list__item.is-success:focus .na-upload-list__item-status-label,.na-upload-list__item.is-success:hover .na-upload-list__item-status-label,.na-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.na-upload-list.is-disabled .na-upload-list__item:hover .na-upload-list__item-status-label {
    display: block
}

.na-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap
}

.na-upload-list__item-name [class^=el-icon] {
    height: 100%;
    margin-right: 7px;
    color: #909399;
    line-height: inherit
}

.na-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none
}

.na-upload-list__item-delete {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #606266;
    display: none
}

.na-upload-list__item-delete:hover {
    color: #409eff
}

.na-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top
}

.na-upload-list--picture-card .na-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    margin: 0 8px 8px 0;
    display: inline-block
}

.na-upload-list--picture-card .na-upload-list__item .el-icon-check,.na-upload-list--picture-card .na-upload-list__item .el-icon-circle-check {
    color: #fff
}

.na-upload-list--picture-card .na-upload-list__item .el-icon-close,.na-upload-list--picture-card .na-upload-list__item:hover .na-upload-list__item-status-label {
    display: none
}

.na-upload-list--picture-card .na-upload-list__item:hover .na-progress__text {
    display: block
}

.na-upload-list--picture-card .na-upload-list__item-name {
    display: none
}

.na-upload-list--picture-card .na-upload-list__item-thumbnail {
    width: 100%;
    height: 100%
}

.na-upload-list--picture-card .na-upload-list__item-status-label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
}

.na-upload-list--picture-card .na-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.na-upload-list--picture-card .na-upload-list__item-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    background-color: rgba(0,0,0,.5);
    transition: opacity .3s
}

.na-upload-list--picture-card .na-upload-list__item-actions::after {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.na-upload-list--picture-card .na-upload-list__item-actions span {
    display: none;
    cursor: pointer
}

.na-upload-list--picture-card .na-upload-list__item-actions span+span {
    margin-left: 15px
}

.na-upload-list--picture-card .na-upload-list__item-actions .na-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit
}

.na-upload-list--picture-card .na-upload-list__item-actions:hover {
    opacity: 1
}

.na-upload-list--picture-card .na-upload-list__item-actions:hover span {
    display: inline-block
}

.na-upload-list--picture-card .na-progress {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    width: 126px
}

.na-upload-list--picture-card .na-progress .na-progress__text {
    top: 50%
}

.na-upload-list--picture .na-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 92px
}

.na-upload-list--picture .na-upload-list__item .el-icon-check,.na-upload-list--picture .na-upload-list__item .el-icon-circle-check {
    color: #fff
}

.na-upload-list--picture .na-upload-list__item:hover .na-upload-list__item-status-label {
    background: 0 0;
    box-shadow: none;
    top: -2px;
    right: -12px
}

.na-upload-list--picture .na-upload-list__item:hover .na-progress__text {
    display: block
}

.na-upload-list--picture .na-upload-list__item.is-success .na-upload-list__item-name {
    line-height: 70px;
    margin-top: 0
}

.na-upload-list--picture .na-upload-list__item.is-success .na-upload-list__item-name i {
    display: none
}

.na-upload-list--picture .na-upload-list__item-thumbnail {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -80px;
    background-color: #fff
}

.na-upload-list--picture .na-upload-list__item-name {
    display: block;
    margin-top: 20px
}

.na-upload-list--picture .na-upload-list__item-name i {
    font-size: 70px;
    line-height: 1;
    position: absolute;
    left: 9px;
    top: 10px
}

.na-upload-list--picture .na-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 1px 1px #ccc
}

.na-upload-list--picture .na-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    transform: rotate(-45deg)
}

.na-upload-list--picture .na-progress {
    position: relative;
    top: -7px
}

.na-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default
}

.na-upload-cover::after {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.na-upload-cover img {
    display: block;
    width: 100%;
    height: 100%
}

.na-upload-cover__label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
}

.na-upload-cover__label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg);
    color: #fff
}

.na-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 243px
}

.na-upload-cover__progress+.na-upload__inner {
    opacity: 0
}

.na-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.na-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.72);
    text-align: center
}

.na-upload-cover__interact .btn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);
    margin-top: 60px
}

.na-upload-cover__interact .btn span {
    opacity: 0;
    transition: opacity .15s linear
}

.na-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.na-upload-cover__interact .btn:hover {
    transform: translateY(-13px)
}

.na-upload-cover__interact .btn:hover span {
    opacity: 1
}

.na-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.na-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 14px;
    color: #303133
}

.na-upload-cover+.na-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.na-progress {
    position: relative;
    line-height: 1
}

.na-progress__text {
    font-size: 14px;
    color: #606266;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1
}

.na-progress__text i {
    vertical-align: middle;
    display: block
}

.na-progress--circle,.na-progress--dashboard {
    display: inline-block
}

.na-progress--circle .na-progress__text,.na-progress--dashboard .na-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    transform: translate(0, -50%)
}

.na-progress--circle .na-progress__text i,.na-progress--dashboard .na-progress__text i {
    vertical-align: middle;
    display: inline-block
}

.na-progress--without-text .na-progress__text {
    display: none
}

.na-progress--without-text .na-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.na-progress--text-inside .na-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.na-progress.is-success .na-progress-bar__inner {
    background-color: #67c23a
}

.na-progress.is-success .na-progress__text {
    color: #67c23a
}

.na-progress.is-warning .na-progress-bar__inner {
    background-color: #e6a23c
}

.na-badge__content,.na-progress.is-exception .na-progress-bar__inner {
    background-color: #f56c6c
}

.na-progress.is-warning .na-progress__text {
    color: #e6a23c
}

.na-progress.is-exception .na-progress__text {
    color: #f56c6c
}

.na-progress-bar {
    padding-right: 50px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -55px;
    box-sizing: border-box
}

.na-card__header,.na-message,.na-step__icon {
    -webkit-box-sizing: border-box
}

.na-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.na-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409eff;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    transition: width .6s ease
}

.na-progress-bar__inner::after {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.na-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 32px 0
    }
}

.na-time-spinner {
    width: 100%;
    white-space: nowrap
}

.na-spinner {
    display: inline-block;
    vertical-align: middle
}

.na-spinner-inner {
    animation: rotate 2s linear infinite;
    width: 50px;
    height: 50px
}

.na-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

.na-message {
    min-width: 380px;
    box-sizing: border-box;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #ebeef5;
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    background-color: #edf2fc;
    transition: opacity .3s,transform .4s,top .4s;
    overflow: hidden;
    padding: 15px 15px 15px 20px;
    display: flex;
    align-items: center
}

.na-message.is-center {
    justify-content: center
}

.na-message.is-closable .na-message__content {
    padding-right: 16px
}

.na-message p {
    margin: 0
}

.na-message--info .na-message__content {
    color: #909399
}

.na-message--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8
}

.na-message--success .na-message__content {
    color: #67c23a
}

.na-message--warning {
    background-color: #fdf6ec;
    border-color: #faecd8
}

.na-message--warning .na-message__content {
    color: #e6a23c
}

.na-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2
}

.na-message--error .na-message__content {
    color: #f56c6c
}

.na-message__icon {
    margin-right: 10px
}

.na-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1
}

.na-message__content:focus {
    outline-width: 0
}

.na-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #c0c4cc;
    font-size: 16px
}

.na-message__closeBtn:focus {
    outline-width: 0
}

.na-message__closeBtn:hover {
    color: #909399
}

.na-message .el-icon-success {
    color: #67c23a
}

.na-message .el-icon-error {
    color: #f56c6c
}

.na-message .el-icon-info {
    color: #909399
}

.na-message .el-icon-warning {
    color: #e6a23c
}

.na-message-fade-enter,.na-message-fade-leave-active {
    opacity: 0;
    transform: translate(-50%, -100%)
}

.na-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.na-badge__content {
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #fff
}

.na-badge__content.is-fixed {
    position: absolute;
    top: 0;
    right: 10px;
    transform: translateY(-50%) translateX(100%)
}

.na-rate__icon,.na-rate__item {
    position: relative;
    display: inline-block
}

.na-badge__content.is-fixed.is-dot {
    right: 5px
}

.na-badge__content.is-dot {
    height: 8px;
    width: 8px;
    padding: 0;
    right: 0;
    border-radius: 50%
}

.na-badge__content--primary {
    background-color: #409eff
}

.na-badge__content--success {
    background-color: #67c23a
}

.na-badge__content--warning {
    background-color: #e6a23c
}

.na-badge__content--info {
    background-color: #909399
}

.na-badge__content--danger {
    background-color: #f56c6c
}

.na-card {
    border-radius: 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    overflow: hidden;
    color: #303133;
    transition: .3s
}

.na-card.is-always-shadow,.na-card.is-hover-shadow:focus,.na-card.is-hover-shadow:hover {
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.na-card__header {
    padding: 18px 20px;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box
}

.na-card__body,.na-main {
    padding: 20px
}

.na-rate {
    height: 20px;
    line-height: 1
}

.na-rate:active,.na-rate:focus {
    outline-width: 0
}

.na-rate__item {
    font-size: 0;
    vertical-align: middle
}

.na-rate__icon {
    font-size: 18px;
    margin-right: 6px;
    color: #c0c4cc;
    transition: .3s
}

.na-rate__decimal,.na-rate__icon .path2 {
    position: absolute;
    top: 0;
    left: 0
}

.na-rate__icon.hover {
    transform: scale(1.15)
}

.na-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.na-step.is-vertical,.na-steps {
    display: -ms-flexbox
}

.na-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.na-steps {
    display: flex
}

.na-steps--simple {
    padding: 13px 8%;
    border-radius: 4px;
    background: #f5f7fa
}

.na-steps--horizontal {
    white-space: nowrap
}

.na-steps--vertical {
    height: 100%;
    flex-flow: column
}

.na-step {
    position: relative;
    flex-shrink: 1
}

.na-step:last-of-type .na-step__line {
    display: none
}

.na-step:last-of-type.is-flex {
    flex-basis: auto !important;
    flex-shrink: 0;
    flex-grow: 0
}

.na-step:last-of-type .na-step__description,.na-step:last-of-type .na-step__main {
    padding-right: 0
}

.na-step__head {
    position: relative;
    width: 100%
}

.na-step__head.is-process {
    color: #303133;
    border-color: #303133
}

.na-step__head.is-wait {
    color: #c0c4cc;
    border-color: #c0c4cc
}

.na-step__head.is-success {
    color: #67c23a;
    border-color: #67c23a
}

.na-step__head.is-error {
    color: #f56c6c;
    border-color: #f56c6c
}

.na-step__head.is-finish {
    color: #409eff;
    border-color: #409eff
}

.na-step__icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    box-sizing: border-box;
    background: #fff;
    transition: .15s ease-out
}

.na-step.is-horizontal,.na-step__icon-inner {
    display: inline-block
}

.na-step__icon.is-text {
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit
}

.na-step__icon.is-icon {
    width: 40px
}

.na-step__icon-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.na-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
}

.na-step__icon-inner.is-status {
    transform: translateY(1px)
}

.na-step__line {
    position: absolute;
    border-color: inherit;
    background-color: #c0c4cc
}

.na-step__line-inner {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    transition: .15s ease-out;
    box-sizing: border-box;
    width: 0;
    height: 0
}

.na-step__main {
    white-space: normal;
    text-align: left
}

.na-step__title {
    font-size: 16px;
    line-height: 38px
}

.na-step__title.is-process {
    font-weight: 700;
    color: #303133
}

.na-step__title.is-wait {
    color: #c0c4cc
}

.na-step__title.is-success {
    color: #67c23a
}

.na-step__title.is-error {
    color: #f56c6c
}

.na-step__title.is-finish {
    color: #409eff
}

.na-step__description {
    padding-right: 10%;
    margin-top: -5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400
}

.na-step__description.is-process {
    color: #303133
}

.na-step__description.is-wait {
    color: #c0c4cc
}

.na-step__description.is-success {
    color: #67c23a
}

.na-step__description.is-error {
    color: #f56c6c
}

.na-step__description.is-finish {
    color: #409eff
}

.na-step.is-horizontal .na-step__line {
    height: 2px;
    top: 11px;
    left: 0;
    right: 0
}

.na-step.is-vertical {
    display: flex
}

.na-step.is-vertical .na-step__head {
    flex-grow: 0;
    width: 24px
}

.na-step.is-vertical .na-step__main {
    padding-left: 10px;
    flex-grow: 1
}

.na-step.is-vertical .na-step__title {
    line-height: 24px;
    padding-bottom: 8px
}

.na-step.is-vertical .na-step__line {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 11px
}

.na-step.is-vertical .na-step__icon.is-icon {
    width: 24px
}

.na-step.is-center .na-step__head,.na-step.is-center .na-step__main {
    text-align: center
}

.na-step.is-center .na-step__description {
    padding-left: 20%;
    padding-right: 20%
}

.na-step.is-center .na-step__line {
    left: 50%;
    right: -50%
}

.na-step.is-simple {
    display: flex;
    align-items: center
}

.na-step.is-simple .na-step__head {
    width: auto;
    font-size: 0;
    padding-right: 10px
}

.na-step.is-simple .na-step__icon {
    background: 0 0;
    width: 16px;
    height: 16px;
    font-size: 12px
}

.na-step.is-simple .na-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
}

.na-step.is-simple .na-step__icon-inner.is-status {
    transform: scale(0.8) translateY(1px)
}

.na-step.is-simple .na-step__main {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-grow: 1
}

.na-step.is-simple .na-step__title {
    font-size: 16px;
    line-height: 20px
}

.na-step.is-simple:not(:last-of-type) .na-step__title {
    max-width: 50%;
    word-break: break-all
}

.na-step.is-simple .na-step__arrow {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.na-step.is-simple .na-step__arrow::after,.na-step.is-simple .na-step__arrow::before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 1px;
    background: #c0c4cc
}

.na-step.is-simple .na-step__arrow::before {
    transform: rotate(-45deg) translateY(-4px);
    transform-origin: 0 0
}

.na-step.is-simple .na-step__arrow::after {
    transform: rotate(45deg) translateY(4px);
    transform-origin: 100% 100%
}

.na-step.is-simple:last-of-type .na-step__arrow {
    display: none
}

.na-carousel {
    position: relative
}

.na-carousel--horizontal {
    overflow-x: hidden
}

.na-carousel--vertical {
    overflow-y: hidden
}

.na-carousel__container {
    position: relative;
    height: 300px
}

.na-carousel__arrow {
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31,45,61,.11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px
}

.na-carousel__arrow--left {
    left: 16px
}

.na-carousel__arrow:hover {
    background-color: rgba(31,45,61,.23)
}

.na-carousel__arrow i {
    cursor: pointer
}

.na-carousel__indicators {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2
}

.na-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.na-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.na-carousel__indicators--outside {
    bottom: 26px;
    text-align: center;
    position: static;
    transform: none
}

.na-carousel__indicators--outside .na-carousel__indicator:hover button {
    opacity: .64
}

.na-carousel__indicators--outside button {
    background-color: #c0c4cc;
    opacity: .24
}

.na-carousel__indicators--labels {
    left: 0;
    right: 0;
    transform: none;
    text-align: center
}

.na-carousel__indicators--labels .na-carousel__button {
    height: auto;
    width: auto;
    padding: 2px 18px;
    font-size: 12px
}

.na-carousel__indicators--labels .na-carousel__indicator {
    padding: 6px 4px
}

.na-carousel__indicator {
    background-color: rgba(0,0,0,0);
    cursor: pointer
}

.na-carousel__indicator:hover button {
    opacity: .72
}

.na-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px
}

.na-carousel__indicator--vertical {
    padding: 4px 12px
}

.na-carousel__indicator--vertical .na-carousel__button {
    width: 2px;
    height: 15px
}

.na-carousel__indicator.is-active button {
    opacity: 1
}

.na-carousel__button {
    display: block;
    opacity: .48;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s
}

.na-carousel__item,.na-carousel__mask {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.carousel-arrow-left-enter,.carousel-arrow-left-leave-active {
    transform: translateY(-50%) translateX(-10px);
    opacity: 0
}

.carousel-arrow-right-enter,.carousel-arrow-right-leave-active {
    transform: translateY(-50%) translateX(10px);
    opacity: 0
}

.na-carousel__item {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0
}

.na-carousel__item.is-active {
    z-index: 2
}

.na-carousel__item.is-animating {
    transition: transform .4s ease-in-out
}

.na-carousel__item--card {
    width: 50%;
    transition: transform .4s ease-in-out
}

.na-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
}

.na-carousel__item--card.is-in-stage.is-hover .na-carousel__mask,.na-carousel__item--card.is-in-stage:hover .na-carousel__mask {
    opacity: .12
}

.na-carousel__item--card.is-active {
    z-index: 2
}

.na-carousel__mask {
    width: 100%;
    background-color: #fff;
    opacity: .24;
    transition: .2s
}

.fade-in-linear-enter-active,.fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active {
    opacity: 0
}

.na-fade-in-linear-enter-active,.na-fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.na-fade-in-linear-enter,.na-fade-in-linear-leave,.na-fade-in-linear-leave-active {
    opacity: 0
}

.na-fade-in-enter-active,.na-fade-in-leave-active {
    transition: all .3s cubic-bezier(0.55, 0, 0.1, 1)
}

.na-fade-in-enter,.na-fade-in-leave-active {
    opacity: 0
}

.na-zoom-in-center-enter-active,.na-zoom-in-center-leave-active {
    transition: all .3s cubic-bezier(0.55, 0, 0.1, 1)
}

.na-zoom-in-center-enter,.na-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.na-zoom-in-top-enter-active,.na-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center top
}

.na-zoom-in-top-enter,.na-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.na-zoom-in-bottom-enter-active,.na-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center bottom
}

.na-zoom-in-bottom-enter,.na-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.na-zoom-in-left-enter-active,.na-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1, 1);
    transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: top left
}

.na-zoom-in-left-enter,.na-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(0.45, 0.45)
}

.collapse-transition {
    transition: .3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    transition: .3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out
}

.na-list-enter-active,.na-list-leave-active {
    transition: all 1s
}

.na-list-enter,.na-list-leave-active {
    opacity: 0;
    transform: translateY(-30px)
}

.na-opacity-transition {
    transition: opacity .3s cubic-bezier(0.55, 0, 0.1, 1)
}

.na-collapse {
    border-top: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5
}

.na-collapse-item.is-disabled .na-collapse-item__header {
    color: #bbb;
    cursor: not-allowed
}

.na-collapse-item__header {
    display: flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
    background-color: #fff;
    color: #303133;
    cursor: pointer;
    border-bottom: 1px solid #ebeef5;
    font-size: 13px;
    font-weight: 500;
    transition: border-bottom-color .3s;
    outline: 0
}

.na-collapse-item__arrow {
    margin: 0 8px 0 auto;
    transition: transform .3s;
    font-weight: 300
}

.na-collapse-item__arrow.is-active {
    transform: rotate(90deg)
}

.na-collapse-item__header.focusing:focus:not(:hover) {
    color: #409eff
}

.na-collapse-item__header.is-active {
    border-bottom-color: rgba(0,0,0,0)
}

.na-collapse-item__wrap {
    will-change: height;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef5
}

.na-cascader__search-input,.na-cascader__tags,.na-tag {
    -webkit-box-sizing: border-box
}

.na-collapse-item__content {
    padding-bottom: 25px;
    font-size: 13px;
    color: #303133;
    line-height: 1.7692307692
}

.na-collapse-item:last-child {
    margin-bottom: -1px
}

.na-popper .popper__arrow,.na-popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,0);
    border-style: solid
}

.na-cascader,.na-tag {
    display: inline-block
}

.na-popper .popper__arrow {
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03))
}

.na-popper .popper__arrow::after {
    content: " ";
    border-width: 6px
}

.na-popper[x-placement^=top] {
    margin-bottom: 12px
}

.na-popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: #ebeef5;
    border-bottom-width: 0
}

.na-popper[x-placement^=top] .popper__arrow::after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.na-popper[x-placement^=bottom] {
    margin-top: 12px
}

.na-popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #ebeef5
}

.na-popper[x-placement^=bottom] .popper__arrow::after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.na-popper[x-placement^=right] {
    margin-left: 12px
}

.na-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: #ebeef5;
    border-left-width: 0
}

.na-popper[x-placement^=right] .popper__arrow::after {
    bottom: -6px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.na-popper[x-placement^=left] {
    margin-right: 12px
}

.na-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #ebeef5
}

.na-popper[x-placement^=left] .popper__arrow::after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: #fff
}

.na-tag {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409eff;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap
}

.na-tag.is-hit {
    border-color: #409eff
}

.na-tag .na-tag__close {
    color: #409eff
}

.na-tag .na-tag__close:hover {
    color: #fff;
    background-color: #409eff
}

.na-tag.na-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399
}

.na-tag.na-tag--info.is-hit {
    border-color: #909399
}

.na-tag.na-tag--info .na-tag__close {
    color: #909399
}

.na-tag.na-tag--info .na-tag__close:hover {
    color: #fff;
    background-color: #909399
}

.na-tag.na-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a
}

.na-tag.na-tag--success.is-hit {
    border-color: #67c23a
}

.na-tag.na-tag--success .na-tag__close {
    color: #67c23a
}

.na-tag.na-tag--success .na-tag__close:hover {
    color: #fff;
    background-color: #67c23a
}

.na-tag.na-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c
}

.na-tag.na-tag--warning.is-hit {
    border-color: #e6a23c
}

.na-tag.na-tag--warning .na-tag__close {
    color: #e6a23c
}

.na-tag.na-tag--warning .na-tag__close:hover {
    color: #fff;
    background-color: #e6a23c
}

.na-tag.na-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c
}

.na-tag.na-tag--danger.is-hit {
    border-color: #f56c6c
}

.na-tag.na-tag--danger .na-tag__close {
    color: #f56c6c
}

.na-tag.na-tag--danger .na-tag__close:hover {
    color: #fff;
    background-color: #f56c6c
}

.na-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px
}

.na-tag .el-icon-close::before {
    display: block
}

.na-tag--dark {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff
}

.na-tag--dark.is-hit {
    border-color: #409eff
}

.na-tag--dark .na-tag__close {
    color: #fff
}

.na-tag--dark .na-tag__close:hover {
    color: #fff;
    background-color: #66b1ff
}

.na-tag--dark.na-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff
}

.na-tag--dark.na-tag--info.is-hit {
    border-color: #909399
}

.na-tag--dark.na-tag--info .na-tag__close {
    color: #fff
}

.na-tag--dark.na-tag--info .na-tag__close:hover {
    color: #fff;
    background-color: #a6a9ad
}

.na-tag--dark.na-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.na-tag--dark.na-tag--success.is-hit {
    border-color: #67c23a
}

.na-tag--dark.na-tag--success .na-tag__close {
    color: #fff
}

.na-tag--dark.na-tag--success .na-tag__close:hover {
    color: #fff;
    background-color: #85ce61
}

.na-tag--dark.na-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.na-tag--dark.na-tag--warning.is-hit {
    border-color: #e6a23c
}

.na-tag--dark.na-tag--warning .na-tag__close {
    color: #fff
}

.na-tag--dark.na-tag--warning .na-tag__close:hover {
    color: #fff;
    background-color: #ebb563
}

.na-tag--dark.na-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.na-tag--dark.na-tag--danger.is-hit {
    border-color: #f56c6c
}

.na-tag--dark.na-tag--danger .na-tag__close {
    color: #fff
}

.na-tag--dark.na-tag--danger .na-tag__close:hover {
    color: #fff;
    background-color: #f78989
}

.na-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #409eff
}

.na-tag--plain.is-hit {
    border-color: #409eff
}

.na-tag--plain .na-tag__close {
    color: #409eff
}

.na-tag--plain .na-tag__close:hover {
    color: #fff;
    background-color: #409eff
}

.na-tag--plain.na-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399
}

.na-tag--plain.na-tag--info.is-hit {
    border-color: #909399
}

.na-tag--plain.na-tag--info .na-tag__close {
    color: #909399
}

.na-tag--plain.na-tag--info .na-tag__close:hover {
    color: #fff;
    background-color: #909399
}

.na-tag--plain.na-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a
}

.na-tag--plain.na-tag--success.is-hit {
    border-color: #67c23a
}

.na-tag--plain.na-tag--success .na-tag__close {
    color: #67c23a
}

.na-tag--plain.na-tag--success .na-tag__close:hover {
    color: #fff;
    background-color: #67c23a
}

.na-tag--plain.na-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c
}

.na-tag--plain.na-tag--warning.is-hit {
    border-color: #e6a23c
}

.na-tag--plain.na-tag--warning .na-tag__close {
    color: #e6a23c
}

.na-tag--plain.na-tag--warning .na-tag__close:hover {
    color: #fff;
    background-color: #e6a23c
}

.na-tag--plain.na-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c
}

.na-tag--plain.na-tag--danger.is-hit {
    border-color: #f56c6c
}

.na-tag--plain.na-tag--danger .na-tag__close {
    color: #f56c6c
}

.na-tag--plain.na-tag--danger .na-tag__close:hover {
    color: #fff;
    background-color: #f56c6c
}

.na-tag--medium {
    height: 28px;
    line-height: 26px
}

.na-tag--medium .el-icon-close {
    transform: scale(0.8)
}

.na-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px
}

.na-tag--small .el-icon-close {
    transform: scale(0.8)
}

.na-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px
}

.na-tag--mini .el-icon-close {
    margin-left: -3px;
    transform: scale(0.7)
}

.na-cascader {
    position: relative;
    font-size: 14px;
    line-height: 40px
}

.na-cascader:not(.is-disabled):hover .na-input__inner {
    cursor: pointer;
    border-color: #c0c4cc
}

.na-cascader .na-input .na-input__inner:focus,.na-cascader .na-input.is-focus .na-input__inner {
    border-color: #409eff
}

.na-cascader .na-input {
    cursor: pointer
}

.na-cascader .na-input .na-input__inner {
    text-overflow: ellipsis
}

.na-cascader .na-input .el-icon-arrow-down {
    transition: transform .3s;
    font-size: 14px
}

.na-cascader .na-input .el-icon-arrow-down.is-reverse {
    transform: rotateZ(180deg)
}

.na-cascader .na-input .el-icon-circle-close:hover {
    color: #909399
}

.na-cascader--medium {
    font-size: 14px;
    line-height: 36px
}

.na-cascader--small {
    font-size: 13px;
    line-height: 32px
}

.na-cascader--mini {
    font-size: 12px;
    line-height: 28px
}

.na-cascader.is-disabled .na-cascader__label {
    z-index: 2;
    color: #c0c4cc
}

.na-cascader__dropdown {
    margin: 5px 0;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.na-cascader__tags {
    position: absolute;
    left: 0;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    text-align: left;
    box-sizing: border-box
}

.na-cascader__tags .na-tag {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin: 2px 0 2px 6px;
    text-overflow: ellipsis;
    background: #f0f2f5
}

.na-cascader__tags .na-tag:not(.is-hit) {
    border-color: rgba(0,0,0,0)
}

.na-cascader__tags .na-tag>span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.na-cascader__tags .na-tag .el-icon-close {
    flex: none;
    background-color: #c0c4cc;
    color: #fff
}

.na-cascader__tags .na-tag .el-icon-close:hover {
    background-color: #909399
}

.na-cascader__suggestion-panel {
    border-radius: 4px
}

.na-cascader__suggestion-list {
    max-height: 204px;
    margin: 0;
    padding: 6px 0;
    font-size: 14px;
    color: #606266;
    text-align: center
}

.na-cascader__suggestion-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    text-align: left;
    outline: 0;
    cursor: pointer
}

.na-cascader__suggestion-item:focus,.na-cascader__suggestion-item:hover {
    background: #f5f7fa
}

.na-cascader__suggestion-item.is-checked {
    color: #409eff;
    font-weight: 700
}

.na-cascader__suggestion-item>span {
    margin-right: 10px
}

.na-cascader__empty-text {
    margin: 10px 0;
    color: #c0c4cc
}

.na-cascader__search-input {
    flex: 1;
    height: 24px;
    min-width: 60px;
    margin: 2px 0 2px 15px;
    padding: 0;
    color: #606266;
    border: none;
    outline: 0;
    box-sizing: border-box
}

.na-cascader__search-input::-moz-placeholder {
    color: #c0c4cc
}

.na-cascader__search-input::placeholder {
    color: #c0c4cc
}

.na-color-predefine {
    display: flex;
    font-size: 12px;
    margin-top: 8px;
    width: 280px
}

.na-color-predefine__colors {
    display: flex;
    flex: 1;
    flex-wrap: wrap
}

.na-color-predefine__color-selector {
    margin: 0 0 8px 8px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    cursor: pointer
}

.na-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.na-color-predefine__color-selector.selected {
    box-shadow: 0 0 3px 2px #409eff
}

.na-color-predefine__color-selector>div {
    display: flex;
    height: 100%;
    border-radius: 3px
}

.na-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.na-color-hue-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background-color: red;
    padding: 0 2px
}

.na-color-hue-slider__bar {
    position: relative;
    background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    height: 100%
}

.na-color-hue-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 2px rgba(0,0,0,.6);
    z-index: 1
}

.na-color-hue-slider.is-vertical {
    width: 12px;
    height: 180px;
    padding: 2px 0
}

.na-color-hue-slider.is-vertical .na-color-hue-slider__bar {
    background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%)
}

.na-color-hue-slider.is-vertical .na-color-hue-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
}

.na-color-svpanel {
    position: relative;
    width: 280px;
    height: 180px
}

.na-color-svpanel__black,.na-color-svpanel__white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.na-color-svpanel__white {
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}

.na-color-svpanel__black {
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0))
}

.na-color-svpanel__cursor {
    position: absolute
}

.na-color-svpanel__cursor>div {
    cursor: head;
    width: 4px;
    height: 4px;
    box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);
    border-radius: 50%;
    transform: translate(-2px, -2px)
}

.na-color-alpha-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.na-color-alpha-slider__bar {
    position: relative;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
    height: 100%
}

.na-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 2px rgba(0,0,0,.6);
    z-index: 1
}

.na-color-alpha-slider.is-vertical {
    width: 20px;
    height: 180px
}

.na-color-alpha-slider.is-vertical .na-color-alpha-slider__bar {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.na-color-alpha-slider.is-vertical .na-color-alpha-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
}

.na-color-dropdown {
    width: 300px
}

.na-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.na-color-dropdown__main-wrapper::after {
    display: table;
    clear: both
}

.na-color-dropdown__btns {
    margin-top: 6px;
    text-align: right
}

.na-color-dropdown__value {
    float: left;
    line-height: 26px;
    font-size: 12px;
    color: #000;
    width: 160px
}

.na-color-dropdown__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    outline: 0;
    font-size: 12px
}

.na-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed
}

.na-color-dropdown__btn:hover {
    color: #409eff;
    border-color: #409eff
}

.na-color-dropdown__link-btn {
    cursor: pointer;
    color: #409eff;
    text-decoration: none;
    padding: 15px;
    font-size: 12px
}

.na-color-dropdown__link-btn:hover {
    color: tint(#409EFF, 20%)
}

.na-color-picker {
    display: inline-block;
    position: relative;
    line-height: normal;
    height: 40px
}

.na-color-picker.is-disabled .na-color-picker__trigger {
    cursor: not-allowed
}

.na-color-picker--medium {
    height: 36px
}

.na-color-picker--medium .na-color-picker__trigger {
    height: 36px;
    width: 36px
}

.na-color-picker--medium .na-color-picker__mask {
    height: 34px;
    width: 34px
}

.na-color-picker--small {
    height: 32px
}

.na-color-picker--small .na-color-picker__trigger {
    height: 32px;
    width: 32px
}

.na-color-picker--small .na-color-picker__mask {
    height: 30px;
    width: 30px
}

.na-color-picker--small .na-color-picker__empty,.na-color-picker--small .na-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(0.8)
}

.na-color-picker--mini {
    height: 28px
}

.na-color-picker--mini .na-color-picker__trigger {
    height: 28px;
    width: 28px
}

.na-color-picker--mini .na-color-picker__mask {
    height: 26px;
    width: 26px
}

.na-color-picker--mini .na-color-picker__empty,.na-color-picker--mini .na-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(0.8)
}

.na-color-picker__mask {
    height: 38px;
    width: 38px;
    border-radius: 4px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    cursor: not-allowed;
    background-color: rgba(255,255,255,.7)
}

.na-color-picker__trigger {
    display: inline-block;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    padding: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 0;
    position: relative;
    cursor: pointer
}

.na-color-picker__color {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    text-align: center
}

.na-color-picker__icon,.na-input,.na-textarea {
    display: inline-block;
    width: 100%
}

.na-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.na-color-picker__color-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.na-color-picker__empty {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.na-color-picker__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #fff;
    text-align: center;
    font-size: 12px
}

.na-input__prefix,.na-input__suffix {
    position: absolute;
    top: 0;
    text-align: center
}

.na-color-picker__panel {
    position: absolute;
    z-index: 10;
    padding: 6px;
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.na-input__inner,.na-textarea__inner,.na-transfer-panel {
    -webkit-box-sizing: border-box
}

.na-textarea {
    position: relative;
    vertical-align: bottom;
    font-size: 14px
}

.na-textarea__inner {
    display: block;
    resize: vertical;
    padding: 5px 15px;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    transition: border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.na-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.na-textarea__inner::placeholder {
    color: #c0c4cc
}

.na-textarea__inner:hover {
    border-color: #c0c4cc
}

.na-textarea__inner:focus {
    outline: 0;
    border-color: #409eff
}

.na-textarea .na-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px
}

.na-textarea.is-disabled .na-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.na-textarea.is-disabled .na-textarea__inner::-moz-placeholder {
    color: #c0c4cc
}

.na-textarea.is-disabled .na-textarea__inner::placeholder {
    color: #c0c4cc
}

.na-textarea.is-exceed .na-textarea__inner {
    border-color: #f56c6c
}

.na-textarea.is-exceed .na-input__count {
    color: #f56c6c
}

.na-input {
    position: relative;
    font-size: 14px
}

.na-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px
}

.na-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.na-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc
}

.na-input::-webkit-scrollbar-corner {
    background: #fff
}

.na-input::-webkit-scrollbar-track {
    background: #fff
}

.na-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px
}

.na-input .na-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    transition: color .2s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.na-input .na-input__clear:hover {
    color: #909399
}

.na-input .na-input__count {
    height: 100%;
    display: inline-flex;
    align-items: center;
    color: #909399;
    font-size: 12px
}

.na-input-group__append .na-button,.na-input-group__append .na-input,.na-input-group__prepend .na-button,.na-input-group__prepend .na-input,.na-input__inner {
    font-size: inherit
}

.na-input .na-input__count .na-input__count-inner {
    background: #fff;
    line-height: initial;
    display: inline-block;
    padding: 0 5px
}

.na-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%
}

.na-input__inner::-ms-reveal {
    display: none
}

.na-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.na-input__inner::placeholder {
    color: #c0c4cc
}

.na-input__inner:hover {
    border-color: #c0c4cc
}

.na-input.is-active .na-input__inner,.na-input__inner:focus {
    border-color: #409eff;
    outline: 0
}

.na-input__suffix {
    height: 100%;
    right: 5px;
    transition: all .3s;
    pointer-events: none
}

.na-input__suffix-inner {
    pointer-events: all
}

.na-input__prefix {
    height: 100%;
    left: 5px;
    transition: all .3s
}

.na-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    transition: all .3s;
    line-height: 40px
}

.na-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.na-input__validateIcon {
    pointer-events: none
}

.na-input.is-disabled .na-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.na-input.is-disabled .na-input__inner::-moz-placeholder {
    color: #c0c4cc
}

.na-input.is-disabled .na-input__inner::placeholder {
    color: #c0c4cc
}

.na-input.is-disabled .na-input__icon {
    cursor: not-allowed
}

.na-image-viewer__btn,.na-image__preview,.na-link,.na-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.na-input.is-exceed .na-input__inner {
    border-color: #f56c6c
}

.na-input.is-exceed .na-input__suffix .na-input__count {
    color: #f56c6c
}

.na-input--suffix .na-input__inner {
    padding-right: 30px
}

.na-input--prefix .na-input__inner {
    padding-left: 30px
}

.na-input--medium {
    font-size: 14px
}

.na-input--medium .na-input__inner {
    height: 36px;
    line-height: 36px
}

.na-input--medium .na-input__icon {
    line-height: 36px
}

.na-input--small {
    font-size: 13px
}

.na-input--small .na-input__inner {
    height: 32px;
    line-height: 32px
}

.na-input--small .na-input__icon {
    line-height: 32px
}

.na-input--mini {
    font-size: 12px
}

.na-input--mini .na-input__inner {
    height: 28px;
    line-height: 28px
}

.na-input--mini .na-input__icon {
    line-height: 28px
}

.na-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.na-input-group>.na-input__inner {
    vertical-align: middle;
    display: table-cell
}

.na-input-group__append,.na-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap
}

.na-input-group--append .na-input__inner,.na-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.na-input-group__append:focus,.na-input-group__prepend:focus {
    outline: 0
}

.na-input-group__append .na-button,.na-input-group__append .na-select,.na-input-group__prepend .na-button,.na-input-group__prepend .na-select {
    display: inline-block;
    margin: -10px -20px
}

.na-input-group__append button.na-button,.na-input-group__append div.na-select .na-input__inner,.na-input-group__append div.na-select:hover .na-input__inner,.na-input-group__prepend button.na-button,.na-input-group__prepend div.na-select .na-input__inner,.na-input-group__prepend div.na-select:hover .na-input__inner {
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    color: inherit;
    border-top: 0;
    border-bottom: 0
}

.na-input-group__prepend {
    border-right: 0
}

.na-input-group__append {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.na-input-group--append .na-select .na-input.is-focus .na-input__inner,.na-input-group--prepend .na-select .na-input.is-focus .na-input__inner {
    border-color: rgba(0,0,0,0)
}

.na-input-group--prepend .na-input__inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.na-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.na-transfer {
    font-size: 14px
}

.na-transfer__buttons {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px
}

.na-transfer__button {
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: #409eff;
    font-size: 0
}

.na-button-group>.na-button+.na-button,.na-transfer-panel__item+.na-transfer-panel__item,.na-transfer__button [class*=el-icon-]+span {
    margin-left: 0
}

.na-divider__text,.na-image__error,.na-link,.na-timeline,.na-transfer__button i,.na-transfer__button span {
    font-size: 14px
}

.na-transfer__button.is-with-texts {
    border-radius: 4px
}

.na-transfer__button.is-disabled,.na-transfer__button.is-disabled:hover {
    border: 1px solid #dcdfe6;
    background-color: #f5f7fa;
    color: #c0c4cc
}

.na-transfer__button:first-child {
    margin-bottom: 10px
}

.na-transfer__button:nth-child(2) {
    margin: 0
}

.na-transfer-panel {
    border: 1px solid #ebeef5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    box-sizing: border-box;
    position: relative
}

.na-transfer-panel__body {
    height: 246px
}

.na-transfer-panel__body.is-with-footer {
    padding-bottom: 40px
}

.na-transfer-panel__list {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    height: 246px;
    overflow: auto;
    box-sizing: border-box
}

.na-transfer-panel__list.is-filterable {
    height: 194px;
    padding-top: 0
}

.na-transfer-panel__item {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    display: block !important
}

.na-transfer-panel__item.na-checkbox {
    color: #606266
}

.na-transfer-panel__item:hover {
    color: #409eff
}

.na-transfer-panel__item.na-checkbox .na-checkbox__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    box-sizing: border-box;
    padding-left: 24px;
    line-height: 30px
}

.na-transfer-panel__item .na-checkbox__input {
    position: absolute;
    top: 8px
}

.na-transfer-panel__filter {
    text-align: center;
    margin: 15px;
    box-sizing: border-box;
    display: block;
    width: auto
}

.na-transfer-panel__filter .na-input__inner {
    height: 32px;
    width: 100%;
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 16px;
    padding-right: 10px;
    padding-left: 30px
}

.na-transfer-panel__filter .na-input__icon {
    margin-left: 5px
}

.na-transfer-panel .na-transfer-panel__header {
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    box-sizing: border-box;
    color: #000
}

.na-container,.na-header {
    -webkit-box-sizing: border-box
}

.na-transfer-panel .na-transfer-panel__header .na-checkbox {
    display: block;
    line-height: 40px
}

.na-transfer-panel .na-transfer-panel__header .na-checkbox .na-checkbox__label {
    font-size: 16px;
    color: #303133;
    font-weight: 400
}

.na-transfer-panel .na-transfer-panel__header .na-checkbox .na-checkbox__label span {
    position: absolute;
    right: 15px;
    color: #909399;
    font-size: 12px;
    font-weight: 400
}

.na-transfer-panel .na-transfer-panel__footer {
    height: 40px;
    background: #fff;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ebeef5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.na-transfer-panel .na-transfer-panel__footer::after {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.na-container,.na-timeline-item__node {
    display: -ms-flexbox
}

.na-transfer-panel .na-transfer-panel__footer .na-checkbox {
    padding-left: 20px;
    color: #606266
}

.na-transfer-panel .na-transfer-panel__empty {
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding: 6px 15px 0;
    color: #909399;
    text-align: center
}

.na-transfer-panel .na-checkbox__label {
    padding-left: 8px
}

.na-transfer-panel .na-checkbox__inner {
    height: 14px;
    width: 14px;
    border-radius: 3px
}

.na-transfer-panel .na-checkbox__inner::after {
    height: 6px;
    width: 3px;
    left: 4px
}

.na-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0
}

.na-container.is-vertical,.na-drawer,.na-empty,.na-result {
    -webkit-box-orient: vertical
}

.na-container.is-vertical {
    flex-direction: column
}

.na-header {
    padding: 0 20px;
    box-sizing: border-box;
    flex-shrink: 0
}

.na-aside {
    overflow: auto;
    box-sizing: border-box;
    flex-shrink: 0
}

.na-main {
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    box-sizing: border-box
}

.na-footer {
    padding: 0 20px;
    box-sizing: border-box;
    flex-shrink: 0
}

.na-timeline {
    margin: 0;
    list-style: none
}

.na-timeline .na-timeline-item:last-child .na-timeline-item__tail {
    display: none
}

.na-timeline-item {
    position: relative;
    padding-bottom: 20px
}

.na-timeline-item__wrapper {
    position: relative;
    padding-left: 28px;
    top: -3px
}

.na-timeline-item__tail {
    position: absolute;
    left: 4px;
    height: 100%;
    border-left: 2px solid #e4e7ed
}

.na-timeline-item__icon {
    color: #fff;
    font-size: 13px
}

.na-timeline-item__node {
    position: absolute;
    background-color: #e4e7ed;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.na-image__error,.na-timeline-item__dot {
    display: -ms-flexbox
}

.na-timeline-item__node--normal {
    left: -1px;
    width: 12px;
    height: 12px
}

.na-timeline-item__node--large {
    left: -2px;
    width: 14px;
    height: 14px
}

.na-timeline-item__node--primary {
    background-color: #409eff
}

.na-timeline-item__node--success {
    background-color: #67c23a
}

.na-timeline-item__node--warning {
    background-color: #e6a23c
}

.na-timeline-item__node--danger {
    background-color: #f56c6c
}

.na-timeline-item__node--info {
    background-color: #909399
}

.na-timeline-item__dot {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.na-timeline-item__content {
    color: #303133
}

.na-timeline-item__timestamp {
    color: #909399;
    line-height: 1;
    font-size: 13px
}

.na-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px
}

.na-timeline-item__timestamp.is-bottom {
    margin-top: 8px
}

.na-link {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: 0;
    padding: 0;
    font-weight: 500
}

.na-link.is-underline:hover:after {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid #409eff
}

.na-link.na-link--default:after,.na-link.na-link--primary.is-underline:hover:after,.na-link.na-link--primary:after {
    border-color: #409eff
}

.na-link.is-disabled {
    cursor: not-allowed
}

.na-link [class*=el-icon-]+span {
    margin-left: 5px
}

.na-link.na-link--default {
    color: #606266
}

.na-link.na-link--default:hover {
    color: #409eff
}

.na-link.na-link--default.is-disabled {
    color: #c0c4cc
}

.na-link.na-link--primary {
    color: #409eff
}

.na-link.na-link--primary:hover {
    color: #66b1ff
}

.na-link.na-link--primary.is-disabled {
    color: #a0cfff
}

.na-link.na-link--danger.is-underline:hover:after,.na-link.na-link--danger:after {
    border-color: #f56c6c
}

.na-link.na-link--danger {
    color: #f56c6c
}

.na-link.na-link--danger:hover {
    color: #f78989
}

.na-link.na-link--danger.is-disabled {
    color: #fab6b6
}

.na-link.na-link--success.is-underline:hover:after,.na-link.na-link--success:after {
    border-color: #67c23a
}

.na-link.na-link--success {
    color: #67c23a
}

.na-link.na-link--success:hover {
    color: #85ce61
}

.na-link.na-link--success.is-disabled {
    color: #b3e19d
}

.na-link.na-link--warning.is-underline:hover:after,.na-link.na-link--warning:after {
    border-color: #e6a23c
}

.na-link.na-link--warning {
    color: #e6a23c
}

.na-link.na-link--warning:hover {
    color: #ebb563
}

.na-link.na-link--warning.is-disabled {
    color: #f3d19e
}

.na-link.na-link--info.is-underline:hover:after,.na-link.na-link--info:after {
    border-color: #909399
}

.na-link.na-link--info {
    color: #909399
}

.na-link.na-link--info:hover {
    color: #a6a9ad
}

.na-link.na-link--info.is-disabled {
    color: #c8c9cc
}

.na-divider {
    background-color: #dcdfe6;
    position: relative
}

.na-divider--horizontal {
    display: block;
    height: 1px;
    width: 100%;
    margin: 24px 0
}

.na-divider--vertical {
    display: inline-block;
    width: 1px;
    height: 1em;
    margin: 0 8px;
    vertical-align: middle;
    position: relative
}

.na-divider__text {
    position: absolute;
    background-color: #fff;
    padding: 0 20px;
    font-weight: 500;
    color: #303133
}

.na-image__error,.na-image__placeholder {
    background: #f5f7fa
}

.na-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
}

.na-divider__text.is-center {
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.na-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
}

.na-image__error,.na-image__inner,.na-image__placeholder {
    width: 100%;
    height: 100%
}

.na-image {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.na-image__inner {
    vertical-align: top
}

.na-image__inner--center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.na-image__error {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #c0c4cc;
    vertical-align: middle
}

.na-image-viewer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.na-image-viewer__btn {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.na-button,.na-checkbox,.na-checkbox-button__inner,.na-empty__image img,.na-radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.na-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266
}

.na-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.na-image-viewer__actions {
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    width: 282px;
    height: 44px;
    padding: 0 23px;
    background-color: #606266;
    border-color: #fff;
    border-radius: 22px
}

.na-image-viewer__actions__inner {
    width: 100%;
    height: 100%;
    text-align: justify;
    cursor: default;
    font-size: 23px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.na-image-viewer__next,.na-image-viewer__prev {
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
    border-color: #fff;
    top: 50%
}

.na-image-viewer__prev {
    transform: translateY(-50%);
    left: 40px
}

.na-image-viewer__next {
    transform: translateY(-50%);
    right: 40px;
    text-indent: 2px
}

.na-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000
}

.viewer-fade-enter-active {
    animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
    animation: viewer-fade-out .3s
}

@keyframes viewer-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes viewer-fade-out {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.na-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px
}

.na-button+.na-button,.na-checkbox.is-bordered+.na-checkbox.is-bordered {
    margin-left: 10px
}

.na-button:focus,.na-button:hover {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff
}

.na-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    outline: 0
}

.na-button::-moz-focus-inner {
    border: 0
}

.na-button [class*=el-icon-]+span {
    margin-left: 5px
}

.na-button.is-plain:focus,.na-button.is-plain:hover {
    background: #fff;
    border-color: #409eff;
    color: #409eff
}

.na-button.is-active,.na-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6
}

.na-button.is-plain:active {
    background: #fff;
    outline: 0
}

.na-button.is-disabled,.na-button.is-disabled:focus,.na-button.is-disabled:hover {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5
}

.na-button.is-disabled.na-button--text {
    background-color: rgba(0,0,0,0)
}

.na-button.is-disabled.is-plain,.na-button.is-disabled.is-plain:focus,.na-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc
}

.na-button.is-loading {
    position: relative;
    pointer-events: none
}

.na-button.is-loading:before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: rgba(255,255,255,.35)
}

.na-button.is-round {
    border-radius: 20px;
    padding: 12px 23px
}

.na-button.is-circle {
    border-radius: 50%;
    padding: 12px
}

.na-button--primary {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff
}

.na-button--primary:focus,.na-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff
}

.na-button--primary.is-active,.na-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff
}

.na-button--primary:active {
    outline: 0
}

.na-button--primary.is-disabled,.na-button--primary.is-disabled:active,.na-button--primary.is-disabled:focus,.na-button--primary.is-disabled:hover {
    color: #fff;
    background-color: #a0cfff;
    border-color: #a0cfff
}

.na-button--primary.is-plain {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff
}

.na-button--primary.is-plain:focus,.na-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff
}

.na-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
    outline: 0
}

.na-button--primary.is-plain.is-disabled,.na-button--primary.is-plain.is-disabled:active,.na-button--primary.is-plain.is-disabled:focus,.na-button--primary.is-plain.is-disabled:hover {
    color: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff
}

.na-button--success {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a
}

.na-button--success:focus,.na-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #fff
}

.na-button--success.is-active,.na-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff
}

.na-button--success:active {
    outline: 0
}

.na-button--success.is-disabled,.na-button--success.is-disabled:active,.na-button--success.is-disabled:focus,.na-button--success.is-disabled:hover {
    color: #fff;
    background-color: #b3e19d;
    border-color: #b3e19d
}

.na-button--success.is-plain {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0
}

.na-button--success.is-plain:focus,.na-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff
}

.na-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    outline: 0
}

.na-button--success.is-plain.is-disabled,.na-button--success.is-plain.is-disabled:active,.na-button--success.is-plain.is-disabled:focus,.na-button--success.is-plain.is-disabled:hover {
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8
}

.na-button--warning {
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c
}

.na-button--warning:focus,.na-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563;
    color: #fff
}

.na-button--warning.is-active,.na-button--warning:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff
}

.na-button--warning:active {
    outline: 0
}

.na-button--warning.is-disabled,.na-button--warning.is-disabled:active,.na-button--warning.is-disabled:focus,.na-button--warning.is-disabled:hover {
    color: #fff;
    background-color: #f3d19e;
    border-color: #f3d19e
}

.na-button--warning.is-plain {
    color: #e6a23c;
    background: #fdf6ec;
    border-color: #f5dab1
}

.na-button--warning.is-plain:focus,.na-button--warning.is-plain:hover {
    background: #e6a23c;
    border-color: #e6a23c;
    color: #fff
}

.na-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
    outline: 0
}

.na-button--warning.is-plain.is-disabled,.na-button--warning.is-plain.is-disabled:active,.na-button--warning.is-plain.is-disabled:focus,.na-button--warning.is-plain.is-disabled:hover {
    color: #f0c78a;
    background-color: #fdf6ec;
    border-color: #faecd8
}

.na-button--danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c
}

.na-button--danger:focus,.na-button--danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #fff
}

.na-button--danger.is-active,.na-button--danger:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff
}

.na-button--danger:active {
    outline: 0
}

.na-button--danger.is-disabled,.na-button--danger.is-disabled:active,.na-button--danger.is-disabled:focus,.na-button--danger.is-disabled:hover {
    color: #fff;
    background-color: #fab6b6;
    border-color: #fab6b6
}

.na-button--danger.is-plain {
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4
}

.na-button--danger.is-plain:focus,.na-button--danger.is-plain:hover {
    background: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.na-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
    outline: 0
}

.na-button--danger.is-plain.is-disabled,.na-button--danger.is-plain.is-disabled:active,.na-button--danger.is-plain.is-disabled:focus,.na-button--danger.is-plain.is-disabled:hover {
    color: #f9a7a7;
    background-color: #fef0f0;
    border-color: #fde2e2
}

.na-button--info {
    color: #fff;
    background-color: #909399;
    border-color: #909399
}

.na-button--info:focus,.na-button--info:hover {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #fff
}

.na-button--info.is-active,.na-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff
}

.na-button--info:active {
    outline: 0
}

.na-button--info.is-disabled,.na-button--info.is-disabled:active,.na-button--info.is-disabled:focus,.na-button--info.is-disabled:hover {
    color: #fff;
    background-color: #c8c9cc;
    border-color: #c8c9cc
}

.na-button--info.is-plain {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6
}

.na-button--info.is-plain:focus,.na-button--info.is-plain:hover {
    background: #909399;
    border-color: #909399;
    color: #fff
}

.na-button--info.is-plain:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
    outline: 0
}

.na-button--info.is-plain.is-disabled,.na-button--info.is-plain.is-disabled:active,.na-button--info.is-plain.is-disabled:focus,.na-button--info.is-plain.is-disabled:hover {
    color: #bcbec2;
    background-color: #f4f4f5;
    border-color: #e9e9eb
}

.na-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px
}

.na-button--medium.is-round {
    padding: 10px 20px
}

.na-button--medium.is-circle {
    padding: 10px
}

.na-button--small {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 3px
}

.na-button--small.is-round {
    padding: 9px 15px
}

.na-button--small.is-circle {
    padding: 9px
}

.na-button--mini,.na-button--mini.is-round {
    padding: 7px 15px
}

.na-button--mini {
    font-size: 12px;
    border-radius: 3px
}

.na-button--mini.is-circle {
    padding: 7px
}

.na-button--text {
    border-color: rgba(0,0,0,0);
    color: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

.na-button--text:focus,.na-button--text:hover {
    color: #66b1ff;
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0)
}

.na-button--text:active {
    color: #3a8ee6;
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0)
}

.na-button--text.is-disabled,.na-button--text.is-disabled:focus,.na-button--text.is-disabled:hover {
    border-color: rgba(0,0,0,0)
}

.na-button-group .na-button--danger:last-child,.na-button-group .na-button--danger:not(:first-child):not(:last-child),.na-button-group .na-button--info:last-child,.na-button-group .na-button--info:not(:first-child):not(:last-child),.na-button-group .na-button--primary:last-child,.na-button-group .na-button--primary:not(:first-child):not(:last-child),.na-button-group .na-button--success:last-child,.na-button-group .na-button--success:not(:first-child):not(:last-child),.na-button-group .na-button--warning:last-child,.na-button-group .na-button--warning:not(:first-child):not(:last-child),.na-button-group>.na-dropdown>.na-button {
    border-left-color: rgba(255,255,255,.5)
}

.na-button-group .na-button--danger:first-child,.na-button-group .na-button--danger:not(:first-child):not(:last-child),.na-button-group .na-button--info:first-child,.na-button-group .na-button--info:not(:first-child):not(:last-child),.na-button-group .na-button--primary:first-child,.na-button-group .na-button--primary:not(:first-child):not(:last-child),.na-button-group .na-button--success:first-child,.na-button-group .na-button--success:not(:first-child):not(:last-child),.na-button-group .na-button--warning:first-child,.na-button-group .na-button--warning:not(:first-child):not(:last-child) {
    border-right-color: rgba(255,255,255,.5)
}

.na-button-group {
    display: inline-block;
    vertical-align: middle
}

.na-button-group::after,.na-button-group::before {
    display: table
}

.na-button-group::after {
    clear: both
}

.na-button-group>.na-button {
    float: left;
    position: relative
}

.na-button-group>.na-button.is-disabled {
    z-index: 1
}

.na-button-group>.na-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.na-button-group>.na-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.na-button-group>.na-button:first-child:last-child {
    border-radius: 4px
}

.na-button-group>.na-button:first-child:last-child.is-round {
    border-radius: 20px
}

.na-button-group>.na-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.na-button-group>.na-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.na-button-group>.na-button.is-active,.na-button-group>.na-button:not(.is-disabled):active,.na-button-group>.na-button:not(.is-disabled):focus,.na-button-group>.na-button:not(.is-disabled):hover {
    z-index: 1
}

.na-button-group>.na-dropdown>.na-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.na-calendar {
    background-color: #fff
}

.na-calendar__header {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #ebeef5
}

.na-backtop,.na-page-header {
    display: -ms-flexbox
}

.na-calendar__title {
    color: #000;
    align-self: center
}

.na-calendar__body {
    padding: 12px 20px 35px
}

.na-calendar-table {
    table-layout: fixed;
    width: 100%
}

.na-calendar-table thead th {
    padding: 12px 0;
    color: #606266;
    font-weight: 400
}

.na-calendar-table:not(.is-range) td.next,.na-calendar-table:not(.is-range) td.prev {
    color: #c0c4cc
}

.na-backtop,.na-calendar-table td.is-today {
    color: #409eff
}

.na-calendar-table td {
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    vertical-align: top;
    transition: background-color .2s ease
}

.na-calendar-table td.is-selected {
    background-color: #f2f8fe
}

.na-calendar-table tr:first-child td {
    border-top: 1px solid #ebeef5
}

.na-calendar-table tr td:first-child {
    border-left: 1px solid #ebeef5
}

.na-calendar-table tr.na-calendar-table__row--hide-border td {
    border-top: none
}

.na-calendar-table .na-calendar-day {
    box-sizing: border-box;
    padding: 8px;
    height: 85px
}

.na-calendar-table .na-calendar-day:hover {
    cursor: pointer;
    background-color: #f2f8fe
}

.na-backtop {
    position: fixed;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 0 6px rgba(0,0,0,.12);
    cursor: pointer;
    z-index: 5
}

.na-backtop:hover {
    background-color: #f2f6fc
}

.na-page-header {
    display: flex;
    line-height: 24px
}

.na-page-header__left {
    display: flex;
    cursor: pointer;
    margin-right: 40px;
    position: relative
}

.na-page-header__left::after {
    position: absolute;
    width: 1px;
    height: 16px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dcdfe6
}

.na-checkbox,.na-checkbox__input {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.na-page-header__left .el-icon-back {
    font-size: 18px;
    margin-right: 6px;
    align-self: center
}

.na-page-header__title {
    font-size: 14px;
    font-weight: 500
}

.na-page-header__content {
    font-size: 18px;
    color: #303133
}

.na-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 30px
}

.na-checkbox.is-bordered {
    padding: 9px 20px 9px 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    line-height: normal;
    height: 40px
}

.na-checkbox.is-bordered.is-checked {
    border-color: #409eff
}

.na-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed
}

.na-checkbox.is-bordered.na-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px
}

.na-checkbox.is-bordered.na-checkbox--medium .na-checkbox__label {
    line-height: 17px;
    font-size: 14px
}

.na-checkbox.is-bordered.na-checkbox--medium .na-checkbox__inner {
    height: 14px;
    width: 14px
}

.na-checkbox.is-bordered.na-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px
}

.na-checkbox.is-bordered.na-checkbox--small .na-checkbox__label {
    line-height: 15px;
    font-size: 12px
}

.na-checkbox.is-bordered.na-checkbox--small .na-checkbox__inner {
    height: 12px;
    width: 12px
}

.na-checkbox.is-bordered.na-checkbox--small .na-checkbox__inner::after {
    height: 6px;
    width: 2px
}

.na-checkbox.is-bordered.na-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px
}

.na-checkbox.is-bordered.na-checkbox--mini .na-checkbox__label {
    line-height: 12px;
    font-size: 12px
}

.na-checkbox.is-bordered.na-checkbox--mini .na-checkbox__inner {
    height: 12px;
    width: 12px
}

.na-checkbox.is-bordered.na-checkbox--mini .na-checkbox__inner::after {
    height: 6px;
    width: 2px
}

.na-checkbox__input {
    cursor: pointer;
    outline: 0;
    line-height: 1;
    vertical-align: middle
}

.na-checkbox__input.is-disabled .na-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed
}

.na-checkbox__input.is-disabled .na-checkbox__inner::after {
    cursor: not-allowed;
    border-color: #c0c4cc
}

.na-checkbox__input.is-disabled .na-checkbox__inner+.na-checkbox__label {
    cursor: not-allowed
}

.na-checkbox__input.is-disabled.is-checked .na-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.na-checkbox__input.is-disabled.is-checked .na-checkbox__inner::after {
    border-color: #c0c4cc
}

.na-checkbox__input.is-disabled.is-indeterminate .na-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6
}

.na-checkbox__input.is-disabled.is-indeterminate .na-checkbox__inner::before {
    background-color: #c0c4cc;
    border-color: #c0c4cc
}

.na-checkbox__input.is-checked .na-checkbox__inner,.na-checkbox__input.is-indeterminate .na-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff
}

.na-checkbox__input.is-disabled+span.na-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.na-checkbox__input.is-checked .na-checkbox__inner::after {
    transform: rotate(45deg) scaleY(1)
}

.na-checkbox__input.is-checked+.na-checkbox__label {
    color: #409eff
}

.na-checkbox__input.is-focus .na-checkbox__inner {
    border-color: #409eff
}

.na-checkbox__input.is-indeterminate .na-checkbox__inner::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    transform: scale(0.5);
    left: 0;
    right: 0;
    top: 5px
}

.na-checkbox__input.is-indeterminate .na-checkbox__inner::after {
    display: none
}

.na-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(0.71, -0.46, 0.29, 1.46),background-color .25s cubic-bezier(0.71, -0.46, 0.29, 1.46)
}

.na-checkbox__inner:hover {
    border-color: #409eff
}

.na-checkbox__inner::after {
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    transform-origin: center
}

.na-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.na-checkbox-button,.na-checkbox-button__inner {
    display: inline-block;
    position: relative
}

.na-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px
}

.na-checkbox:last-of-type {
    margin-right: 0
}

.na-checkbox-button__inner {
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.na-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.na-checkbox-button__inner:hover {
    color: #409eff
}

.na-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.na-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.na-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1
}

.na-radio,.na-radio__inner,.na-radio__input {
    position: relative;
    display: inline-block
}

.na-checkbox-button.is-checked .na-checkbox-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    box-shadow: -1px 0 0 0 #8cc5ff
}

.na-checkbox-button.is-checked:first-child .na-checkbox-button__inner {
    border-left-color: #409eff
}

.na-checkbox-button.is-disabled .na-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    box-shadow: none
}

.na-checkbox-button.is-disabled:first-child .na-checkbox-button__inner {
    border-left-color: #ebeef5
}

.na-checkbox-button:first-child .na-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.na-checkbox-button.is-focus .na-checkbox-button__inner {
    border-color: #409eff
}

.na-checkbox-button:last-child .na-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.na-checkbox-button--medium .na-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.na-checkbox-button--medium .na-checkbox-button__inner.is-round {
    padding: 10px 20px
}

.na-checkbox-button--small .na-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.na-checkbox-button--small .na-checkbox-button__inner.is-round {
    padding: 9px 15px
}

.na-checkbox-button--mini .na-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.na-checkbox-button--mini .na-checkbox-button__inner.is-round {
    padding: 7px 15px
}

.na-checkbox-group {
    font-size: 0
}

.na-avatar,.na-cascader-panel,.na-radio,.na-radio--medium.is-bordered .na-radio__label,.na-radio__label {
    font-size: 14px
}

.na-radio {
    color: #606266;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    outline: 0;
    margin-right: 30px
}

.na-cascader-node>.na-radio,.na-radio:last-child {
    margin-right: 0
}

.na-radio.is-bordered {
    padding: 12px 20px 0 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    height: 40px
}

.na-cascader-menu,.na-cascader-menu__list,.na-radio__inner {
    -webkit-box-sizing: border-box
}

.na-radio.is-bordered.is-checked {
    border-color: #409eff
}

.na-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5
}

.na-radio__input.is-disabled .na-radio__inner,.na-radio__input.is-disabled.is-checked .na-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed
}

.na-radio.is-bordered+.na-radio.is-bordered {
    margin-left: 10px
}

.na-radio--medium.is-bordered {
    padding: 10px 20px 0 10px;
    border-radius: 4px;
    height: 36px
}

.na-radio--mini.is-bordered .na-radio__label,.na-radio--small.is-bordered .na-radio__label {
    font-size: 12px
}

.na-radio--medium.is-bordered .na-radio__inner {
    height: 14px;
    width: 14px
}

.na-radio--small.is-bordered {
    padding: 8px 15px 0 10px;
    border-radius: 3px;
    height: 32px
}

.na-radio--small.is-bordered .na-radio__inner {
    height: 12px;
    width: 12px
}

.na-radio--mini.is-bordered {
    padding: 6px 15px 0 10px;
    border-radius: 3px;
    height: 28px
}

.na-radio--mini.is-bordered .na-radio__inner {
    height: 12px;
    width: 12px
}

.na-radio__input {
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    line-height: 1;
    vertical-align: middle
}

.na-radio__input.is-disabled .na-radio__inner {
    cursor: not-allowed
}

.na-radio__input.is-disabled .na-radio__inner::after {
    cursor: not-allowed;
    background-color: #f5f7fa
}

.na-radio__input.is-disabled .na-radio__inner+.na-radio__label {
    cursor: not-allowed
}

.na-radio__input.is-disabled.is-checked .na-radio__inner::after {
    background-color: #c0c4cc
}

.na-radio__input.is-disabled+span.na-radio__label {
    color: #c0c4cc;
    cursor: not-allowed
}

.na-radio__input.is-checked .na-radio__inner {
    border-color: #409eff;
    background: #409eff
}

.na-radio__input.is-checked .na-radio__inner::after {
    transform: translate(-50%, -50%) scale(1)
}

.na-radio__input.is-checked+.na-radio__label {
    color: #409eff
}

.na-radio__input.is-focus .na-radio__inner {
    border-color: #409eff
}

.na-radio__inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    cursor: pointer;
    box-sizing: border-box
}

.na-radio__inner:hover {
    border-color: #409eff
}

.na-radio__inner::after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in
}

.na-radio__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.na-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .na-radio__inner {
    box-shadow: 0 0 2px 2px #409eff
}

.na-radio__label {
    padding-left: 10px
}

.na-scrollbar {
    overflow: hidden;
    position: relative
}

.na-scrollbar:active>.na-scrollbar__bar,.na-scrollbar:focus>.na-scrollbar__bar,.na-scrollbar:hover>.na-scrollbar__bar {
    opacity: 1;
    transition: opacity 340ms ease-out
}

.na-scrollbar__wrap {
    overflow: scroll;
    height: 100%
}

.na-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.na-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0
}

.na-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(144,147,153,.3);
    transition: .3s background-color
}

.na-scrollbar__thumb:hover {
    background-color: rgba(144,147,153,.5)
}

.na-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 120ms ease-out
}

.na-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px
}

.na-scrollbar__bar.is-vertical>div {
    width: 100%
}

.na-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.na-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.na-cascader-panel {
    display: flex;
    border-radius: 4px
}

.na-cascader-panel.is-bordered {
    border: 1px solid #e4e7ed;
    border-radius: 4px
}

.na-cascader-menu {
    min-width: 180px;
    box-sizing: border-box;
    color: #606266;
    border-right: solid 1px #e4e7ed
}

.na-cascader-menu:last-child {
    border-right: none
}

.na-cascader-menu__wrap {
    height: 204px
}

.na-cascader-menu__list {
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    box-sizing: border-box
}

.na-cascader-menu__hover-zone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.na-cascader-menu__empty-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #c0c4cc
}

.na-cascader-node {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 30px 0 20px;
    height: 34px;
    line-height: 34px;
    outline: 0
}

.na-cascader-node.is-selectable.in-active-path {
    color: #606266
}

.na-cascader-node.in-active-path,.na-cascader-node.is-active,.na-cascader-node.is-selectable.in-checked-path {
    color: #409eff;
    font-weight: 700
}

.na-cascader-node:not(.is-disabled) {
    cursor: pointer
}

.na-cascader-node:not(.is-disabled):focus,.na-cascader-node:not(.is-disabled):hover {
    background: #f5f7fa
}

.na-cascader-node.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.na-cascader-node__prefix {
    position: absolute;
    left: 10px
}

.na-cascader-node__postfix {
    position: absolute;
    right: 10px
}

.na-cascader-node__label {
    flex: 1;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.na-cascader-node>.na-radio .na-radio__label {
    padding-left: 0
}

.na-avatar {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    color: #fff;
    background: #c0c4cc;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.na-drawer,.na-drawer__body>* {
    -webkit-box-sizing: border-box
}

.na-avatar>img {
    display: block;
    height: 100%;
    vertical-align: middle
}

.na-empty__image img,.na-empty__image svg {
    vertical-align: top;
    height: 100%;
    width: 100%
}

.na-avatar--circle {
    border-radius: 50%
}

.na-avatar--square {
    border-radius: 4px
}

.na-avatar--icon {
    font-size: 18px
}

.na-avatar--large {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.na-avatar--medium {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.na-avatar--small {
    width: 28px;
    height: 28px;
    line-height: 28px
}

@keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes rtl-drawer-in {
    0% {
        transform: translate(100%, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes rtl-drawer-out {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(100%, 0)
    }
}

@keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes ltr-drawer-out {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-100%, 0)
    }
}

@keyframes ttb-drawer-in {
    0% {
        transform: translate(0, -100%)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes ttb-drawer-out {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, -100%)
    }
}

@keyframes btt-drawer-in {
    0% {
        transform: translate(0, 100%)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes btt-drawer-out {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 100%)
    }
}

.na-drawer {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
    overflow: hidden;
    outline: 0
}

.na-drawer.rtl {
    animation: rtl-drawer-out .3s;
    right: 0
}

.na-drawer__open .na-drawer.rtl {
    animation: rtl-drawer-in .3s 1ms
}

.na-drawer.ltr {
    animation: ltr-drawer-out .3s;
    left: 0
}

.na-drawer__open .na-drawer.ltr {
    animation: ltr-drawer-in .3s 1ms
}

.na-drawer.ttb {
    animation: ttb-drawer-out .3s;
    top: 0
}

.na-drawer__open .na-drawer.ttb {
    animation: ttb-drawer-in .3s 1ms
}

.na-drawer.btt {
    animation: btt-drawer-out .3s;
    bottom: 0
}

.na-drawer__open .na-drawer.btt {
    animation: btt-drawer-in .3s 1ms
}

.na-drawer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0
}

.na-drawer__header {
    align-items: center;
    color: #72767b;
    display: flex;
    margin-bottom: 32px;
    padding: 20px 20px 0
}

.na-drawer__header>:first-child {
    flex: 1
}

.na-drawer__title {
    margin: 0;
    flex: 1;
    line-height: inherit;
    font-size: 1rem
}

.na-drawer__close-btn {
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: inherit;
    background-color: rgba(0,0,0,0)
}

.na-drawer__body {
    flex: 1;
    overflow: auto
}

.na-drawer__body>* {
    box-sizing: border-box
}

.na-drawer.ltr,.na-drawer.rtl {
    height: 100%;
    top: 0;
    bottom: 0
}

.na-drawer.btt,.na-drawer.ttb {
    width: 100%;
    left: 0;
    right: 0
}

.na-drawer__container {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.na-drawer-fade-enter-active {
    animation: el-drawer-fade-in .3s
}

.na-drawer-fade-leave-active {
    animation: el-drawer-fade-in .3s reverse
}

.na-statistic {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    text-align: center
}

.na-statistic .head {
    margin-bottom: 4px;
    color: #606266;
    font-size: 13px
}

.na-statistic .con {
    font-family: Sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #303133
}

.na-statistic .con .number {
    font-size: 20px;
    padding: 0 4px
}

.na-statistic .con span {
    display: inline-block;
    margin: 0;
    line-height: 100%
}

.na-popconfirm__main,.na-skeleton__image {
    display: -ms-flexbox;
    -webkit-box-align: center;
    display: -webkit-box
}

.na-popconfirm__main {
    display: flex;
    align-items: center
}

.na-popconfirm__icon {
    margin-right: 5px
}

.na-popconfirm__action {
    text-align: right;
    margin: 0
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.na-skeleton {
    width: 100%
}

.na-skeleton__first-line,.na-skeleton__paragraph {
    height: 16px;
    margin-top: 16px;
    background: #f2f2f2
}

.na-skeleton.is-animated .na-skeleton__item {
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 400% 100%;
    animation: el-skeleton-loading 1.4s ease infinite
}

.na-skeleton__item {
    background: #f2f2f2;
    display: inline-block;
    height: 16px;
    border-radius: 4px;
    width: 100%
}

.na-skeleton__circle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px
}

.na-skeleton__circle--lg {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.na-skeleton__circle--md {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.na-skeleton__button {
    height: 40px;
    width: 64px;
    border-radius: 4px
}

.na-skeleton__p {
    width: 100%
}

.na-skeleton__p.is-last {
    width: 61%
}

.na-skeleton__p.is-first {
    width: 33%
}

.na-skeleton__text {
    width: 100%;
    height: 13px
}

.na-skeleton__caption {
    height: 12px
}

.na-skeleton__h1 {
    height: 20px
}

.na-skeleton__h3 {
    height: 18px
}

.na-skeleton__h5 {
    height: 16px
}

.na-skeleton__image {
    width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
}

.na-skeleton__image svg {
    fill: #dcdde0;
    width: 22%;
    height: 22%
}

.na-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 0
}

.na-empty__image {
    width: 160px
}

.na-empty__image img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-object-fit: contain;
    object-fit: contain
}

.na-empty__image svg {
    fill: #dcdde0
}

.na-empty__description {
    margin-top: 20px
}

.na-empty__description p {
    margin: 0;
    font-size: 14px;
    color: #909399
}

.na-empty__bottom,.na-result__title {
    margin-top: 20px
}

.na-descriptions {
    box-sizing: border-box;
    font-size: 14px;
    color: #303133
}

.na-descriptions__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.na-descriptions__title {
    font-size: 16px;
    font-weight: 700
}

.na-descriptions--mini,.na-descriptions--small {
    font-size: 12px
}

.na-descriptions__body {
    color: #606266;
    background-color: #fff
}

.na-descriptions__body .na-descriptions__table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed
}

.na-descriptions__body .na-descriptions__table .na-descriptions-item__cell {
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
    line-height: 1.5
}

.na-descriptions__body .na-descriptions__table .na-descriptions-item__cell.is-left {
    text-align: left
}

.na-descriptions__body .na-descriptions__table .na-descriptions-item__cell.is-center {
    text-align: center
}

.na-descriptions__body .na-descriptions__table .na-descriptions-item__cell.is-right {
    text-align: right
}

.na-descriptions .is-bordered {
    table-layout: auto
}

.na-descriptions .is-bordered .na-descriptions-item__cell {
    border: 1px solid #ebeef5;
    padding: 12px 10px
}

.na-descriptions :not(.is-bordered) .na-descriptions-item__cell {
    padding-bottom: 12px
}

.na-descriptions--medium.is-bordered .na-descriptions-item__cell {
    padding: 10px
}

.na-descriptions--medium:not(.is-bordered) .na-descriptions-item__cell {
    padding-bottom: 10px
}

.na-descriptions--small.is-bordered .na-descriptions-item__cell {
    padding: 8px 10px
}

.na-descriptions--small:not(.is-bordered) .na-descriptions-item__cell {
    padding-bottom: 8px
}

.na-descriptions--mini.is-bordered .na-descriptions-item__cell {
    padding: 6px 10px
}

.na-descriptions--mini:not(.is-bordered) .na-descriptions-item__cell {
    padding-bottom: 6px
}

.na-descriptions-item {
    vertical-align: top
}

.na-descriptions-item__container {
    display: flex
}

.na-descriptions-item__container .na-descriptions-item__content,.na-descriptions-item__container .na-descriptions-item__label {
    display: inline-flex;
    align-items: baseline
}

.na-descriptions-item__container .na-descriptions-item__content {
    flex: 1
}

.na-descriptions-item__label.has-colon::after {
    content: ":";
    position: relative;
    top: -0.5px
}

.na-descriptions-item__label.is-bordered-label {
    font-weight: 700;
    color: #909399;
    background: #fafafa
}

.na-descriptions-item__label:not(.is-bordered-label) {
    margin-right: 10px
}

.na-descriptions-item__content {
    word-break: break-word;
    overflow-wrap: break-word
}

.na-result {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 30px
}

.na-result__icon svg {
    width: 64px;
    height: 64px
}

.na-result__title p {
    margin: 0;
    font-size: 20px;
    color: #303133;
    line-height: 1.3
}

.na-result__subtitle {
    margin-top: 10px
}

.na-result__subtitle p {
    margin: 0;
    font-size: 14px;
    color: #606266;
    line-height: 1.3
}

.na-result__extra {
    margin-top: 30px
}

.na-result .icon-success {
    fill: #67c23a
}

.na-result .icon-error {
    fill: #f56c6c
}

.na-result .icon-info {
    fill: #909399
}

.na-result .icon-warning {
    fill: #e6a23c
}

.lineCharts[data-v-1a65d914] {
    width: 100%;
    height: 300px
}

.no-data[data-v-1a65d914] {
    position: relative;
    width: 100%;
    height: 300px
}

.no-data .no-data-text[data-v-1a65d914] {
    width: 100%;
    position: absolute;
    text-align: center;
    line-height: 300px;
    font-size: 18px;
    font-weight: 600;
    color: #818181
}

.showSecBox[data-v-652a78bc] {
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 744px;
    z-index: 99;
    background-color: #fff
}

.title[data-v-652a78bc] {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    font-size: 16px;
    border-bottom: 1px solid #e5e6eb
}

.title .el-icon-close[data-v-652a78bc] {
    cursor: pointer
}

.title .title_span[data-v-652a78bc] {
    font-weight: 800
}

.icon-fanhui[data-v-652a78bc] {
    cursor: pointer
}

.na-iconfont[data-v-652a78bc] {
    font-weight: 500
}

.bannerBox[data-v-652a78bc] {
    width: 100%;
    height: 118px;
    margin: 0 auto;
    margin-top: 16px;
    border-radius: 5px;
    background: linear-gradient(45deg, #18b3bd, #00919a);
    padding-top: 12px
}

.bannerBox .bannerTitle[data-v-652a78bc] {
    margin-left: 16px;
    display: flex
}

.bannerBox .bannerTitle_icon[data-v-652a78bc] {
    width: 40px;
    height: 40px;
    background-color: #009ea8;
    text-align: center
}

.bannerBox .bannerTitle_icon i[data-v-652a78bc] {
    font-size: 20px;
    color: #fff;
    line-height: 40px
}

.bannerBox .bannerTitle_connect[data-v-652a78bc] {
    margin-left: 20px
}

.bannerBox .bannerTitle_connect_name[data-v-652a78bc] {
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.bannerBox .bannerTitle_connect_tip[data-v-652a78bc] {
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

.bannerBox .bannerBottom[data-v-652a78bc] {
    margin-top: 12px;
    margin-left: 16px;
    width: 386px;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.bannerBox .bannerBottom_box_number[data-v-652a78bc] {
    font-size: 14px;
    line-height: 22px
}

.bannerBox .bannerBottom_box_name[data-v-652a78bc] {
    font-size: 12px;
    line-height: 20px
}

.echartBox[data-v-652a78bc] {
    width: 100%;
    height: 118px;
    margin: 0 auto;
    margin-top: 20px
}

.echartBox .lineTitleDiv[data-v-652a78bc] {
    display: flex;
    justify-content: space-between
}

.echartBox .lineTitleBox[data-v-652a78bc] {
    position: relative;
    display: flex
}

.echartBox .lineTitleBox .lineTitle[data-v-652a78bc] {
    line-height: 22px;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 800
}

.echartBox .lineTitleBox[data-v-652a78bc]::before {
    content: "";
    position: absolute;
    background-color: var(--font-color-6);
    width: 5px;
    height: 22px
}

.echartBox .lineBody[data-v-652a78bc] {
    margin-top: 20px;
    width: 100%;
    height: 300px
}

.echartBox .lineBody div[data-v-652a78bc] {
    width: 100%;
    height: 300px
}

[data-v-652a78bc] .na-radio-group {
    height: 22px;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

[data-v-652a78bc] .na-radio-group>.is-active>.na-radio-button__inner {
    background-color: var(--font-color-6) !important
}

[data-v-652a78bc] .na-button>span {
    line-height: 22px;
    font-size: 14px
}

[data-v-652a78bc] .na-radio-button {
    height: 22px
}

[data-v-652a78bc] .na-radio-button__inner {
    height: 22px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 22px;
    font-size: 12px !important
}

.small-card-box[data-v-0fa40910] {
    display: inline-block;
    font-size: var(--webgis-font-size-base, 14px);
    box-sizing: border-box
}

.small-card-box div[data-v-0fa40910] {
    box-sizing: inherit
}

.small-card-box .small-card-box--inner[data-v-0fa40910] {
    padding: 12px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.08)
}

.small-card-box .img[data-v-0fa40910] {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.small-card-box .img--inner[data-v-0fa40910] {
    min-width: 18px;
    min-height: 18px
}

.small-card-box .img--inner.temperature[data-v-0fa40910] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7msJTmuKlpY29uPC90aXRsZT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4zIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEwLTA06K6+5aSH5Y+w5biQ6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA0NC4wMDAwMDAsIC0xNzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i572R5p626KeE5qih55yL5p2/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTIuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgODkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLmsJTmuKlpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNS4wMDAwMDAsIDEzLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi41LDAgQzguMDU4MzMzMzMsMCA5LjI1LDEuMTcgOS4yNSwyLjcgTDkuMjUsNy45MiBDMTAuOTkxNjY2Nyw4LjkxIDEyLDEwLjcxIDEyLDEyLjYgQzEyLDE1LjU3IDkuNTI1LDE4IDYuNSwxOCBDMy40NzUsMTggMSwxNS41NyAxLDEyLjYgQzEsMTAuNzEgMi4wMDgzMzMzMyw4LjkxIDMuNzUsNy45MiBMMy43NSwyLjcgQzMuNzUsMS4xNyA0Ljk0MTY2NjY3LDAgNi41LDAgWiBNMTYuMTQyODU3MSw2LjI1IEMxNi42NTcxNDI5LDYuMjUgMTcsNi42IDE3LDcuMTI1IEMxNyw3LjY1IDE2LjY1NzE0MjksOCAxNi4xNDI4NTcxLDggTDExLjg1NzE0MjksOCBDMTEuMzQyODU3MSw4IDExLDcuNjUgMTEsNy4xMjUgQzExLDYuNiAxMS4zNDI4NTcxLDYuMjUgMTEuODU3MTQyOSw2LjI1IEwxNi4xNDI4NTcxLDYuMjUgWiBNMTQuNDI4NTcxNCwzLjYyNSBDMTQuOTQyODU3MSwzLjYyNSAxNS4yODU3MTQzLDMuOTc1IDE1LjI4NTcxNDMsNC41IEMxNS4yODU3MTQzLDUuMDI1IDE0Ljk0Mjg1NzEsNS4zNzUgMTQuNDI4NTcxNCw1LjM3NSBMMTEuODU3MTQyOSw1LjM3NSBDMTEuMzQyODU3MSw1LjM3NSAxMSw1LjAyNSAxMSw0LjUgQzExLDMuOTc1IDExLjM0Mjg1NzEsMy42MjUgMTEuODU3MTQyOSwzLjYyNSBMMTQuNDI4NTcxNCwzLjYyNSBaIE0xNi4xNDI4NTcxLDEgQzE2LjY1NzE0MjksMSAxNywxLjM1IDE3LDEuODc1IEMxNywyLjQgMTYuNjU3MTQyOSwyLjc1IDE2LjE0Mjg1NzEsMi43NSBMMTEuODU3MTQyOSwyLjc1IEMxMS4zNDI4NTcxLDIuNzUgMTEsMi40IDExLDEuODc1IEMxMSwxLjM1IDExLjM0Mjg1NzEsMSAxMS44NTcxNDI5LDEgTDE2LjE0Mjg1NzEsMSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjMEQ4NjdGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjUsMS44IEM1Ljk1LDEuOCA1LjU4MzMzMzMzLDIuMTYgNS41ODMzMzMzMywyLjcgTDUuNTgzMzMzMzMsOSBMNC42NjY2NjY2Nyw5LjU0IEMzLjU2NjY2NjY3LDEwLjE3IDIuODMzMzMzMzMsMTEuMzQgMi44MzMzMzMzMywxMi42OSBDMi44MzMzMzMzMywxNC42NyA0LjQ4MzMzMzMzLDE2LjI5IDYuNSwxNi4yOSBDOC41MTY2NjY2NywxNi4yOSAxMC4xNjY2NjY3LDE0LjY3IDEwLjE2NjY2NjcsMTIuNjkgQzEwLjE2NjY2NjcsMTEuNDMgOS40MzMzMzMzMywxMC4xNyA4LjMzMzMzMzMzLDkuNTQgTDcuNDE2NjY2NjcsOSBMNy40MTY2NjY2NywyLjcgQzcuNDE2NjY2NjcsMi4xNiA3LjA1LDEuOCA2LjUsMS44IFoiIGlkPSLot6/lvoQiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuNSwxMi43IEM0LjUsMTMuODA0NTY5NSA1LjM5NTQzMDUsMTQuNyA2LjUsMTQuNyBDNy42MDQ1Njk1LDE0LjcgOC41LDEzLjgwNDU2OTUgOC41LDEyLjcgQzguNSwxMS41OTU0MzA1IDcuNjA0NTY5NSwxMC43IDYuNSwxMC43IEM1LjM5NTQzMDUsMTAuNyA0LjUsMTEuNTk1NDMwNSA0LjUsMTIuNyBMNC41LDEyLjcgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzBEODY3RiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=)
}

.small-card-box .img--inner.windspeed[data-v-0fa40910] {
    background-image: url(data:image/svg+xml;base64,[encoded data, 4632 characters])
}

.small-card-box .img--inner.wind-direction[data-v-0fa40910] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7po47lkJFpY29uPC90aXRsZT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4zIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEwLTA06K6+5aSH5Y+w5biQ6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI0OC4wMDAwMDAsIC0xNzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i572R5p626KeE5qih55yL5p2/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTIuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgODkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLpo47lkJFpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzkuMDAwMDAwLCAxMy4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBmaWxsPSIjMEQ4NjdGIiBjeD0iOSIgY3k9IjkiIHI9IjkiPjwvY2lyY2xlPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDguMDAwMDAwKSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtOC4wMDAwMDApICIgcG9pbnRzPSIxNCAxMyAxMC4wNzU0NzkgMyA2IDEzIDEwLjAwMDAwNzQgMTAuNzUiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==)
}

.small-card-box .img--inner.pressure[data-v-0fa40910] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7msJTljotpY29uPC90aXRsZT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4zIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEwLTA06K6+5aSH5Y+w5biQ6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM1MC4wMDAwMDAsIC0xNzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i572R5p626KeE5qih55yL5p2/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTIuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgODkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLmsJTljotpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDEuMDAwMDAwLCAxMy4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTksMCBDNC4wMzE0MDQ5NiwwIDAsNC4wMzE0MDQ5NiAwLDkgQzAsMTMuOTY4NTk1IDQuMDMxNDA0OTYsMTggOSwxOCBDMTMuOTY4NTk1LDE4IDE4LDEzLjk2ODU5NSAxOCw5IEMxOCw0LjAzMTQwNDk2IDEzLjk4MzQ3MTEsMCA5LDAgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzBEODY3RiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS44MTY1Mjg5Myw3LjI3NDM4MDE3IEw4LjE1MjA2NjEyLDkuMjgyNjQ0NjMgQzguNDA0OTU4NjgsOS4xMzM4ODQzIDguNjg3NjAzMzEsOS4wNDQ2MjgxIDguOTg1MTIzOTcsOS4wNDQ2MjgxIEM5Ljg3NzY4NTk1LDkuMDQ0NjI4MSAxMC42MDY2MTE2LDkuNzczNTUzNzIgMTAuNjA2NjExNiwxMC42NjYxMTU3IEMxMC42MjE0ODc2LDExLjU1ODY3NzcgOS44OTI1NjE5OCwxMi4yNzI3MjczIDksMTIuMjcyNzI3MyBDOC4xMDc0MzgwMiwxMi4yNzI3MjczIDcuMzc4NTEyNCwxMS41NDM4MDE3IDcuMzc4NTEyNCwxMC42NTEyMzk3IEM3LjM3ODUxMjQsMTAuNDU3ODUxMiA3LjQwODI2NDQ2LDEwLjI3OTMzODggNy40Njc3Njg2LDEwLjExNTcwMjUgTDUuMTE3MzU1MzcsOC4wOTI1NjE5OCBDNC44OTQyMTQ4OCw3Ljg5OTE3MzU1IDQuODY0NDYyODEsNy41NTcwMjQ3OSA1LjA1Nzg1MTI0LDcuMzMzODg0MyBDNS4yNTEyMzk2Nyw3LjExMDc0MzggNS41OTMzODg0Myw3LjA4MDk5MTc0IDUuODE2NTI4OTMsNy4yNzQzODAxNyBaIE04Ljk4NTEyMzk3LDIuNTI4OTI1NjIgQzEyLjU4NTEyNCwyLjUyODkyNTYyIDE1LjUwMDgyNjQsNS40NDQ2MjgxIDE1LjUwMDgyNjQsOS4wNDQ2MjgxIEMxNS41MzA1Nzg1LDkuMzQyMTQ4NzYgMTUuMjc3Njg2LDkuNTk1MDQxMzIgMTQuOTgwMTY1Myw5LjU4MDE2NTI5IEMxNC42ODI2NDQ2LDkuNTgwMTY1MjkgMTQuNDI5NzUyMSw5LjM0MjE0ODc2IDE0LjQyOTc1MjEsOS4wMjk3NTIwNyBDMTQuNDI5NzUyMSw2LjAyNDc5MzM5IDExLjk5MDA4MjYsMy42IDksMy42IEM1Ljk5NTA0MTMyLDMuNjE0ODc2MDMgMy41NzAyNDc5Myw2LjAzOTY2OTQyIDMuNTcwMjQ3OTMsOS4wNDQ2MjgxIEMzLjU3MDI0NzkzLDkuMzQyMTQ4NzYgMy4zMzIyMzE0LDkuNTk1MDQxMzIgMy4wMTk4MzQ3MSw5LjU5NTA0MTMyIEMyLjcyMjMxNDA1LDkuNTk1MDQxMzIgMi40Njk0MjE0OSw5LjM1NzAyNDc5IDIuNDY5NDIxNDksOS4wNDQ2MjgxIEMyLjQ2OTQyMTQ5LDUuNDQ0NjI4MSA1LjM4NTEyMzk3LDIuNTI4OTI1NjIgOC45ODUxMjM5NywyLjUyODkyNTYyIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
}

.small-card-box .img--inner.precipitation[data-v-0fa40910] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7pmY3msLRpY29uPC90aXRsZT4NCiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iMTAtMDTorr7lpIflj7DluJDor6bmg4UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQ0LjAwMDAwMCwgLTI3Ni4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSLnvZHmnrbop4TmqKHnnIvmnb8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5Mi4wMDAwMDAsIDcyLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuMDAwMDAwLCA4OS4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IumZjeawtGljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1LjAwMDAwMCwgMTE1LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iLTkuMDk0OTQ3MDJlLTEzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDEyLjg1MjA3MiBDMiwxNC44Mzg4OTQgMy42MjUwMDIyNSwxNi40NTI2NDggNS42NDA2MjIwOSwxNi40NTI2NDggQzcuNjQ5NDE5OTMsMTYuNDUyNjQ4IDkuMjgyMjM0MTYsMTQuODM4ODk0IDkuMjgyMjM0MTYsMTIuODUyMDcyIEM5LjI4MjIzNDE2LDEwLjg2NTI1IDUuNjQwNjIyMDksNS42NTEzODggNS42NDA2MjIwOSw1LjY1MTM4OCBDNS42NDA2MjIwOSw1LjY1MTM4OCAyLDEwLjg2NTI1IDIsMTIuODUyMDcyIFogTTExLjEwNTQ3MDIsOC4yMzA5NjgwMSBDMTIuNjgzNTgyNSw4LjIzMDk2ODAxIDEzLjk2Mjg3NzEsNy4wMDE5NjQgMTMuOTYyODc3MSw1LjQ4NDM4NCBDMTMuOTYyODc3MSwzLjk2NDM3NDAxIDExLjEwNTQ3MDIsLTEuMDQ4MDUwNTRlLTEzIDExLjEwNTQ3MDIsLTEuMDQ4MDUwNTRlLTEzIEMxMS4xMDU0NzAyLC0xLjA0ODA1MDU0ZS0xMyA4LjI0OTAxNzI3LDMuOTc1NjA2MDEgOC4yNDkwMTcyNyw1LjQ4NDM4NCBDOC4yMzgyNzEyOCw3LjAwMzkyNiA5LjUxOTUyNzkxLDguMjMwOTY4MDEgMTEuMTA1NDcwMiw4LjIzMDk2ODAxIEwxMS4xMDU0NzAyLDguMjMwOTY4MDEgWiBNMTMuOTE3OTc4MiwxMS44MzEwNzYgQzEzLjkxNzk3ODIsMTEuODMxMDc2IDExLjgzNjkyODUsMTQuODEzOTgyIDExLjgzNjkyODUsMTUuOTQ2Nzc2IEMxMS44MzY5Mjg1LDE3LjA4MjAzNiAxMi43NzE0ODc1LDE4IDEzLjkxNzk3ODIsMTggQzE1LjA2NzM4NSwxOCAxNiwxNy4wODIwMzYgMTYsMTUuOTQ2Nzc2IEMxNiwxNC44MDIyNjQgMTMuOTE3OTc4MiwxMS44MzEwNzYgMTMuOTE3OTc4MiwxMS44MzEwNzYgTDEzLjkxNzk3ODIsMTEuODMxMDc2IFoiIGlkPSLlvaLnirYiIGZpbGw9IiMwRDg2N0YiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
}

.small-card-box .img--inner.humidity[data-v-0fa40910] {
    background-image: url(data:image/svg+xml;base64,[encoded data, 4724 characters])
}

.small-card-box .img--inner.ice-formation[data-v-0fa40910] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7lhrDljLppY29uPC90aXRsZT4NCiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iMTAtMDjnur/ot6/or6bmg4UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQ0LjAwMDAwMCwgLTE3Ni4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSLnvZHmnrbop4TmqKHnnIvmnb8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5Mi4wMDAwMDAsIDcyLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSLlhrDljLppY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Mi4wMDAwMDAsIDEwNC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy40NDc4NDUzLDYuMDAwMDAwMDEgQzE3Ljg3MjgzOCw2LjAwMDAwMDAxIDE4LjEzNzgzMzQsNi40MDAwMDAwMSAxNy45MjQ4MzcxLDYuNzIwMDAwMDEgTDE0LjgwMjg5MDgsMTEuNDE1IEwxMi4wMjc5Mzg1LDE1LjU4NiBDMTEuNjYxOTQ0OCwxNi4xMzggMTAuNzQ0OTYwNiwxNi4xMzggMTAuMzc2OTY2OSwxNS41ODYgTDcuNjAyMDE0NiwxMS40MTUgTDQuMDAwMDc2NTQsNi4wMDAwMDAwMSBMMTcuNDQ3ODQ1Myw2LjAwMDAwMDAxIFogTTMuMTgwMDkwNjQsNi4wMDAwMDAwMSBMNi4wMDAwNDIxNCwxMC4xNiBMNS4wMjUwNTg5MSwxMS42IEM0LjY2MzA2NTEzLDEyLjEzMyAzLjc2MDA4MDY2LDEyLjEzMyAzLjQwMDA4Njg1LDExLjYgTDEuOTA4MTEyNSw5LjQgTDAuMDc0MTQ0MDM2Miw2LjY5NSBDLTAuMTM1ODUyMzUzLDYuMzg2IDAuMTI1MTQzMTYzLDYuMDAwMDAwMDEgMC41NDQxMzU5NTYsNi4wMDAwMDAwMSBMMy4xODAwOTA2NCw2LjAwMDAwMDAxIFogTTE2Ljk5OTg1MywyIEMxNy41NTIxMjgyLDIgMTcuOTk5ODM1OCwyLjQ0NzcxNTI1IDE3Ljk5OTgzNTgsMyBDMTcuOTk5ODM1OCwzLjU1MjI4NDc1IDE3LjU1MjEyODIsNCAxNi45OTk4NTMsNCBMMS4wMDAxMjgxMiw0IEMwLjQ0Nzg1Mjg2NSw0IDAuMDAwMTQ1MzE0NTA5LDMuNTUyMjg0NzUgMC4wMDAxNDUzMTQ1MDksMyBDMC4wMDAxNDUzMTQ1MDksMi40NDc3MTUyNSAwLjQ0Nzg1Mjg2NSwyIDEuMDAwMTI4MTIsMiBMMTYuOTk5ODUzLDIgWiIgaWQ9IuW9oueKtiIgZmlsbD0iIzAwOTFGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
}

.small-card-box [class^=info-][data-v-0fa40910] {
    text-align: center;
    line-height: 1.5em
}

.env-info-box[data-v-75fa23b9] {
    height: 100%;
    padding: 0 16px 16px;
    font-size: var(--webgis-font-size-base, 14px);
    overflow: hidden;
    overflow-y: auto
}

.env-info-box .box-head[data-v-75fa23b9] {
    display: flex;
    line-height: 36px;
    font-weight: 600;
    justify-content: space-between
}

.env-info-box .box-head .sub-title[data-v-75fa23b9] {
    color: var(--webgis-second-text, #999)
}

.env-info-box .box-head-line[data-v-75fa23b9] {
    display: flex;
    align-items: center
}

.env-info-box .box-body[data-v-75fa23b9] {
    display: flex;
    flex-wrap: wrap
}

.env-info-box .box-body.nodata[data-v-75fa23b9] {
    width: 100%;
    height: 2.6rem;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.env-info-box .box-body.txt[data-v-75fa23b9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.env-info-box .box-info .na-divider__text[data-v-75fa23b9] {
    font-size: 12px;
    color: #a1a1aa;
    min-width: 220px
}

.env-info-box .small-card-box[data-v-75fa23b9] {
    width: calc(33% - 14px);
    margin: 7px
}

.env-info-box .video-list-box[data-v-75fa23b9] {
    display: flex
}

.env-info-box .video-list-box .video-preview-item[data-v-75fa23b9] {
    margin: 15px 15px 0px 0px
}

.env-info-box .video-preview-item .video-preview-item-content[data-v-75fa23b9] {
    width: 100px;
    height: 60px;
    display: flex;
    position: relative;
    background: rgba(0,0,0,.7)
}

.env-info-box .video-preview-item video[data-v-75fa23b9] {
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.env-info-box .video-preview-item .play-icon[data-v-75fa23b9] {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 36px;
    color: #fff;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.env-info-box .video-preview-item .video-preview-item-label[data-v-75fa23b9] {
    text-align: center
}

.small-card-box[data-v-230cce9a] {
    display: inline-block;
    font-size: var(--webgis-font-size-base, 14px);
    box-sizing: border-box
}

.small-card-box div[data-v-230cce9a] {
    box-sizing: inherit
}

.small-card-box .small-card-box--inner[data-v-230cce9a] {
    padding: 12px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 4px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.08)
}

.small-card-box .img[data-v-230cce9a] {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.small-card-box .img--inner[data-v-230cce9a] {
    min-width: 18px;
    min-height: 18px
}

.small-card-box .img--inner.temperature[data-v-230cce9a] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7msJTmuKlpY29uPC90aXRsZT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4zIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEwLTA06K6+5aSH5Y+w5biQ6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA0NC4wMDAwMDAsIC0xNzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i572R5p626KeE5qih55yL5p2/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTIuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgODkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLmsJTmuKlpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNS4wMDAwMDAsIDEzLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi41LDAgQzguMDU4MzMzMzMsMCA5LjI1LDEuMTcgOS4yNSwyLjcgTDkuMjUsNy45MiBDMTAuOTkxNjY2Nyw4LjkxIDEyLDEwLjcxIDEyLDEyLjYgQzEyLDE1LjU3IDkuNTI1LDE4IDYuNSwxOCBDMy40NzUsMTggMSwxNS41NyAxLDEyLjYgQzEsMTAuNzEgMi4wMDgzMzMzMyw4LjkxIDMuNzUsNy45MiBMMy43NSwyLjcgQzMuNzUsMS4xNyA0Ljk0MTY2NjY3LDAgNi41LDAgWiBNMTYuMTQyODU3MSw2LjI1IEMxNi42NTcxNDI5LDYuMjUgMTcsNi42IDE3LDcuMTI1IEMxNyw3LjY1IDE2LjY1NzE0MjksOCAxNi4xNDI4NTcxLDggTDExLjg1NzE0MjksOCBDMTEuMzQyODU3MSw4IDExLDcuNjUgMTEsNy4xMjUgQzExLDYuNiAxMS4zNDI4NTcxLDYuMjUgMTEuODU3MTQyOSw2LjI1IEwxNi4xNDI4NTcxLDYuMjUgWiBNMTQuNDI4NTcxNCwzLjYyNSBDMTQuOTQyODU3MSwzLjYyNSAxNS4yODU3MTQzLDMuOTc1IDE1LjI4NTcxNDMsNC41IEMxNS4yODU3MTQzLDUuMDI1IDE0Ljk0Mjg1NzEsNS4zNzUgMTQuNDI4NTcxNCw1LjM3NSBMMTEuODU3MTQyOSw1LjM3NSBDMTEuMzQyODU3MSw1LjM3NSAxMSw1LjAyNSAxMSw0LjUgQzExLDMuOTc1IDExLjM0Mjg1NzEsMy42MjUgMTEuODU3MTQyOSwzLjYyNSBMMTQuNDI4NTcxNCwzLjYyNSBaIE0xNi4xNDI4NTcxLDEgQzE2LjY1NzE0MjksMSAxNywxLjM1IDE3LDEuODc1IEMxNywyLjQgMTYuNjU3MTQyOSwyLjc1IDE2LjE0Mjg1NzEsMi43NSBMMTEuODU3MTQyOSwyLjc1IEMxMS4zNDI4NTcxLDIuNzUgMTEsMi40IDExLDEuODc1IEMxMSwxLjM1IDExLjM0Mjg1NzEsMSAxMS44NTcxNDI5LDEgTDE2LjE0Mjg1NzEsMSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjMEQ4NjdGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjUsMS44IEM1Ljk1LDEuOCA1LjU4MzMzMzMzLDIuMTYgNS41ODMzMzMzMywyLjcgTDUuNTgzMzMzMzMsOSBMNC42NjY2NjY2Nyw5LjU0IEMzLjU2NjY2NjY3LDEwLjE3IDIuODMzMzMzMzMsMTEuMzQgMi44MzMzMzMzMywxMi42OSBDMi44MzMzMzMzMywxNC42NyA0LjQ4MzMzMzMzLDE2LjI5IDYuNSwxNi4yOSBDOC41MTY2NjY2NywxNi4yOSAxMC4xNjY2NjY3LDE0LjY3IDEwLjE2NjY2NjcsMTIuNjkgQzEwLjE2NjY2NjcsMTEuNDMgOS40MzMzMzMzMywxMC4xNyA4LjMzMzMzMzMzLDkuNTQgTDcuNDE2NjY2NjcsOSBMNy40MTY2NjY2NywyLjcgQzcuNDE2NjY2NjcsMi4xNiA3LjA1LDEuOCA2LjUsMS44IFoiIGlkPSLot6/lvoQiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuNSwxMi43IEM0LjUsMTMuODA0NTY5NSA1LjM5NTQzMDUsMTQuNyA2LjUsMTQuNyBDNy42MDQ1Njk1LDE0LjcgOC41LDEzLjgwNDU2OTUgOC41LDEyLjcgQzguNSwxMS41OTU0MzA1IDcuNjA0NTY5NSwxMC43IDYuNSwxMC43IEM1LjM5NTQzMDUsMTAuNyA0LjUsMTEuNTk1NDMwNSA0LjUsMTIuNyBMNC41LDEyLjcgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzBEODY3RiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=)
}

.small-card-box .img--inner.windspeed[data-v-230cce9a] {
    background-image: url(data:image/svg+xml;base64,[encoded data, 4632 characters])
}

.small-card-box .img--inner.wind-direction[data-v-230cce9a] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7po47lkJFpY29uPC90aXRsZT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4zIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEwLTA06K6+5aSH5Y+w5biQ6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI0OC4wMDAwMDAsIC0xNzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i572R5p626KeE5qih55yL5p2/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTIuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgODkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLpo47lkJFpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzkuMDAwMDAwLCAxMy4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBmaWxsPSIjMEQ4NjdGIiBjeD0iOSIgY3k9IjkiIHI9IjkiPjwvY2lyY2xlPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDguMDAwMDAwKSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtOC4wMDAwMDApICIgcG9pbnRzPSIxNCAxMyAxMC4wNzU0NzkgMyA2IDEzIDEwLjAwMDAwNzQgMTAuNzUiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==)
}

.small-card-box .img--inner.pressure[data-v-230cce9a] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7msJTljotpY29uPC90aXRsZT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4zIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEwLTA06K6+5aSH5Y+w5biQ6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM1MC4wMDAwMDAsIC0xNzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i572R5p626KeE5qih55yL5p2/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTIuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgODkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLmsJTljotpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDEuMDAwMDAwLCAxMy4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTksMCBDNC4wMzE0MDQ5NiwwIDAsNC4wMzE0MDQ5NiAwLDkgQzAsMTMuOTY4NTk1IDQuMDMxNDA0OTYsMTggOSwxOCBDMTMuOTY4NTk1LDE4IDE4LDEzLjk2ODU5NSAxOCw5IEMxOCw0LjAzMTQwNDk2IDEzLjk4MzQ3MTEsMCA5LDAgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzBEODY3RiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS44MTY1Mjg5Myw3LjI3NDM4MDE3IEw4LjE1MjA2NjEyLDkuMjgyNjQ0NjMgQzguNDA0OTU4NjgsOS4xMzM4ODQzIDguNjg3NjAzMzEsOS4wNDQ2MjgxIDguOTg1MTIzOTcsOS4wNDQ2MjgxIEM5Ljg3NzY4NTk1LDkuMDQ0NjI4MSAxMC42MDY2MTE2LDkuNzczNTUzNzIgMTAuNjA2NjExNiwxMC42NjYxMTU3IEMxMC42MjE0ODc2LDExLjU1ODY3NzcgOS44OTI1NjE5OCwxMi4yNzI3MjczIDksMTIuMjcyNzI3MyBDOC4xMDc0MzgwMiwxMi4yNzI3MjczIDcuMzc4NTEyNCwxMS41NDM4MDE3IDcuMzc4NTEyNCwxMC42NTEyMzk3IEM3LjM3ODUxMjQsMTAuNDU3ODUxMiA3LjQwODI2NDQ2LDEwLjI3OTMzODggNy40Njc3Njg2LDEwLjExNTcwMjUgTDUuMTE3MzU1MzcsOC4wOTI1NjE5OCBDNC44OTQyMTQ4OCw3Ljg5OTE3MzU1IDQuODY0NDYyODEsNy41NTcwMjQ3OSA1LjA1Nzg1MTI0LDcuMzMzODg0MyBDNS4yNTEyMzk2Nyw3LjExMDc0MzggNS41OTMzODg0Myw3LjA4MDk5MTc0IDUuODE2NTI4OTMsNy4yNzQzODAxNyBaIE04Ljk4NTEyMzk3LDIuNTI4OTI1NjIgQzEyLjU4NTEyNCwyLjUyODkyNTYyIDE1LjUwMDgyNjQsNS40NDQ2MjgxIDE1LjUwMDgyNjQsOS4wNDQ2MjgxIEMxNS41MzA1Nzg1LDkuMzQyMTQ4NzYgMTUuMjc3Njg2LDkuNTk1MDQxMzIgMTQuOTgwMTY1Myw5LjU4MDE2NTI5IEMxNC42ODI2NDQ2LDkuNTgwMTY1MjkgMTQuNDI5NzUyMSw5LjM0MjE0ODc2IDE0LjQyOTc1MjEsOS4wMjk3NTIwNyBDMTQuNDI5NzUyMSw2LjAyNDc5MzM5IDExLjk5MDA4MjYsMy42IDksMy42IEM1Ljk5NTA0MTMyLDMuNjE0ODc2MDMgMy41NzAyNDc5Myw2LjAzOTY2OTQyIDMuNTcwMjQ3OTMsOS4wNDQ2MjgxIEMzLjU3MDI0NzkzLDkuMzQyMTQ4NzYgMy4zMzIyMzE0LDkuNTk1MDQxMzIgMy4wMTk4MzQ3MSw5LjU5NTA0MTMyIEMyLjcyMjMxNDA1LDkuNTk1MDQxMzIgMi40Njk0MjE0OSw5LjM1NzAyNDc5IDIuNDY5NDIxNDksOS4wNDQ2MjgxIEMyLjQ2OTQyMTQ5LDUuNDQ0NjI4MSA1LjM4NTEyMzk3LDIuNTI4OTI1NjIgOC45ODUxMjM5NywyLjUyODkyNTYyIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
}

.small-card-box .img--inner.precipitation[data-v-230cce9a] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7pmY3msLRpY29uPC90aXRsZT4NCiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iMTAtMDTorr7lpIflj7DluJDor6bmg4UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQ0LjAwMDAwMCwgLTI3Ni4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSLnvZHmnrbop4TmqKHnnIvmnb8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5Mi4wMDAwMDAsIDcyLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuMDAwMDAwLCA4OS4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IumZjeawtGljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1LjAwMDAwMCwgMTE1LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iLTkuMDk0OTQ3MDJlLTEzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDEyLjg1MjA3MiBDMiwxNC44Mzg4OTQgMy42MjUwMDIyNSwxNi40NTI2NDggNS42NDA2MjIwOSwxNi40NTI2NDggQzcuNjQ5NDE5OTMsMTYuNDUyNjQ4IDkuMjgyMjM0MTYsMTQuODM4ODk0IDkuMjgyMjM0MTYsMTIuODUyMDcyIEM5LjI4MjIzNDE2LDEwLjg2NTI1IDUuNjQwNjIyMDksNS42NTEzODggNS42NDA2MjIwOSw1LjY1MTM4OCBDNS42NDA2MjIwOSw1LjY1MTM4OCAyLDEwLjg2NTI1IDIsMTIuODUyMDcyIFogTTExLjEwNTQ3MDIsOC4yMzA5NjgwMSBDMTIuNjgzNTgyNSw4LjIzMDk2ODAxIDEzLjk2Mjg3NzEsNy4wMDE5NjQgMTMuOTYyODc3MSw1LjQ4NDM4NCBDMTMuOTYyODc3MSwzLjk2NDM3NDAxIDExLjEwNTQ3MDIsLTEuMDQ4MDUwNTRlLTEzIDExLjEwNTQ3MDIsLTEuMDQ4MDUwNTRlLTEzIEMxMS4xMDU0NzAyLC0xLjA0ODA1MDU0ZS0xMyA4LjI0OTAxNzI3LDMuOTc1NjA2MDEgOC4yNDkwMTcyNyw1LjQ4NDM4NCBDOC4yMzgyNzEyOCw3LjAwMzkyNiA5LjUxOTUyNzkxLDguMjMwOTY4MDEgMTEuMTA1NDcwMiw4LjIzMDk2ODAxIEwxMS4xMDU0NzAyLDguMjMwOTY4MDEgWiBNMTMuOTE3OTc4MiwxMS44MzEwNzYgQzEzLjkxNzk3ODIsMTEuODMxMDc2IDExLjgzNjkyODUsMTQuODEzOTgyIDExLjgzNjkyODUsMTUuOTQ2Nzc2IEMxMS44MzY5Mjg1LDE3LjA4MjAzNiAxMi43NzE0ODc1LDE4IDEzLjkxNzk3ODIsMTggQzE1LjA2NzM4NSwxOCAxNiwxNy4wODIwMzYgMTYsMTUuOTQ2Nzc2IEMxNiwxNC44MDIyNjQgMTMuOTE3OTc4MiwxMS44MzEwNzYgMTMuOTE3OTc4MiwxMS44MzEwNzYgTDEzLjkxNzk3ODIsMTEuODMxMDc2IFoiIGlkPSLlvaLnirYiIGZpbGw9IiMwRDg2N0YiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
}

.small-card-box .img--inner.humidity[data-v-230cce9a] {
    background-image: url(data:image/svg+xml;base64,[encoded data, 4724 characters])
}

.small-card-box .img--inner.ice-formation[data-v-230cce9a] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7lhrDljLppY29uPC90aXRsZT4NCiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iMTAtMDjnur/ot6/or6bmg4UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQ0LjAwMDAwMCwgLTE3Ni4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSLnvZHmnrbop4TmqKHnnIvmnb8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5Mi4wMDAwMDAsIDcyLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSLlhrDljLppY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Mi4wMDAwMDAsIDEwNC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy40NDc4NDUzLDYuMDAwMDAwMDEgQzE3Ljg3MjgzOCw2LjAwMDAwMDAxIDE4LjEzNzgzMzQsNi40MDAwMDAwMSAxNy45MjQ4MzcxLDYuNzIwMDAwMDEgTDE0LjgwMjg5MDgsMTEuNDE1IEwxMi4wMjc5Mzg1LDE1LjU4NiBDMTEuNjYxOTQ0OCwxNi4xMzggMTAuNzQ0OTYwNiwxNi4xMzggMTAuMzc2OTY2OSwxNS41ODYgTDcuNjAyMDE0NiwxMS40MTUgTDQuMDAwMDc2NTQsNi4wMDAwMDAwMSBMMTcuNDQ3ODQ1Myw2LjAwMDAwMDAxIFogTTMuMTgwMDkwNjQsNi4wMDAwMDAwMSBMNi4wMDAwNDIxNCwxMC4xNiBMNS4wMjUwNTg5MSwxMS42IEM0LjY2MzA2NTEzLDEyLjEzMyAzLjc2MDA4MDY2LDEyLjEzMyAzLjQwMDA4Njg1LDExLjYgTDEuOTA4MTEyNSw5LjQgTDAuMDc0MTQ0MDM2Miw2LjY5NSBDLTAuMTM1ODUyMzUzLDYuMzg2IDAuMTI1MTQzMTYzLDYuMDAwMDAwMDEgMC41NDQxMzU5NTYsNi4wMDAwMDAwMSBMMy4xODAwOTA2NCw2LjAwMDAwMDAxIFogTTE2Ljk5OTg1MywyIEMxNy41NTIxMjgyLDIgMTcuOTk5ODM1OCwyLjQ0NzcxNTI1IDE3Ljk5OTgzNTgsMyBDMTcuOTk5ODM1OCwzLjU1MjI4NDc1IDE3LjU1MjEyODIsNCAxNi45OTk4NTMsNCBMMS4wMDAxMjgxMiw0IEMwLjQ0Nzg1Mjg2NSw0IDAuMDAwMTQ1MzE0NTA5LDMuNTUyMjg0NzUgMC4wMDAxNDUzMTQ1MDksMyBDMC4wMDAxNDUzMTQ1MDksMi40NDc3MTUyNSAwLjQ0Nzg1Mjg2NSwyIDEuMDAwMTI4MTIsMiBMMTYuOTk5ODUzLDIgWiIgaWQ9IuW9oueKtiIgZmlsbD0iIzAwOTFGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
}

.small-card-box .img--inner.weather-phenomenon[data-v-230cce9a] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03LjM0NzYzIDQuNTA2OTNDNy41ODE4NCA0LjczNDkgNy45NjE1OCA0LjczNDkgOC4xOTU4MSA0LjUwNzcxQzguNDMwMDIgNC4yODA2OCA4LjQyOTcxIDMuOTExODYgOC4xOTU0OSAzLjY4NDgzTDcuNjMwMjQgMy4xMzY2MUM3LjM5NjAzIDIuOTA5NDIgNy4wMTY1OSAyLjkwOTQyIDYuNzgyMzggMy4xMzY2MUM2LjU0ODAxIDMuMzYzOCA2LjU0ODAxIDMuNzMxNjggNi43ODIzOCAzLjk1ODg3TDcuMzQ3NjMgNC41MDY5M1pNMTAuNTk4MiAzLjU0MjQzQzEwLjkyOTMgMy41NDI0MyAxMS4xOTc4IDMuMjgxOTggMTEuMTk3OCAyLjk2MDk1VjIuMTg1ODVDMTEuMTk3OCAxLjg2NDgyIDEwLjkyOTMgMS42MDQzNyAxMC41OTgyIDEuNjA0MzdDMTAuMjY3MiAxLjYwNDM3IDkuOTk4NjMgMS44NjQ4MiA5Ljk5ODYzIDIuMTg1ODVWMi45NjA5NUM5Ljk5ODYzIDMuMjgxOTggMTAuMjY3MiAzLjU0MjQzIDEwLjU5ODIgMy41NDI0M1pNMTMuODQ5MiA0LjUwNjkzTDE0LjQxNDQgMy45NTg4N0MxNC42NDg2IDMuNzMxNjggMTQuNjQ4MyAzLjM2MzggMTQuNDE0NCAzLjEzNjYxQzE0LjE4MDIgMi45MDk0MiAxMy44MDA0IDIuOTA5NDIgMTMuNTY2NSAzLjEzNjYxTDEzLjAwMSAzLjY4NDgzQzEyLjc2NjggMy45MTE4NiAxMi43NjY4IDQuMjgwNjggMTMuMDAxIDQuNTA3NzFDMTMuMjM0OSA0LjczNDkgMTMuNjE0OSA0LjczNDkgMTMuODQ5MiA0LjUwNjkzWk0xMi43NTkgOC44NDg4M0MxMy4yNzY0IDguMzI2MzcgMTMuNTk2MiA3LjYxODU4IDEzLjU5NjIgNi44MzY2QzEzLjU5NjIgNS4yMzA2NiAxMi4yNTQzIDMuOTI5MzUgMTAuNTk4MiAzLjkyOTM1QzkuNDUzMDcgMy45MjkzNSA4LjQ1ODQzIDQuNTUyMzcgNy45NTQwOCA1LjQ2Nzk5QzcuNDE5OTIgNS4yMjk0IDYuODI3NSA1LjA5MjMxIDYuMjAxMjEgNS4wOTIzMUM0LjQzMjQxIDUuMDkyMzEgMi45MjIxOCA2LjE1NDQxIDIuMzA0MTcgNy42NTY1MUMwLjk2MDM5NCA4LjE2MTQ4IDAuMDA1NDA5MjQgOS40MjUzMSAwLjAwNTQwOTI0IDEwLjkwN0MwLjAwNTQwOTI0IDEyLjUxNCAxLjEyODI1IDEzLjg2NDIgMi42NTM2MSAxNC4yNjkyQzIuNzUzNTUgMTQuMzQyMSAyLjg3MTQzIDE0LjM5MjYgMy4wMDU3MSAxNC4zOTI2SDMuNTM0MUMzLjU1NzM3IDE0LjM5MjYgMy41Nzk3MSAxNC4zOTU1IDMuNjAyOTcgMTQuMzk1NUMzLjYyNDUyIDE0LjM5NTUgMy42NDQ4MSAxNC4zOTI2IDMuNjY2MzcgMTQuMzkyNkgxMC42MDA0QzEwLjYxMzggMTQuMzkyNiAxMC42MjUxIDE0LjM4NTUgMTAuNjM3NiAxNC4zODQ4QzEwLjY5MTMgMTQuMzg3OSAxMC43NDM4IDE0LjM5NTIgMTAuNzk4MSAxNC4zOTUyQzEyLjU2NDEgMTQuMzk1MiAxMy45OTU5IDEzLjAwNjggMTMuOTk1OSAxMS4yOTQ4QzEzLjk5NTkgMTAuMjk5OSAxMy41MTA2IDkuNDE1OTQgMTIuNzU5IDguODQ4ODNaTTExLjU4NjYgOC4yOTI0OUMxMS4zMzM3IDguMjMwNjYgMTEuMDcwNyA4LjE5MzM0IDEwLjc5ODEgOC4xOTMzNEMxMC42MjI5IDguMTkzMzQgMTAuNDUyNCA4LjIxMDA1IDEwLjI4NTMgOC4yMzY0M0MxMC4wODMzIDcuMzk2NjggOS42MTQ1NCA2LjY1ODc1IDguOTY4NzIgNi4xMDgyQzkuMjUzODQgNS41MTAxNyA5Ljg3NDM3IDUuMDkyMzMgMTAuNTk4MiA1LjA5MjMzQzExLjU5MTYgNS4wOTIzMyAxMi4zOTcgNS44NzM4MyAxMi4zOTcgNi44MzY2MUMxMi4zOTcgNy40NDYwMyAxMi4wNzM4IDcuOTgwNjcgMTEuNTg2NiA4LjI5MjQ5Wk0xNS4zOTUgNi4yNTUyOEgxNC41OTU1QzE0LjI2NDUgNi4yNTUyOCAxMy45OTU5IDYuNTE1NTcgMTMuOTk1OSA2LjgzNjZDMTMuOTk1OSA3LjE1NzYzIDE0LjI2NDUgNy40MTgwOCAxNC41OTU1IDcuNDE4MDhIMTUuMzk1QzE1LjcyNjMgNy40MTgwOCAxNS45OTQ2IDcuMTU3NjMgMTUuOTk0NiA2LjgzNjZDMTUuOTk0NiA2LjUxNTU3IDE1LjcyNjMgNi4yNTUyOCAxNS4zOTUgNi4yNTUyOFoiIGZpbGw9IiMwMDlFQTgiLz4NCjwvc3ZnPg0K)
}

.small-card-box [class^=info-][data-v-230cce9a] {
    text-align: center;
    line-height: 1.5em
}

.small-card-box .info-title[data-v-230cce9a] {
    font-size: 12px;
    color: rgba(24,24,27,.6)
}

.small-card-box .info-content[data-v-230cce9a] {
    color: #18181b;
    font-weight: 600
}

.env-info-box[data-v-4e04e3bc] {
    height: 100%;
    padding: 0 16px 16px;
    font-size: var(--webgis-font-size-base, 14px);
    overflow: hidden;
    overflow-y: auto
}

.env-info-box .box-head[data-v-4e04e3bc] {
    display: flex;
    line-height: 36px;
    font-weight: 600;
    justify-content: space-between
}

.env-info-box .box-head .sub-title[data-v-4e04e3bc] {
    color: var(--webgis-second-text, #999)
}

.env-info-box .box-head-line[data-v-4e04e3bc] {
    display: flex;
    align-items: center
}

.env-info-box .box-head-line[data-v-4e04e3bc]::before {
    content: "";
    margin-right: 10px;
    width: 3px;
    height: 14px;
    background: #009ea8
}

.env-info-box .box-body[data-v-4e04e3bc] {
    display: flex;
    flex-wrap: wrap
}

.env-info-box .box-body.nodata[data-v-4e04e3bc] {
    width: 100%;
    height: 260px;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.env-info-box .box-body.txt[data-v-4e04e3bc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.env-info-box .box-info[data-v-4e04e3bc] {
    font-size: 12px;
    color: #a1a1aa;
    font-weight: 400
}

.env-info-box .small-card-box[data-v-4e04e3bc] {
    width: calc(33% - 14px);
    margin: 7px
}

.env-info-box .video-list-box[data-v-4e04e3bc] {
    display: flex
}

.env-info-box .video-list-box .video-preview-item[data-v-4e04e3bc] {
    margin: 15px 15px 0px 0px
}

.env-info-box .video-preview-item .video-preview-item-content[data-v-4e04e3bc] {
    width: 100px;
    height: 60px;
    display: flex;
    position: relative;
    background: rgba(0,0,0,.7)
}

.env-info-box .video-preview-item video[data-v-4e04e3bc] {
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.env-info-box .video-preview-item .play-icon[data-v-4e04e3bc] {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 36px;
    color: #fff;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.env-info-box .video-preview-item .video-preview-item-label[data-v-4e04e3bc] {
    text-align: center
}

.allEchartBox[data-v-8a539324] {
    height: 100%;
    overflow-y: scroll;
    padding: 10px;
    width: 100%
}

.echartBox[data-v-8a539324] {
    width: 100%
}

.echartBox .lineTitleDiv[data-v-8a539324] {
    display: flex;
    justify-content: space-between
}

.echartBox .lineTitleBox[data-v-8a539324] {
    position: relative;
    display: flex
}

.echartBox .lineTitleBox .lineTitle[data-v-8a539324] {
    line-height: 22px;
    font-size: 14px;
    margin-left: 10px
}

.echartBox .lineTitleBox[data-v-8a539324]::before {
    content: "";
    position: absolute;
    background-color: #0ab7c0;
    width: 5px;
    height: 22px
}

.echartBox .lineBody[data-v-8a539324] {
    margin-top: 20px;
    width: 100%;
    height: 300px
}

.echartBox .lineBody div[data-v-8a539324] {
    width: 100%;
    height: 300px
}

[data-v-8a539324] .na-radio-group {
    height: 22px;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

[data-v-8a539324] .na-radio-group>.is-active>.na-radio-button__inner {
    background-color: #0ab7c0 !important
}

[data-v-8a539324] .na-button>span {
    line-height: 22px;
    font-size: 14px
}

[data-v-8a539324] .na-radio-button {
    height: 22px
}

[data-v-8a539324] .na-radio-button__inner {
    height: 22px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 22px;
    font-size: 12px !important
}

.noData[data-v-8a539324] {
    width: 80%;
    margin: 50px auto;
    text-align: center;
    font-weight: 900
}

.noData img[data-v-8a539324] {
    width: 80%;
    margin-bottom: 10px
}

.na-menu-demo[data-v-8a539324] {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between
}

.na-menu-demo .na-menu-item[data-v-8a539324] {
    height: .4rem;
    line-height: .4rem
}

.nari-device-card_user_list {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px
}

.nari-device-card_user_list_tab {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-radius: 6px;
    background-color: #0061d0
}

.nari-device-card_user_list_tab_line {
    width: 2px;
    height: 100%;
    background-color: #fff
}

.nari-device-card_user_list_tab_item+.nari-device-card_user_list_tab_item {
    border-left: 1px solid #fff
}

.nari-device-card_user_list_tab_item {
    padding: 0 8px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.nari-device-card_user_list_tab_item.active {
    background: #0059bf
}

.nari-device-card_user_list_search {
    margin-top: 10px;
    width: 100%
}

.nari-device-card_user_list_list {
    flex: 1;
    min-height: 0;
    margin-top: 12px;
    border-top: 1px solid #ccc
}

.nari-device-card_user_list_box {
    height: 100%
}

.nari-device-card_user_list_item+.nari-device-card_user_list_item {
    border-top: 1px solid #ccc
}

.nari-device-card_user_list_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px
}

.nari-device-card_user_list_item:hover {
    cursor: pointer
}

.nari-device-card_user_list_item_left_bottom {
    margin-top: 12px;
    font-size: 14px;
    color: #b1b1b2
}

.nari-device-card_user_list_item_right {
    display: flex;
    align-items: center
}

.nari-device-card_user_list_item .tag-A {
    color: #ff8208;
    background-color: rgba(255,131,8,.1803921569);
    border-color: rgba(255,131,8,.1803921569)
}

.nari-device-card_user_list_item .tag-B {
    color: #3cb34b;
    background-color: rgba(60,179,75,.168627451);
    border-color: rgba(60,179,75,.168627451)
}

.nari-device-card_user_list_item .tag-C {
    color: #fa3333;
    background-color: rgba(250,51,51,.231372549);
    border-color: rgba(250,51,51,.231372549)
}

.nari-device-card_user_list_item .tag-wz {
    color: #9c9c9c;
    background-color: rgba(144,144,144,.2705882353);
    border-color: rgba(144,144,144,.2705882353)
}

.nari-device-card_user_list_item .tag-ABC {
    color: #34c1f0;
    background-color: rgba(52,193,240,.1294117647);
    border-color: rgba(52,193,240,.3215686275)
}

.nari-device-card_user_list_item .tag-error {
    color: #a1a1aa;
    background-color: rgba(161,161,170,.0980392157);
    border-color: rgba(161,161,170,.2980392157)
}

.nari-device-card_user_list {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px
}

.nari-device-card_user_list_head {
    border-radius: 6px;
    background-color: #0061d0
}

.nari-device-card_user_list_head_line {
    display: flex;
    align-items: center;
    padding: 8px;
    color: #fff;
    border-radius: 6
}

.nari-device-card_user_list_head_line_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    background: #0051ad;
    font-size: 26px !important;
    text-align: center
}

.nari-device-card_user_list_head_line_info {
    font-size: 14px
}

.nari-device-card_user_list_head_line_info_subtitle {
    color: #87b5e9
}

.nari-device-card_user_list_head_line_info_subtitle_name {
    cursor: pointer
}

.nari-device-card_user_list_head_line_info_subtitle_name:hover {
    color: #fff
}

.nari-device-card_user_list_tab {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-radius: 6px;
    background-color: #0061d0
}

.nari-device-card_user_list_tab_line {
    width: 2px;
    height: 100%;
    background-color: #fff
}

.nari-device-card_user_list_tab_item+.nari-device-card_user_list_tab_item {
    border-left: 1px solid #fff
}

.nari-device-card_user_list_tab_item {
    padding: 0 8px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    font-size: 14px
}

.nari-device-card_user_list_tab_item.active {
    background: #0059bf
}

.nari-device-card_user_list_search {
    margin-top: 10px;
    width: 100%
}

.nari-device-card_user_list_list {
    flex: 1;
    min-height: 0;
    margin-top: 12px;
    border-top: 1px solid #ccc
}

.nari-device-card_user_list_box {
    height: 100%
}

.nari-device-card_user_list_item+.nari-device-card_user_list_item {
    border-top: 1px solid #ccc
}

.nari-device-card_user_list_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px
}

.nari-device-card_user_list_item:hover {
    cursor: pointer
}

.nari-device-card_user_list_item_left_bottom {
    margin-top: 12px;
    font-size: 14px;
    color: #b1b1b2
}

.nari-device-card_user_list_item_right {
    display: flex;
    align-items: center
}

.nari-device-card_user_list_item .tag-A {
    color: #ff8208;
    background-color: rgba(255,131,8,.1803921569);
    border-color: rgba(255,131,8,.1803921569)
}

.nari-device-card_user_list_item .tag-B {
    color: #3cb34b;
    background-color: rgba(60,179,75,.168627451);
    border-color: rgba(60,179,75,.168627451)
}

.nari-device-card_user_list_item .tag-C {
    color: #fa3333;
    background-color: rgba(250,51,51,.231372549);
    border-color: rgba(250,51,51,.231372549)
}

.nari-device-card_user_list_item .tag-wz {
    color: #9c9c9c;
    background-color: rgba(144,144,144,.2705882353);
    border-color: rgba(144,144,144,.2705882353)
}

.nari-device-card_user_list_item .tag-ABC {
    color: #34c1f0;
    background-color: rgba(52,193,240,.1294117647);
    border-color: rgba(52,193,240,.3215686275)
}

.nari-device-card_user_list_item .tag-error {
    color: #a1a1aa;
    background-color: rgba(161,161,170,.0980392157);
    border-color: rgba(161,161,170,.2980392157)
}

.nari-device-details_user {
    position: relative
}

.nari-device-details_user_back {
    position: absolute;
    top: -33px;
    left: 90px;
    cursor: pointer
}

.feeser_count[data-v-1452900c] {
    width: 100%;
    height: 50%;
    line-height: 5px;
    font-size: 20px;
    font-weight: 700
}

.feeser_title[data-v-1452900c] {
    width: 100%;
    height: 50%;
    line-height: 30px;
    font-size: 14px
}

.feeder_wrapper[data-v-ba9747c2] {
    position: relative;
    width: 100%;
    height: 100%
}

.feeder_wrapper .feeder_box[data-v-ba9747c2] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px
}

.feeder_wrapper .feeder_box .feeder_item[data-v-ba9747c2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 22%;
    height: 70px;
    border: 1px solid rgba(204,204,204,.8);
    border-radius: 5px;
    margin: 5px;
    text-align: center;
    cursor: pointer;
    color: #18181b;
    position: relative
}

.feeder_wrapper .feeder_box .active[data-v-ba9747c2] {
    color: #009ea8;
    border-radius: 4px;
    background: rgba(0,158,168,.0980392157);
    border: 1px solid #009ea8
}

.feeder_wrapper .feeder_box .feeser_count[data-v-ba9747c2] {
    width: 100%;
    height: 50%;
    line-height: 35px;
    font-size: 20px;
    font-weight: 900;
    font-size: 14px
}

.feeder_wrapper .feeder_box .feeser_title[data-v-ba9747c2] {
    width: 100%;
    height: 50%;
    line-height: 35px;
    font-size: 12px
}

#nari-device_card-device_list[data-v-9f349658] {
    position: fixed;
    left: 80px;
    top: 75px;
    width: 302px
}

.threeSpanMarker[data-v-9f349658] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #0d876f;
    border-radius: 50%;
    text-align: center;
    flex-direction: column;
    font-size: 20px;
    color: #fff
}

.popupFaultDivWrap[data-v-9f349658] {
    line-height: 50px
}

.mapbox-gl-draw_ctrl-bottom-left,.mapbox-gl-draw_ctrl-top-left {
    margin-left: 0;
    border-radius: 0 4px 4px 0
}

.mapbox-gl-draw_ctrl-top-right,.mapbox-gl-draw_ctrl-bottom-right {
    margin-right: 0;
    border-radius: 4px 0 0 4px
}

.mapbox-gl-draw_ctrl-draw {
    background-color: rgba(0,0,0,.75);
    border-color: rgba(0,0,0,.9)
}

.mapbox-gl-draw_ctrl-draw>button {
    border-color: rgba(0,0,0,.9);
    color: rgba(255,255,255,.5);
    width: 30px;
    height: 30px
}

.mapbox-gl-draw_ctrl-draw>button:hover {
    background-color: rgba(0,0,0,.85);
    color: rgba(255,255,255,.75)
}

.mapbox-gl-draw_ctrl-draw>button.active,.mapbox-gl-draw_ctrl-draw>button.active:hover {
    background-color: rgba(0,0,0,.95);
    color: #fff
}

.mapbox-gl-draw_ctrl-draw-btn {
    background-repeat: no-repeat;
    background-position: center
}

.mapbox-gl-draw_point {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\">%3Cpath d=\"m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z\"/>%3C/svg>")
}

.mapbox-gl-draw_polygon {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\">%3Cpath d=\"m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z\"/>%3C/svg>")
}

.mapbox-gl-draw_line {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\">%3Cpath d=\"m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z\"/>%3C/svg>")
}

.mapbox-gl-draw_trash {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\">%3Cpath d=\"M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z\"/>%3C/svg>")
}

.mapbox-gl-draw_uncombine {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\">%3Cpath d=\"m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z\"/>%3C/svg>")
}

.mapbox-gl-draw_combine {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\">%3Cpath d=\"M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z\"/>%3C/svg>")
}

.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
    cursor: pointer
}

.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
    cursor: move
}

.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive {
    cursor: crosshair
}

.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive {
    cursor: grab;
    cursor: -webkit-grab
}

.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
    cursor: move
}

.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
    cursor: cell
}

.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
    cursor: move
}

.mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
    cursor: grab;
    cursor: -webkit-grab
}

.mapbox-gl-draw_boxselect {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: rgba(0,0,0,.1);
    border: 2px dotted #fff;
    opacity: .5
}

.nari-content_box[data-v-4766f84e] {
    display: flex;
    line-height: 30px
}

.nari-content_box_key[data-v-4766f84e] {
    flex: 7;
    color: #bdbbbb
}

.nari-content_box_value[data-v-4766f84e] {
    flex: 5
}

.customer-base[data-v-5e437793] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(10,10,10,.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center
}

.customer-base .customer-base-content[data-v-5e437793] {
    width: 1200px;
    height: auto;
    background: #fff;
    border-radius: 10px
}

.sub-nav[data-v-5e437793] {
    width: 100%;
    display: flex;
    align-items: center
}

.sub-nav-btn[data-v-5e437793] {
    width: 30%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(204,204,204,.8);
    border-radius: 5px;
    cursor: pointer
}

.sub-nav-btn.active[data-v-5e437793] {
    color: #009ea8;
    background: rgba(0,158,168,0.0980392157);
    border: 1px solid #009ea8
}

.top-nav[data-v-5e437793] {
    padding: 0 20px;
    margin-top: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ccc
}

.top-nav-btn[data-v-5e437793] {
    padding: 0 50px;
    margin-bottom: -2px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #ccc
}

.top-nav-btn.active[data-v-5e437793] {
    color: #009ea8;
    border-bottom: 2px solid #009ea8
}

.device-list_box_content[data-v-5e437793] {
    width: 100%;
    height: 700px;
    padding: 10px;
    display: flex;
    overflow-y: auto
}

.device-list_box_content_left[data-v-5e437793] {
    margin-right: 50px;
    flex: 1
}

.device-list_box_content_right[data-v-5e437793] {
    flex: 1
}

.common-empty[data-v-0d8eebdc] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.common-empty-content-img[data-v-0d8eebdc] {
    width: 240px
}

.common-empty-content-title[data-v-0d8eebdc] {
    width: 100%;
    text-align: center;
    font-size: 16px
}

.main[data-v-18a513d5] {
    width: 100%;
    height: 100%
}

.main .header[data-v-18a513d5] {
    display: flex;
    justify-content: space-between;
    height: 50px;
    border-bottom: 1px solid #ccc;
    align-items: center;
    padding: 0 10px
}

.main .header .title[data-v-18a513d5] {
    font-size: 18px;
    font-weight: 900
}

.main .header .el-icon-close[data-v-18a513d5] {
    font-size: 20px
}

.na-select-dropdown__item.hover[data-v-18a513d5],.na-select-dropdown__item[data-v-18a513d5]:hover {
    color: var(--theme-item-fc-active);
    background: var(--theme-item-bg-active)
}

.daySelectBox[data-v-18a513d5] {
    width: 100px;
    margin-right: 8px
}

.userDetail[data-v-18a513d5] {
    box-sizing: border-box;
    background-color: var(--bg-color-container);
    z-index: 4;
    width: 100%;
    height: 89%;
    overflow-y: auto;
    border-radius: 7px
}

.userDetail .head[data-v-18a513d5] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    height: 1px;
    background-color: var(--bg-color-container)
}

.userDetail .head .icon-fanhui[data-v-18a513d5] {
    font-weight: normal;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    top: 17px;
    left: 88px
}

.userDetail .info[data-v-18a513d5],.userDetail .energy[data-v-18a513d5],.userDetail .event[data-v-18a513d5] {
    padding: 8px
}

.userDetail .energy[data-v-18a513d5] {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 200px
}

.userDetail .info .name[data-v-18a513d5] {
    margin-top: 8px;
    height: 24px;
    line-height: 24px;
    display: flex
}

.userDetail .info .name .num-icon[data-v-18a513d5] {
    margin-right: 10px
}

.userDetail .info .user_info div[data-v-18a513d5] {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    font-size: 14px
}

.userDetail .info .user_info div[data-v-18a513d5] :nth-child(1) {
    color: #ccc;
    display: inline-block;
    width: 96px;
    margin-right: 10px
}

.userDetail .info .user_info .ecAddr[data-v-18a513d5] {
    height: auto;
    display: flex
}

.userDetail .info .user_info .ecAddr[data-v-18a513d5] :nth-child(2) {
    display: inline-block;
    width: 248px
}

.userDetail .center2[data-v-18a513d5] {
    min-height: 0 !important;
    margin-bottom: 32px
}

.userDetail .center[data-v-18a513d5] {
    width: 100%;
    min-height: 240px;
    z-index: 2;
    top: 56px;
    right: 48px;
    border: var(--border-value);
    background-color: var(--bg-color-container)
}

.userDetail .center .title[data-v-18a513d5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 8px;
    height: 32px
}

.userDetail .center .title .left[data-v-18a513d5] {
    font-size: 12px;
    font-weight: bold;
    border-left: 4px solid #009ea8;
    padding-left: 8px;
    display: flex;
    margin-right: 20px
}

.userDetail .center .date[data-v-18a513d5] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.userDetail .center .date .na-date-editor[data-v-18a513d5] {
    margin-right: 2px;
    margin-left: 2px
}

.userDetail .center .nodata[data-v-18a513d5] {
    width: 100%;
    height: 208px;
    position: relative;
    font-size: 16px;
    overflow: hidden
}

.userDetail .center .nodata .nodataImg[data-v-18a513d5] {
    width: 100%
}

.userDetail .center .nodata .text[data-v-18a513d5] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    display: grid;
    place-content: center
}

.userDetail .center .chartBox[data-v-18a513d5] {
    width: 100%;
    height: 100%
}

.userDetail .center .echarts[data-v-18a513d5] {
    width: 100%;
    height: 192px;
    padding-right: 5px
}

.userDetail .user_list_title[data-v-18a513d5] {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px
}

.userDetail .user_list_title span[data-v-18a513d5] {
    display: inline-block;
    width: 4px;
    height: 12px;
    background-color: #0d867f;
    margin-right: 8px
}

.userDetail .user_list_title .num-icon i[data-v-18a513d5] {
    font-size: 20px !important
}

.loadingBox[data-v-18a513d5] {
    width: 100%;
    height: 89%;
    display: flex;
    justify-content: center;
    align-items: center
}

.loadingBox img[data-v-18a513d5] {
    width: 64px;
    height: 64px
}

[data-v-18a513d5] .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    background-color: #009ea8;
    border-color: #009ea8
}

.tag[data-v-18a513d5] {
    margin-right: 4px
}

.tags[data-v-18a513d5] {
    color: #d9963f !important;
    border-color: #d9963f !important;
    background-color: #fff3e6 !important;
    margin-right: 8px
}

.na-date-editor[data-v-18a513d5] {
    width: 224px
}

[data-v-18a513d5] .na-table .na-table__cell {
    padding: 8px 0 !important
}

.scope_cell[data-v-18a513d5] {
    display: flex;
    align-items: center
}

.scope_cell .dot[data-v-18a513d5] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.scope_cell .stop[data-v-18a513d5] {
    background: #ccc
}

.scope_cell .td[data-v-18a513d5] {
    background: green
}

.scope_cell .fd[data-v-18a513d5] {
    background: red
}

.footer[data-v-18a513d5] {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    position: absolute;
    bottom: 0;
    background: #fff
}

[data-v-18a513d5] .na-table {
    padding-bottom: 32px
}

[data-v-18a513d5] .na-dialog {
    width: 640px !important
}

[data-v-18a513d5] .na-button--success {
    background-color: #009ea8;
    border-color: #009ea8
}

.device_info[data-v-18a513d5] {
    width: 100%;
    background-color: #0061d0;
    border-radius: 5px;
    position: relative;
    padding: 8px;
    color: #fff;
    margin-bottom: 16px
}

.device_info_top[data-v-18a513d5] {
    width: 100%;
    display: flex;
    align-items: center
}

.device_info_top .icon-peibian[data-v-18a513d5] {
    width: 32px;
    height: 32px;
    display: grid;
    place-content: center;
    font-size: 28px;
    background: #0059bf
}

.device_info_top_right[data-v-18a513d5] {
    display: flex;
    margin-left: 8px;
    flex-direction: column;
    justify-content: space-between
}

.device_info_top_right span[data-v-18a513d5] {
    color: #87b5e9
}

.hoverLine[data-v-18a513d5]:hover {
    color: #fff;
    cursor: pointer
}

.tag-A[data-v-18a513d5] {
    color: #ff8208;
    background-color: rgba(255,131,8,.1803921569);
    border-color: rgba(255,131,8,.1803921569)
}

.tag-B[data-v-18a513d5] {
    color: #3cb34b;
    background-color: rgba(60,179,75,.168627451);
    border-color: rgba(60,179,75,.168627451)
}

.tag-C[data-v-18a513d5] {
    color: #fa3333;
    background-color: rgba(250,51,51,.231372549);
    border-color: rgba(250,51,51,.231372549)
}

.tag-wz[data-v-18a513d5] {
    color: #9c9c9c;
    background-color: rgba(144,144,144,.2705882353);
    border-color: rgba(144,144,144,.2705882353)
}

.tag-ABC[data-v-18a513d5] {
    color: #34c1f0;
    background-color: rgba(52,193,240,.1294117647);
    border-color: rgba(52,193,240,.3215686275)
}

[data-v-18a513d5].na-radio-button--mini .na-radio-button__inner {
    width: 48px
}

[data-v-18a513d5].na-radio-button--mini:nth-child(4) .na-radio-button__inner {
    width: 80px
}

#loadResourceScaleStatistics[data-v-202b7cb2] {
    background-color: #fff;
    z-index: 4;
    width: 450px;
    border-radius: 8px;
    position: fixed;
    top: 70px;
    right: 60px
}

#loadResourceScaleStatistics .loadResource_title[data-v-202b7cb2] {
    display: flex;
    justify-content: space-between;
    height: 50px;
    border-bottom: 1px solid #ccc;
    align-items: center;
    padding: 0 10px
}

#loadResourceScaleStatistics .loadResource_title .title[data-v-202b7cb2] {
    font-size: 18px;
    font-weight: 900
}

#loadResourceScaleStatistics .loadResource_title .right[data-v-202b7cb2] {
    display: flex;
    align-items: center
}

#loadResourceScaleStatistics .loadResource_title .right .na-select[data-v-202b7cb2] {
    width: 150px
}

#loadResourceScaleStatistics .loadResource_title .right .el-icon-close[data-v-202b7cb2] {
    font-size: 20px
}

.number-all>div[data-v-202b7cb2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.numBox[data-v-202b7cb2] {
    flex-wrap: wrap
}

.numBox .numBoxLeft[data-v-202b7cb2] {
    width: 32%
}

.numBox .numBoxLeft[data-v-202b7cb2]:nth-child(n+4) {
    margin-top: 2%
}

.pointer[data-v-202b7cb2] {
    cursor: pointer
}

.loadResource_echartBox[data-v-202b7cb2] {
    margin-top: 20px;
    width: 100%
}

.loadResource_echartBox .lineTitleDiv[data-v-202b7cb2] {
    display: flex;
    justify-content: space-between
}

.loadResource_echartBox .lineTitleBox[data-v-202b7cb2] {
    position: relative;
    display: flex
}

.loadResource_echartBox .lineTitleBox .lineTitle[data-v-202b7cb2] {
    line-height: 22px;
    font-size: 14px;
    margin-left: 30px
}

.loadResource_echartBox .lineTitleBox[data-v-202b7cb2]::before {
    content: "";
    position: absolute;
    background-color: #0d867f;
    width: 5px;
    height: 22px;
    margin-left: 20px
}

.loadResource_echartBox .lineBody[data-v-202b7cb2] {
    margin-top: 20px;
    width: 100%;
    height: 300px
}

.loadResource_echartBox .lineBody div[data-v-202b7cb2] {
    width: 100%;
    height: 300px
}

.box-detail[data-v-202b7cb2] {
    background-color: #fff;
    z-index: 9999;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    top: 0px;
    left: 0px
}

.common-empty[data-v-22bb1a1e] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.common-empty-content-img[data-v-22bb1a1e] {
    width: 240px
}

.common-empty-content-title[data-v-22bb1a1e] {
    width: 100%;
    text-align: center;
    font-size: 16px
}

.photoltaic-line .chartTitle[data-v-cd17a370] {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
    align-items: center
}

.photoltaic-line .chartTitle-left[data-v-cd17a370] {
    display: flex
}

.photoltaic-line .chartTitle-left .titleBg[data-v-cd17a370] {
    width: 4px;
    height: 16px
}

.photoltaic-line .chartTitle-left .titleText[data-v-cd17a370] {
    color: var(--font-color-4);
    margin-left: 10px
}

.photoltaic-line .chartTitle-button .na-button[data-v-cd17a370] {
    padding: 4px 8px;
    font-size: 12px !important
}

.photoltaic-line .voltage[data-v-cd17a370],.photoltaic-line .pattern[data-v-cd17a370] {
    width: 100%;
    height: 280px
}

.chartTitle-line[data-v-cd17a370] {
    width: 150px;
    height: 24px;
    position: relative
}

.chartTitle-line .chartTitle-cavance[data-v-cd17a370] {
    position: absolute;
    width: 150px;
    height: 24px;
    border-radius: 5px;
    background: rgba(204,204,204,.4);
    top: 0;
    left: 0;
    cursor: not-allowed
}

.chartTitle-button[data-v-cd17a370] {
    width: 150px;
    height: 24px;
    display: flex;
    position: relative
}

.chartTitle-button>div[data-v-cd17a370] {
    width: 33%;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    border-top: 1px solid #efdede;
    border-bottom: 1px solid #efdede;
    border-left: 1px solid #efdede
}

.chartTitle-button>div[data-v-cd17a370]:nth-child(1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.chartTitle-button>div[data-v-cd17a370]:nth-child(3) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 1px solid #efdede
}

.activeColor[data-v-cd17a370] {
    background-color: #0061d0;
    color: #fff;
    border-width: 2px
}

.activeColorGreen[data-v-cd17a370] {
    background-color: #009ea8;
    color: #fff;
    border-width: 2px
}

.num-icon[data-v-250923d0] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    background: #e5f5f6;
    cursor: pointer
}

.num-icon i[data-v-250923d0] {
    font-size: 19px;
    color: #009ea8
}

.backfeed-analysis[data-v-72a53fa0] {
    background-color: #fff;
    border-radius: 10px;
    width: 100%
}

.backfeed-analysis .head[data-v-72a53fa0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 53px;
    align-items: center;
    padding: 0 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #ccc
}

.backfeed-analysis .head .head-left[data-v-72a53fa0] {
    display: flex
}

.backfeed-analysis .head .head-left .head-title[data-v-72a53fa0] {
    display: inline-block;
    font-weight: 800;
    font-size: 13px;
    margin-right: 2px
}

.backfeed-analysis .head .head-right .backfeedSelect[data-v-72a53fa0] {
    width: 160px
}

.backfeed-analysis .head .head-right .el-icon-close[data-v-72a53fa0] {
    cursor: pointer;
    font-size: 20px
}

.backfeed-analysis .tab[data-v-72a53fa0] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px 0 10px;
    flex-wrap: wrap
}

.backfeed-analysis .tab>div[data-v-72a53fa0] {
    margin-bottom: 10px
}

.backfeed-analysis .tab .photovoltaicPower[data-v-72a53fa0] {
    width: 48.5%;
    padding: 10px;
    color: #0061d0;
    background-color: rgba(0,97,208,.0980392157);
    border-radius: 5px;
    cursor: pointer;
    position: relative
}

.backfeed-analysis .tab .photovoltaicPower .num[data-v-72a53fa0] {
    font-size: 18px
}

.backfeed-analysis .tab .photovoltaicPower .unit[data-v-72a53fa0] {
    font-size: 13px
}

.backfeed-analysis .tab .photovoltaicPower .img-icon[data-v-72a53fa0] {
    width: 30px;
    position: absolute;
    right: 1px;
    bottom: 1px
}

.backfeed-analysis .tab .quantifyNumber[data-v-72a53fa0] {
    width: 48.5%;
    padding: 10px;
    color: #009ea8;
    border-radius: 5px;
    background-color: rgba(0,158,168,.0980392157);
    cursor: pointer;
    position: relative
}

.backfeed-analysis .tab .quantifyNumber .num[data-v-72a53fa0] {
    font-size: 18px
}

.backfeed-analysis .tab .quantifyNumber .unit[data-v-72a53fa0] {
    font-size: 13px
}

.backfeed-analysis .tab .quantifyNumber .img-icon[data-v-72a53fa0] {
    width: 30px;
    position: absolute;
    right: 1px;
    bottom: 1px
}

.backfeed-analysis .tab .active-power[data-v-72a53fa0] {
    background: #0061d0;
    color: #fff
}

.backfeed-analysis .tab .active-power i[data-v-72a53fa0] {
    font-variant-caps: all-small-caps;
    font-size: 11px;
    color: #0061d0;
    background: #fff;
    padding: 0 2px 0 2px;
    border-radius: 2px
}

.backfeed-analysis .tab .active-quantify[data-v-72a53fa0] {
    background: #009ea8;
    color: #fff
}

.backfeed-analysis .tab .active-quantify i[data-v-72a53fa0] {
    font-variant-caps: all-small-caps;
    font-size: 11px;
    color: #009ea8;
    background: #fff;
    padding: 0 2px 0 2px;
    border-radius: 2px
}

.backfeed-analysis .chart-content[data-v-72a53fa0] {
    height: 500px;
    padding: 0 10px 10px 10px;
    overflow-y: auto
}

body[data-v-8edfbd2c] {
    --amber-0: 250, 248, 231;
    --amber-1: 244, 239, 199;
    --amber-2: 233, 220, 147;
    --amber-3: 222, 199, 99;
    --amber-4: 211, 177, 55;
    --amber-5: 200, 153, 15;
    --amber-6: 167, 119, 11;
    --amber-7: 133, 89, 7;
    --amber-8: 100, 61, 4;
    --amber-9: 67, 37, 2;
    --blue-0: 230, 241, 250;
    --blue-1: 196, 223, 246;
    --blue-2: 142, 191, 236;
    --blue-3: 91, 159, 227;
    --blue-4: 43, 127, 217;
    --blue-5: 0, 97, 208;
    --blue-6: 0, 77, 172;
    --blue-7: 0, 59, 137;
    --blue-8: 0, 42, 101;
    --blue-9: 0, 26, 65;
    --brand-0: 227, 246, 246;
    --brand-1: 190, 238, 237;
    --brand-2: 132, 219, 220;
    --brand-3: 81, 200, 203;
    --brand-4: 37, 179, 185;
    --brand-5: 0, 158, 168;
    --brand-6: 0, 129, 140;
    --brand-7: 0, 102, 112;
    --brand-8: 0, 75, 84;
    --brand-9: 2, 52, 66;
    --global-black: 0, 0, 0;
    --global-white: 255, 255, 255;
    --gradient-1: 3, 64, 90;
    --gradient-2: 1, 29, 40;
    --green-0: 236, 247, 236;
    --green-1: 207, 240, 210;
    --green-2: 164, 225, 169;
    --green-3: 124, 209, 133;
    --green-4: 89, 194, 101;
    --green-5: 58, 179, 74;
    --green-6: 47, 149, 62;
    --green-7: 36, 119, 50;
    --green-8: 26, 90, 38;
    --green-9: 17, 60, 25;
    --grey-0: 247, 248, 250;
    --grey-1: 229, 230, 235;
    --grey-2: 215, 215, 223;
    --grey-3: 193, 194, 204;
    --grey-4: 172, 173, 185;
    --grey-5: 161, 161, 170;
    --grey-6: 128, 129, 146;
    --grey-7: 106, 107, 125;
    --grey-8: 86, 86, 105;
    --grey-9: 24, 24, 27;
    --indigo-0: 236, 238, 247;
    --indigo-1: 208, 215, 240;
    --indigo-2: 165, 176, 225;
    --indigo-3: 127, 141, 209;
    --indigo-4: 92, 107, 194;
    --indigo-5: 61, 77, 179;
    --indigo-6: 49, 62, 159;
    --indigo-7: 49, 62, 159;
    --indigo-8: 30, 37, 118;
    --indigo-9: 22, 27, 97;
    --light_blue-0: 239, 251, 254;
    --light_blue-1: 213, 245, 252;
    --light_blue-2: 171, 233, 249;
    --light_blue-3: 130, 221, 246;
    --light_blue-4: 91, 207, 243;
    --light_blue-5: 52, 193, 240;
    --light_blue-6: 41, 158, 200;
    --light_blue-7: 31, 124, 160;
    --light_blue-8: 22, 91, 120;
    --light_blue-9: 14, 59, 80;
    --light_green-0: 242, 247, 236;
    --light_green-1: 226, 240, 207;
    --light_green-2: 197, 225, 164;
    --light_green-3: 169, 209, 124;
    --light_green-4: 143, 194, 89;
    --light_green-5: 118, 179, 58;
    --light_green-6: 96, 149, 47;
    --light_green-7: 75, 119, 36;
    --light_green-8: 54, 90, 26;
    --light_green-9: 35, 60, 17;
    --orange-0: 255, 248, 235;
    --orange-1: 255, 236, 204;
    --orange-2: 255, 214, 153;
    --orange-3: 255, 188, 102;
    --orange-4: 255, 159, 51;
    --orange-5: 255, 126, 0;
    --orange-6: 219, 97, 0;
    --orange-7: 184, 72, 0;
    --orange-8: 148, 51, 0;
    --orange-9: 112, 33, 0;
    --pink-0: 249, 232, 234;
    --pink-1: 243, 200, 207;
    --pink-2: 231, 149, 165;
    --pink-3: 218, 103, 129;
    --pink-4: 206, 61, 98;
    --pink-5: 194, 23, 73;
    --pink-6: 174, 15, 67;
    --pink-7: 153, 9, 61;
    --pink-8: 133, 4, 54;
    --pink-9: 112, 0, 48;
    --purple-0: 247, 233, 247;
    --purple-1: 240, 202, 239;
    --purple-2: 223, 154, 225;
    --purple-3: 204, 110, 209;
    --purple-4: 184, 72, 194;
    --purple-5: 162, 38, 179;
    --purple-6: 139, 29, 159;
    --purple-7: 116, 21, 138;
    --purple-8: 95, 14, 118;
    --purple-9: 75, 9, 97;
    --red-0: 255, 241, 239;
    --red-1: 254, 219, 213;
    --red-2: 253, 180, 172;
    --red-3: 252, 139, 130;
    --red-4: 251, 95, 90;
    --red-5: 250, 49, 49;
    --red-6: 208, 35, 40;
    --red-7: 167, 23, 32;
    --red-8: 125, 13, 24;
    --red-9: 83, 6, 17;
    --violet-0: 241, 235, 247;
    --violet-1: 223, 206, 240;
    --violet-2: 190, 160, 225;
    --violet-3: 159, 120, 209;
    --violet-4: 128, 83, 194;
    --violet-5: 98, 51, 179;
    --violet-6: 80, 40, 159;
    --violet-7: 63, 31, 138;
    --violet-8: 48, 23, 118;
    --violet-9: 35, 16, 97;
    --yellow-0: 255, 253, 237;
    --yellow-1: 255, 249, 208;
    --yellow-2: 255, 239, 161;
    --yellow-3: 255, 227, 114;
    --yellow-4: 255, 211, 67;
    --yellow-5: 255, 192, 20;
    --yellow-6: 213, 150, 15;
    --yellow-7: 170, 111, 10;
    --yellow-8: 128, 77, 6;
    --yellow-9: 85, 47, 3;
    --border_radius-0: 0;
    --border_radius-1: 2px;
    --border_radius-2: 4px;
    --border_radius-3: 8px;
    --border_radius-4: 9999px;
    --border_width-1: 1px;
    --border_width-2: 2px;
    --font_family-Chinese: PingFang SC;
    --font_family-Number: PingFang SC;
    --font_size-12: 12px;
    --font_size-14: 14px;
    --font_size-16: 16px;
    --font_size-18: 18px;
    --font_size-20: 20px;
    --font_size-22: 22px;
    --font_size-24: 24px;
    --font_size-32: 32px;
    --font_size-36: 36px;
    --font_weight-Regular: 400;
    --font_weight-bold: 600;
    --line_height-14: 14px;
    --line_height-20: 20px;
    --line_height-22: 22px;
    --line_height-24: 24px;
    --line_height-28: 28px;
    --line_height-32: 32px;
    --line_height-44: 44px;
    --sizing-base_large: 28px;
    --sizing-default: 16px;
    --sizing-extra_large: 32px;
    --sizing-extra_small: 8px;
    --sizing-large: 24px;
    --sizing-medium: 20px;
    --sizing-small: 12px;
    --sizing-super_large: 40px;
    --spacing-base: 16px;
    --spacing-base_loose: 20px;
    --spacing-baseTight: 12px;
    --spacing-extra_loose: 32px;
    --spacing-extra_tight: 4px;
    --spacing-loose: 24px;
    --spacing-none: 0;
    --spacing-super_loose: 40px;
    --spacing-super_tight: 2px;
    --spacing-tight: 8px;
    --spacing-loose-special: 56px;
    --text_decoration-none: none;
    --text_decoration-line_through: line-through;
    --text_decoration-underline: underline
}

body[data-v-8edfbd2c] {
    --color-primary-default: rgba(var(--brand-5), 1);
    --color-primary-hover: rgba(var(--brand-6), 1);
    --color-primary-active: rgba(var(--brand-7), 1);
    --color-primary-transparent-10: rgba(var(--brand-5), 0.1);
    --color-primary-transparent-20: rgba(var(--brand-5), 0.2);
    --color-primary-transparent-30: rgba(var(--brand-5), 0.3);
    --color-primary-transparent-40: rgba(var(--brand-5), 0.4);
    --color-primary-transparent-50: rgba(var(--brand-5), 0.5);
    --color-primary-transparent-60: rgba(var(--brand-5), 0.6);
    --color-secondary-default: rgba(var(--grey-0), 1);
    --color-secondary-hover: rgba(var(--grey-1), 1);
    --color-secondary-active: rgba(var(--grey-2), 1);
    --color-tertiary-default: rgba(var(--grey-5), 1);
    --color-tertiary-hover: rgba(var(--grey-6), 1);
    --color-tertiary-active: rgba(var(--grey-7), 1);
    --color-primary_light-default: rgba(var(--brand-0), 1);
    --color-primary_light-hover: rgba(var(--brand-1), 1);
    --color-primary_light-active: rgba(var(--brand-2), 1);
    --color-secondary_light-default: rgba(var(--light_blue-0), 1);
    --color-secondary_light-hover: rgba(var(--light_blue-1), 1);
    --color-secondary_light-active: rgba(var(--light_blue-2), 1);
    --color-tertiary_light-default: rgba(var(--grey-0), 1);
    --color-tertiary_light-hover: rgba(var(--brand-6), 1);
    --color-tertiary_light-active: rgba(var(--brand-7), 1);
    --color-bg-0: rgba(var(--global-white), 1);
    --color-bg-1: rgba(var(--global-black), 0.6);
    --color-bg-2: rgba(var(--global-white), 1);
    --color-bg-3: rgba(var(--grey-0), 1);
    --color-bg-4: rgba(var(--grey-1), 1);
    --color-link-default: rgba(var(--brand-5), 1);
    --color-link-hover: rgba(var(--brand-6), 1);
    --color-link-active: rgba(var(--brand-7), 1);
    --color-link-visited: rgba(var(--brand-5), 1);
    --color-info-default: rgba(var(--brand-5), 1);
    --color-info-hover: rgba(var(--brand-6), 1);
    --color-info-active: rgba(var(--brand-7), 1);
    --color-info-disabled: rgba(var(--brand-2), 1);
    --color-info_light-default: rgba(var(--brand-0), 1);
    --color-info_light-hover: rgba(var(--brand-1), 1);
    --color-info_light-active: rgba(var(--brand-2), 1);
    --color-fill-0: rgba(var(--grey-9), 0.05);
    --color-fill-1: rgba(var(--grey-9), 0.09);
    --color-fill-2: rgba(var(--grey-9), 0.13);
    --color-text-0: rgba(var(--grey-9), 1);
    --color-text-1: rgba(var(--grey-9), 0.8);
    --color-text-2: rgba(var(--grey-9), 0.6);
    --color-text-3: rgba(var(--grey-9), 0.35);
    --color-border-default: rgba(var(--grey-1), 1);
    --color-border-hover: rgba(var(--grey-3), 1);
    --color-border-focus: rgba(var(--brand-5), 1);
    --color-border-focus_container: rgba(var(--global-white), 1);
    --color-danger-default: rgba(var(--red-5), 1);
    --color-danger-hover: rgba(var(--red-6), 1);
    --color-danger-active: rgba(var(--red-7), 1);
    --color-success-default: rgba(var(--green-5), 1);
    --color-success-hover: rgba(var(--green-6), 1);
    --color-success-active: rgba(var(--green-7), 1);
    --color-warning-default: rgba(var(--orange-5), 1);
    --color-warning-hover: rgba(var(--orange-6), 1);
    --color-warning-active: rgba(var(--orange-7), 1);
    --color-danger_light-default: rgba(var(--red-0), 1);
    --color-danger_light-hover: rgba(var(--red-1), 1);
    --color-danger_light-active: rgba(var(--red-2), 1);
    --color-success_light-default: rgba(var(--green-0), 1);
    --color-success_light-hover: rgba(var(--green-1), 1);
    --color-success_light-active: rgba(var(--green-2), 1);
    --color-warning_light-default: rgba(var(--orange-0), 1);
    --color-warning_light-hover: rgba(var(--orange-1), 1);
    --color-warning_light-active: rgba(var(--orange-2), 1);
    --color-shadow-0: rgba(var(--global-black), 0.16);
    --color-disabled-bg: rgba(var(--grey-0), 1);
    --color-disabled-border: rgba(var(--grey-1), 1);
    --color-disabled-text: rgba(var(--grey-9), 0.35);
    --color-other-1: rgba(var(--brand-5), 1);
    --color-other-2: rgba(var(--brand-4), 1);
    --color-other-3: rgba(var(--blue-5), 1);
    --color-other-4: rgba(var(--blue-4), 1);
    --color-other-5: rgba(var(--green-5), 1);
    --color-other-6: rgba(var(--green-4), 1);
    --color-other-7: rgba(var(--orange-4), 1);
    --color-other-8: rgba(var(--indigo-4), 1);
    --color-other-9: rgba(var(--red-4), 1);
    --color-other-10: rgba(var(--pink-4), 1);
    --color-other-11: rgba(var(--violet-4), 1);
    --color-other-12: rgba(var(--amber-4), 1);
    --color-other-13: rgba(var(--light_blue-4), 1);
    --color-other-14: rgba(var(--light_green-4), 1);
    --shadow-0: none;
    --shadow-1: 0 2px 4px 0 rgba(var(--color-shadow-0), 1);
    --shadow-2: 0 0 10px 0 rgba(var(--color-shadow-0), 1);
    --shadow-3: 0 0 20px 0 rgba(var(--color-shadow-0), 1);
    --color-bg-5: linear-gradient(148.48deg, rgba(var(--brand-5), 0.12) 0%, rgba(var(--brand-5), 0) 100%)
}

.folding-panel[data-v-8edfbd2c] {
    display: flex;
    flex-direction: column;
    height: 700px;
    width: 500px
}

.folding-panel .folding-panel-top[data-v-8edfbd2c] {
    display: flex;
    justify-content: space-between;
    margin: var(--spacing-base)
}

.folding-panel .folding-panel-top .folding-panel-top-title[data-v-8edfbd2c] {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-14);
    font-weight: var(--font_weight-bold)
}

.folding-panel .folding-panel-top .folding-panel-top-title[data-v-8edfbd2c]::before {
    display: inline-block;
    margin-right: var(--spacing-tight);
    width: 4px;
    height: 100%;
    background-color: var(--color-primary-default);
    vertical-align: bottom;
    content: ""
}

.folding-panel .folding-panel-collapse[data-v-8edfbd2c] {
    height: 100%;
    display: flex;
    overflow: scroll;
    flex-direction: column;
    min-height: 0;
    border-radius: 6px;
    border-color: var(--color-border-default) !important
}

.folding-panel .folding-panel-collapse .folding-panel-collapse-title-area[data-v-8edfbd2c] {
    display: flex;
    flex: 1 1 auto;
    order: 1;
    align-items: center
}

.folding-panel .folding-panel-collapse .folding-panel-collapse-title[data-v-8edfbd2c] {
    margin-right: 12px
}

.folding-panel .folding-panel-collapse .folding-panel-collapse-title-number[data-v-8edfbd2c] {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    padding: var(--spacing-none) var(--spacing-tight);
    background-color: rgba(var(--brand-5), 0.1);
    border-radius: 999px;
    color: rgba(var(--brand-5), 1)
}

.folding-panel .folding-panel-collapse[data-v-8edfbd2c] .na-collapse-item__header {
    flex: 1 0 auto;
    order: -1;
    height: 36px;
    padding-left: var(--spacing-baseTight);
    color: var(--color-text-0);
    background-color: var(--color-bg-3);
    border-color: var(--color-border-default) !important;
    line-height: 36px
}

.folding-panel .folding-panel-collapse .na-collapse-item__wrap[data-v-8edfbd2c] {
    height: auto;
    background-color: rgba(0,0,0,0);
    border-color: var(--color-border-default) !important;
    flex: 0 0 auto
}

.folding-panel .folding-panel-collapse .na-collapse-item.is-active[data-v-8edfbd2c] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    min-height: 0
}

.folding-panel .folding-panel-empty[data-v-8edfbd2c] {
    flex: 1
}

.folding-panel .folding-panel-device[data-v-8edfbd2c] {
    display: flex;
    align-items: center;
    height: 63px;
    padding: var(--spacing-none) var(--spacing-base);
    border-top: var(--border_width-1) solid var(--color-border-default);
    cursor: pointer
}

.folding-panel .folding-panel-device .folding-panel-device[data-v-8edfbd2c]:nth-last-of-type(1) {
    border-bottom: var(--border_width-1) solid var(--color-border-default)
}

.folding-panel .folding-panel-device .folding-panel-device-sort[data-v-8edfbd2c] {
    position: relative;
    width: 18px;
    height: 100%
}

.folding-panel .folding-panel-device .folding-panel-device-sort .folding-panel-device-sort-number[data-v-8edfbd2c] {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translateX(-50%);
    color: rgba(var(--global-white), 1);
    text-align: center;
    z-index: 1
}

.folding-panel .folding-panel-device .my-icon[data-v-8edfbd2c] {
    font-style: normal;
    font-size: 26px;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(var(--brand-5), 1);
    -webkit-font-smoothing: antialiased;
    font-family: "na-iconfont" !important
}

.folding-panel .folding-panel-device-active[data-v-8edfbd2c],.folding-panel .folding-panel-device[data-v-8edfbd2c]:hover {
    background-color: var(--color-fill-0)
}

.folding-panel .folding-panel-device-active .my-icon[data-v-8edfbd2c],.folding-panel .folding-panel-device:hover .my-icon[data-v-8edfbd2c] {
    color: var(--color-danger-hover)
}

.folding-panel .folding-panel-device .folding-panel-device-info[data-v-8edfbd2c] {
    flex: 1;
    margin-left: var(--spacing-tight)
}

.folding-panel .folding-panel-device .folding-panel-device-info .folding-panel-device-info-title[data-v-8edfbd2c] {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-bold);
    color: var(--color-text-0);
    margin: 4px 0
}

.folding-panel .folding-panel-device .folding-panel-device-info .folding-panel-device-info-item[data-v-8edfbd2c] {
    width: 95%;
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-12);
    line-height: var(--line_height-20);
    font-weight: var(--font_weight-Regular);
    color: var(--color-text-2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.folding-panel .folding-panel-device .folding-panel-device-info .folding-panel-device-info-item .info-item-detail[data-v-8edfbd2c] {
    padding: 0 5px;
    border-right: 1px solid #ccc
}

.folding-panel .folding-panel-device .folding-panel-device-info .folding-panel-device-info-item .info-item-detail[data-v-8edfbd2c]:first-child {
    padding-left: 0
}

.folding-panel .folding-panel-device .folding-panel-device-info .folding-panel-device-info-item .info-item-detail[data-v-8edfbd2c]:last-child {
    border-right: none
}

.folding-panel .folding-panel-device-delete[data-v-8edfbd2c] {
    color: var(--color-primary-transparent-60);
    font-size: var(--font_size-16)
}

.folding-panel .folding-panel-device-delete[data-v-8edfbd2c]:hover {
    color: var(--color-primary-hover)
}

.folding-panel .folding-panel-pagination[data-v-8edfbd2c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-none) var(--spacing-base);
    border-top: var(--border_width-1) solid var(--color-border-default);
    height: 40px
}

.folding-panel .folding-panel-pagination .folding-panel-pagination-total[data-v-8edfbd2c] {
    color: var(--color-text-0)
}

.folding-panel .folding-panel-pagination .folding-panel-pagination-total .folding-panel-pagination-total-number[data-v-8edfbd2c] {
    color: var(--color-link-default);
    font-style: normal
}

.folding-panel .folding-panel-pagination-size[data-v-8edfbd2c] {
    color: var(--color-text-0);
    margin-right: var(--spacing-tight)
}

.folding-panel .folding-panel-pagination .na-button+.na-button[data-v-8edfbd2c] {
    margin-left: var(--spacing-tight)
}

.folding-panel .folding-panel-pagination-prev.na-button[data-v-8edfbd2c],.folding-panel .folding-panel-pagination-next.na-button[data-v-8edfbd2c],.folding-panel .folding-panel-pagination .na-button.is-disabled[data-v-8edfbd2c] {
    padding: var(--spacing-extra_tight);
    border-radius: var(--border_radius-1);
    background-color: rgba(0,0,0,0);
    border-color: var(--color-border-default) !important
}

.folding-panel .folding-panel-pagination-prev.na-button[data-v-8edfbd2c]:hover,.folding-panel .folding-panel-pagination-prev.na-button[data-v-8edfbd2c]:focus,.folding-panel .folding-panel-pagination-next.na-button[data-v-8edfbd2c]:hover,.folding-panel .folding-panel-pagination-next.na-button[data-v-8edfbd2c]:focus,.folding-panel .folding-panel-pagination .na-button.is-disabled[data-v-8edfbd2c]:hover,.folding-panel .folding-panel-pagination .na-button.is-disabled[data-v-8edfbd2c]:focus {
    color: var(--color-link-hover);
    background-color: var(--color-fill-0);
    border-color: var(--color-primary-hover)
}

.folding-panel .folding-panel-footer[data-v-8edfbd2c] {
    height: 34px;
    padding: var(--spacing-none) var(--spacing-base);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.folding-panel .folding-panel-footer .folding-panel-footer-total[data-v-8edfbd2c] {
    font-family: var(--font_family-Chinese);
    font-size: var(--font_size-14);
    line-height: var(--line_height-22);
    font-weight: var(--font_weight-Regular);
    line-height: 34px;
    color: var(--color-text-2)
}

.folding-panel .folding-panel-dialog .folding-panel-dialog-del[data-v-8edfbd2c] {
    width: 320px !important
}

.folding-panel .folding-panel-dialog .folding-panel-dialog-del .folding-panel-dialog-del-cancel .folding-panel-dialog-del-cancel[data-v-8edfbd2c]:hover {
    color: var(--color-primary-hover) !important;
    background-color: rgba(var(--brand-5), 0.1) !important;
    border-color: var(--color-primary-hover) !important
}

.folding-panel .folding-panel-dialog .folding-panel-dialog-del .folding-panel-dialog-del-confirm[data-v-8edfbd2c] {
    background-color: rgba(var(--brand-5), 1) !important;
    border-color: rgba(var(--brand-5), 1) !important
}

.folding-panel .folding-panel-dialog .folding-panel-dialog-del .folding-panel-dialog-del-confirm .folding-panel-dialog-del-confirm[data-v-8edfbd2c]:hover {
    background-color: var(--color-tertiary_light-hover) !important
}

[data-v-8edfbd2c] .na-collapse-item__content {
    height: auto;
    padding-bottom: 0
}

[data-v-8edfbd2c]::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0,0,0,0)
}

[data-v-8edfbd2c]::-webkit-scrollbar-thumb {
    background-color: var(--color-bg-4);
    border-radius: var(--border_radius-4)
}

#app-measure {
    position: absolute;
    height: 110px;
    width: 150px;
    z-index: 1;
    left: 250px;
    background-color: #fff;
    margin-top: 50px;
    border-radius: 10px;
    font-size: 14px
}

#app-measure button {
    background-color: #fff;
    width: 130px;
    height: 27px;
    line-height: 25px;
    text-align: center;
    margin-top: 10px;
    border: #009ea8 1px solid;
    border-radius: 15px
}

#app-measure .app-measure-top {
    height: 20%;
    width: 100%;
    margin-left: 10px;
    margin-top: 10px
}

#app-measure .app-measure-content {
    margin-left: 10px;
    margin-top: -5px
}

#app-measure .app-measure-content .app-measure-content-color {
    color: #fff;
    background-color: #009ea8;
    cursor: pointer
}

#app-measure .app-measure-content .app-measure-content-nocolor {
    cursor: pointer
}

#app-measure button:hover {
    background: #009ea8;
    border-color: #009ea8;
    color: #fff
}

#app-measure button:focus {
    background: #009ea8;
    border-color: #009ea8;
    color: #fff
}

#app-measure #app-zl {
    position: absolute;
    background-color: #fff;
    border-radius: 10px
}

#app-measure #app-zl .app-measure-top-zl {
    margin-left: 10px;
    margin-top: 10px
}

#app-measure #app-zl .app-measure-content-color {
    color: #fff;
    background-color: #009ea8
}

#app-measure #app-zl .app-measure-top {
    margin-left: 0px
}

#app-measure #app-zl td {
    display: inline-block
}

#app-measure #app-zl button {
    cursor: pointer;
    margin-left: 0px;
    margin-bottom: 5px
}

.cwrap[data-v-507a5db2] {
    width: 100%;
    overflow: hidden;
    position: relative
}

.cwrap .cwrap__classify[data-v-507a5db2] {
    margin: 10px 0;
    display: flex;
    justify-content: space-between
}

.cwrap .cwrap__classify .cwrap__title[data-v-507a5db2] {
    font-size: 14px;
    font-weight: bold
}

.cwrap .cwrap__classify .bar[data-v-507a5db2] {
    flex: 1;
    height: 1px;
    background: #eee;
    margin: 11px 0px 0 5px
}

.cwrap .cwrap__classify .cwrap__option[data-v-507a5db2] {
    position: relative;
    top: -5px;
    cursor: pointer
}

.cwrap .cwrap__classify .cwrap__option .bar-option[data-v-507a5db2] {
    padding: 0 10px
}

.cwrap .cwrap__classify .cwrap__option .bar-option[data-v-507a5db2]:last-child {
    padding-right: 0
}

.cwrap .cwrap__classify .cwrap__option .bar-option-active[data-v-507a5db2] {
    font-weight: bold;
    color: #078b7e;
    border-bottom: 2px solid #078b7e;
    padding: 0 2px 5px 2px;
    margin: 0 10px
}

.cwrap .cwrap__classify .cwrap__option .rotated-bar[data-v-507a5db2] {
    width: 1px;
    height: 100%;
    background: #eee;
    display: inline-block;
    transform: rotate(45deg);
    position: relative;
    left: 0px;
    top: 5px
}

.cwrap .cwrap__classify .cwrap__option .rotated-bar[data-v-507a5db2]:last-child {
    display: none
}

.cwrap .cwrap__classify .data-info[data-v-507a5db2] {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 44px
}

.cwrap .cwrap__classify .data-info span[data-v-507a5db2] {
    padding: 0 3px
}

.cwrap .item-content>div[data-v-507a5db2] {
    width: 100%;
    height: 100%
}

.overview[data-v-d9d94400] {
    display: flex
}

.overview .content[data-v-d9d94400] {
    display: flex;
    flex: 1
}

.overview .margin-right[data-v-d9d94400] {
    margin-right: 10px
}

.overview .fix-width[data-v-d9d94400] {
    width: 180px
}

.img-box .img[data-v-d9d94400] {
    width: 24px;
    height: 24px;
    margin-right: 5px
}

.img-box .roundCount[data-v-d9d94400] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzY1QjVBRSIgZD0iTTI0LDIxYzAsMS42NTctMS4zNDQsMy0zLDNIM2MtMS42NTcsMC0zLTEuMzQzLTMtM1YzYzAtMS42NTcsMS4zNDMtMywzLTNoMThjMS42NTYsMCwzLDEuMzQzLDMsM1YyMXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTgsMTZjLTAuOTMxLDAtMS43MDcsMC42MzktMS45MywxLjVINi41di01aDExSDE4aDAuNXYtN0gxOGgtMC41SDcuOTI5QzcuNzA3LDQuNjM5LDYuOTMxLDQsNiw0DQoJCUM0Ljg5Niw0LDQsNC44OTUsNCw2czAuODk2LDIsMiwyYzAuOTMxLDAsMS43MDctMC42MzksMS45MjktMS41SDE3LjV2NWgtMTFINkg1LjV2N0g2aDAuNWg5LjU3QzE2LjI5MywxOS4zNjEsMTcuMDY5LDIwLDE4LDIwDQoJCWMxLjEwNCwwLDItMC44OTUsMi0yUzE5LjEwNCwxNiwxOCwxNnogTTYsN0M1LjQ0OCw3LDUsNi41NTMsNSw2czAuNDQ4LTEsMS0xczEsMC40NDcsMSwxUzYuNTUyLDcsNiw3eiBNMTgsMTkNCgkJYy0wLjU1MywwLTEtMC40NDctMS0xczAuNDQ3LTEsMS0xczEsMC40NDcsMSwxUzE4LjU1MywxOSwxOCwxOXoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.img-box .tower[data-v-d9d94400] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzUzQTZFQyIgZD0iTTI0LDIxYzAsMS42NTctMS4zNDQsMy0zLDNIM2MtMS42NTcsMC0zLTEuMzQzLTMtM1YzYzAtMS42NTcsMS4zNDMtMywzLTNoMThjMS42NTYsMCwzLDEuMzQzLDMsM1YyMXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTksNnYxaC0yLjI5NUwxNiwzSDhMNy4yOTUsN0g1VjZINHYxdjFoMy4xMThMNC44MjYsMjFoMS4wMTZsMC4zMi0xLjgxNEwxMiwxNi40NjRsNS44MzgsMi43MjJMMTguMTU4LDIxDQoJCWgxLjAxNkwxNi44ODEsOEgyMFY3VjZIMTl6IE0xNi4wNDUsOS4wMTlsMC41MTQsMi45MWwtMy4zNzUtMS41NzRMMTYuMDQ1LDkuMDE5eiBNOC44MzksNGg2LjMyMWwwLjUyOSwzSDguMzFMOC44MzksNHogTTE1Ljg2NSw4DQoJCUwxMiw5LjgwM0w4LjEzNSw4SDE1Ljg2NXogTTcuOTU0LDkuMDE5bDIuODYzLDEuMzM2bC0zLjM3NSwxLjU3NEw3Ljk1NCw5LjAxOXogTTYuMzc0LDE3Ljk4M2wwLjY3NS0zLjgyOGwzLjc2OCwxLjc1Nw0KCQlMNi4zNzQsMTcuOTgzeiBNNy4yMjksMTMuMTM2bDAtMC4wMDRMMTIsMTAuOTA2bDQuNzcxLDIuMjI2djAuMDA0TDEyLDE1LjM2TDcuMjI5LDEzLjEzNnogTTE2Ljk1MSwxNC4xNTVsMC42NzYsMy44MjgNCgkJbC00LjQ0My0yLjA3MUwxNi45NTEsMTQuMTU1eiIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.img-box .transformer[data-v-d9d94400] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzY1QjVBRSIgZD0iTTI0LDIxYzAsMS42NTctMS4zNDQsMy0zLDNIM2MtMS42NTcsMC0zLTEuMzQzLTMtM1YzYzAtMS42NTcsMS4zNDMtMywzLTNoMThjMS42NTYsMCwzLDEuMzQzLDMsM1YyMXoiLz4NCgk8Zz4NCgkJPHJlY3QgeD0iNyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjIiIGhlaWdodD0iMSIvPg0KCQk8cmVjdCB4PSIxNCIgeT0iMTUiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz4NCgkJPHJlY3QgeD0iNyIgeT0iMTAiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEiLz4NCgkJPHJlY3QgeD0iNyIgeT0iMTMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIwLDE5VjRsMCwwaC0xaC03aC0xSDVINHYxdjE0SDN2MWgxaDFoNmgxaDdoMWgxdi0xSDIweiBNMTksNXYzaC03VjVIMTl6IE01LDE5VjVoNnYxNEg1eiBNMTIsMTlWOWg3djEwDQoJCQlIMTJ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=)
}

.img-box .core[data-v-d9d94400] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzUzQTZFQyIgZD0iTTI0LDIxYzAsMS42NTctMS4zNDQsMy0zLDNIM2MtMS42NTcsMC0zLTEuMzQzLTMtM1YzYzAtMS42NTcsMS4zNDMtMywzLTNoMThjMS42NTYsMCwzLDEuMzQzLDMsM1YyMXoiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIwLDE5di05aC0wLjAwMlY5SDE3VjhoMVY3aC0xVjZoMVY1aC0xVjRoLTF2MWgtMXYxaDF2MWgtMXYxaDF2MWgtNFY4aDFWN2gtMVY2aDFWNWgtMVY0aC0xdjFoLTF2MWgxdjENCgkJCWgtMXYxaDF2MUg3VjhoMVY3SDdWNmgxVjVIN1Y0SDZ2MUg1djFoMXYxSDV2MWgxdjFIMy45OTl2MUg0djlIM3YxaDFoMWgxNGgxaDF2LTFIMjB6IE01LDE5di05aDFoMWg0aDFoNGgxaDJ2OUg1eiIvPg0KCQk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEzLjE5OCwxMS44NzUgMTEuMzAxLDExLjg3NSAxMCwxNC44NzUgMTEuODc2LDE0Ljg3NSAxMC41NCwxNy44NzUgMTEuNTUzLDE3Ljg3NSAxNCwxMy44NjQgDQoJCQkxMi4zODMsMTMuODY0IAkJIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=)
}

.img-box .storage[data-v-d9d94400] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzlDOEVEQSIgZD0iTTI0LDIxYzAsMS42NTctMS4zNDQsMy0zLDNIM2MtMS42NTcsMC0zLTEuMzQzLTMtM1YzYzAtMS42NTcsMS4zNDMtMywzLTNoMThjMS42NTYsMCwzLDEuMzQzLDMsM1YyMXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjAsNGgtMmgtMUg3SDZINEgzdjF2MnYxaDFoMnYySDRIM3YxdjJ2MWgxaDJ2Mkg0SDN2MXYydjFoMWgyaDFoMTBoMWgyaDF2LTF2LTJ2LTFoLTFoLTJ2LTJoMmgxdi0xdi0ydi0xDQoJCWgtMWgtMlY4aDJoMVY3VjVWNEgyMHogTTE3LDV2Mkg3VjVIMTd6IE00LDdWNWgydjJINHogTTQsMTN2LTJoMnYySDR6IE03LDExaDEwdjJIN1YxMXogTTQsMTl2LTJoMnYySDR6IE03LDE5di0yaDEwdjJIN3ogTTIwLDE3DQoJCXYyaC0ydi0ySDIweiBNMTcsMTZIN3YtMmgxMFYxNnogTTIwLDExdjJoLTJ2LTJIMjB6IE0xNywxMEg3VjhoMTBWMTB6IE0yMCw3aC0yVjVoMlY3eiIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.img-box .powerline[data-v-d9d94400] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzlDOEVEQSIgZD0iTTI0LDIxYzAsMS42NTctMS4zNDQsMy0zLDNIM2MtMS42NTcsMC0zLTEuMzQzLTMtM1YzYzAtMS42NTcsMS4zNDMtMywzLTNoMThjMS42NTYsMCwzLDEuMzQzLDMsM1YyMXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjEsNC41di0xbC0yLDAuNDQ0VjIuNWgtMnYxLjg4OUw3LDYuNjExVjUuNUg1djEuNTU2TDMsNy41djFsMi0wLjQ0NHYzTDMsMTEuNXYxbDItMC40NDRWMjEuNWgydi05Ljg4OQ0KCQlsMTAtMi4yMjNWMTguNWgyVjguOTQ0TDIxLDguNXYtMWwtMiwwLjQ0NHYtM0wyMSw0LjV6IE0xNyw4LjM4OUw3LDEwLjYxMXYtM2wxMC0yLjIyM1Y4LjM4OXoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.img-box .length[data-v-d9d94400] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDQzMzYzKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzlDOEVEQSIgZD0iTTI0LDIxYzAsMS42NTctMS4zNDQsMy0zLDNIM2MtMS42NTcsMC0zLTEuMzQzLTMtM1YzYzAtMS42NTcsMS4zNDMtMywzLTNoMThjMS42NTYsMCwzLDEuMzQzLDMsM1YyMXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjEsNC41di0xbC0yLDAuNDQ0VjIuNWgtMnYxLjg4OUw3LDYuNjExVjUuNUg1djEuNTU2TDMsNy41djFsMi0wLjQ0NHYzTDMsMTEuNXYxbDItMC40NDRWMjEuNWgydi05Ljg4OQ0KCQlsMTAtMi4yMjNWMTguNWgyVjguOTQ0TDIxLDguNXYtMWwtMiwwLjQ0NHYtM0wyMSw0LjV6IE0xNyw4LjM4OUw3LDEwLjYxMXYtM2wxMC0yLjIyM1Y4LjM4OXoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.info[data-v-d9d94400] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.info .info-count[data-v-d9d94400] {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    color: var(--theme-primary) !important
}

.info .info-unit[data-v-d9d94400] {
    font-size: 12px;
    color: #9b9b9b
}

.info .info-desc[data-v-d9d94400] {
    font-size: 12px;
    color: var(--theme-primary-title)
}

.wrapper[data-v-ea974cce] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.head[data-v-ea974cce] {
    display: flex
}

.head .head__return[data-v-ea974cce] {
    color: #078b7e;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-right: 1px dashed silver;
    padding-right: 10px;
    font-size: 13px;
    margin-right: auto
}

.deviceList[data-v-ea974cce] {
    height: 5.7rem;
    overflow-y: auto
}

.line-info[data-v-ea974cce] {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #eee;
    transition: all .2s;
    border-radius: 3px;
    cursor: pointer
}

.line-info[data-v-ea974cce]:hover {
    background-color: rgba(7,139,126,.2117647059)
}

.line-info-index[data-v-ea974cce] {
    text-align: center;
    color: #fff;
    margin-right: 15px;
    width: 20px;
    height: 26px;
    background: url(data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMzBweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAtMjAgLTYyICkiPg0KICAgIDxwYXRoIGQ9Ik0gMCAxMiAgQyAwIDUuMjggIDUuMjggMCAgMTIgMCAgQyAxOC43MiAwICAyNCA1LjI4ICAyNCAxMiAgQyAyNCAxOC43MiAgMTIuNjE3MTA3OTQyOTczNSAzMCAgMTIuNjE3MTA3OTQyOTczNSAzMCAgQyAxMi42MTcxMDc5NDI5NzM1IDMwICAwIDE4LjcyICAwIDEyICBaICIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjMDc4YjdlIiBzdHJva2U9Im5vbmUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMjAgNjIgKSIgLz4NCiAgPC9nPg0KPC9zdmc+);
    padding-top: 4px;
    background-size: 100%;
    line-height: 14px;
    background-repeat: no-repeat
}

.line-info-index--active[data-v-ea974cce] {
    background: url(data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMzBweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAtMjAgLTI0OCApIj4NCiAgICA8cGF0aCBkPSJNIDAgMTIgIEMgMCA1LjI4ICA1LjI4IDAgIDEyIDAgIEMgMTguNzIgMCAgMjQgNS4yOCAgMjQgMTIgIEMgMjQgMTguNzIgIDEyLjYxNzEwNzk0Mjk3MzUgMzAgIDEyLjYxNzEwNzk0Mjk3MzUgMzAgIEMgMTIuNjE3MTA3OTQyOTczNSAzMCAgMCAxOC43MiAgMCAxMiAgWiAiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI2M2MDAwMCIgc3Ryb2tlPSJub25lIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDIwIDI0OCApIiAvPg0KICA8L2c+DQo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 100%
}

.line-name[data-v-ea974cce] {
    font-size: 15px;
    font-weight: bold
}

main[data-v-ea974cce] {
    flex: 1;
    overflow: auto
}

main[data-v-ea974cce]::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

main[data-v-ea974cce]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: skyblue;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
}

main[data-v-ea974cce]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: #ededed;
    border-radius: 10px
}

[data-v-ea974cce] .na-select .na-input__inner {
    width: 165px
}

.empty[data-v-ea974cce] {
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination[data-v-ea974cce] {
    margin-top: 8px
}

.pagination[data-v-ea974cce].na-pagination__sizes {
    height: 100%;
    margin: 0
}

.pagination[data-v-ea974cce] .na-input__inner {
    width: 1rem
}

.na-pagination[data-v-ea974cce] {
    display: flex;
    align-items: center
}

[data-v-ea974cce].na-pagination .btn-next,[data-v-ea974cce].na-pagination .btn-prev {
    color: var(--theme-pagination-active-bg);
    background-color: var(--theme-select-bg) !important
}

[data-v-ea974cce].na-pagination .na-pager li {
    background-color: var(--theme-select-bg) !important
}

[data-v-ea974cce].na-pager li.active {
    color: var(--theme-pagination-active-bg)
}

[data-v-ea974cce].na-pager li {
    color: var(--theme-primary-title, #333)
}

[data-v-ea974cce].na-pagination button:disabled {
    color: var(--theme-primary-title, #333);
    background-color: var(--theme-select-bg) !important
}

[data-v-ea974cce] .na-tag__close.el-icon-close::before {
    line-height: 16px
}

.container[data-v-10d69a4e] {
    height: 100%
}

.container .wrap[data-v-10d69a4e] {
    width: 100%;
    height: 100%;
    overflow: auto
}

.container .wrap .divder[data-v-10d69a4e] {
    height: 1px;
    border-top: 1px dashed #aaa;
    background: #fff;
    margin-left: 30px;
    margin-top: 5px
}

.container .wrap .wrap__data[data-v-10d69a4e] {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 7px 0
}

.container .wrap .wrap__data .wrap__data-content[data-v-10d69a4e] {
    display: flex
}

.container .wrap .wrap__data .wrap__data-content .info-count[data-v-10d69a4e] {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 5px
}

.container .wrap .wrap__data .wrap__data-content .info-desc[data-v-10d69a4e] {
    padding-left: 5px;
    padding-top: 5px;
    font-size: 12px
}

.container .wrap .wrap__data .wrap__data-content .info-desc .info-unit[data-v-10d69a4e] {
    color: #9b9b9b
}

.container[data-v-31fdc0dc] {
    height: 100%
}

.container .wrap[data-v-31fdc0dc] {
    height: 100%
}

.chart .head[data-v-553f184a] {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 10px
}

.chart .title[data-v-553f184a] {
    font-size: 14px;
    font-weight: bold
}

.chart .bar[data-v-553f184a] {
    height: 1px;
    flex: 1;
    background-color: #eee;
    margin: 0 5px 0 11px
}

.chart .category[data-v-553f184a] {
    display: flex
}

.chart .item[data-v-553f184a] {
    padding: 0 10px;
    cursor: pointer
}

.chart .category-name[data-v-553f184a] {
    padding: 0 2px 2px 2px;
    border-bottom: 2px solid rgba(0,0,0,0);
    transition: all .2s;
    font-size: 14px
}

.chart .op--active[data-v-553f184a] {
    border-bottom: 2px solid #078b7e;
    color: #078b7e;
    font-weight: bold
}

.chart .item:last-child .rotated-bar[data-v-553f184a] {
    display: none
}

.chart .rotated-bar[data-v-553f184a] {
    height: 1px;
    width: 21px;
    background-color: #eee;
    transform: rotate(126deg);
    position: relative;
    left: 37px;
    top: -13px
}

.chart .info[data-v-553f184a] {
    position: absolute;
    top: 38px;
    font-size: 12px;
    color: #666;
    left: 10px
}

.chart .container>div[data-v-553f184a] {
    height: 290px
}

.container[data-v-09d20f31] {
    height: 100%
}

.container .wrap[data-v-09d20f31] {
    height: 100%
}

.container[data-v-5332740d] {
    height: 100%
}

.container .wrap[data-v-5332740d] {
    height: 100%
}

[data-v-46a06525] .na-input__inner {
    background-color: var(--bg-color-container)
}

.num-icon[data-v-1da72370] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    background: #e5f5f6;
    cursor: pointer
}

.num-icon i[data-v-1da72370] {
    font-size: 19px;
    color: #009ea8
}

.poewr-over-view[data-v-53a62826] {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--bg-color-container);
    z-index: 99;
    padding: 16px;
    border-radius: 10px;
    display: flex;
    flex-direction: column
}

.head[data-v-53a62826] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.head .el-icon-close[data-v-53a62826] {
    cursor: pointer;
    font-size: 16px
}

.head-left[data-v-53a62826] {
    display: flex;
    align-items: center
}

.head-title[data-v-53a62826] {
    display: inline-block;
    font-weight: bold;
    font-size: 14px
}

.body[data-v-53a62826] {
    overflow: auto;
    flex: 1
}

.tabs[data-v-53a62826] {
    position: absolute;
    left: -27px;
    top: 12px;
    width: 28px
}

.tabs-item[data-v-53a62826] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    margin: 7px 0;
    cursor: pointer;
    min-height: 60px;
    font-size: 12px;
    color: var(--font-color-4);
    background-color: var(--bg-color-container);
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    outline: none
}

.tabs-item[data-v-53a62826]::before {
    content: "";
    position: absolute;
    top: -9px;
    right: 0;
    width: 20px;
    height: 10px;
    background: -webkit-radial-gradient(top left, ellipse, transparent 20px, var(--bg-color-container) 21px)
}

.tabs-item[data-v-53a62826]::after {
    content: "";
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 20px;
    height: 10px;
    background: -webkit-radial-gradient(bottom left, ellipse, transparent 20px, var(--bg-color-container) 21px)
}

.tabs-active[data-v-53a62826] {
    color: #0d867f
}

.chargingChartOne[data-v-2204c8ba] {
    width: 100%;
    height: 280px
}

.chargingChartOne #chargingChartOne[data-v-2204c8ba] {
    width: 100%;
    height: 100%
}

.cdz_contrbute[data-v-b50ddcbc] {
    width: 100%;
    height: 280px
}

.cdz_contrbute #cdz_contrbute[data-v-b50ddcbc] {
    width: 100%;
    height: 100%
}

.num-icon[data-v-56730af8] {
    width: .22rem;
    height: .22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: .21rem;
    text-align: center;
    border-radius: 50%;
    background: #e5f5f6;
    cursor: pointer
}

.num-icon i[data-v-56730af8] {
    font-size: .19rem;
    color: #009ea8
}

.main[data-v-2934f118] {
    width: 100%;
    height: 100%;
    overflow-y: scroll !important;
    padding-left: 10px
}

.na-select-dropdown__item.hover[data-v-2934f118],.na-select-dropdown__item[data-v-2934f118]:hover {
    color: var(--theme-item-fc-active);
    background: var(--theme-item-bg-active)
}

.daySelectBox[data-v-2934f118] {
    width: 100px;
    margin-right: 8px
}

.userDetail[data-v-2934f118] {
    box-sizing: border-box;
    background-color: var(--bg-color-container);
    z-index: 4;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    border-radius: 7px
}

.userDetail .head[data-v-2934f118] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    height: 1px;
    background-color: var(--bg-color-container)
}

.userDetail .head .icon-fanhui[data-v-2934f118] {
    font-weight: normal;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    top: 17px;
    left: 88px
}

.userDetail .info[data-v-2934f118],.userDetail .energy[data-v-2934f118],.userDetail .event[data-v-2934f118] {
    padding: 8px
}

.userDetail .energy[data-v-2934f118] {
    border-top: .01rem solid #ccc;
    border-bottom: .01rem solid #ccc;
    height: 200px
}

.userDetail .info .name[data-v-2934f118] {
    margin-top: 8px;
    line-height: 24px;
    display: flex
}

.userDetail .info .name .num-icon[data-v-2934f118] {
    margin-right: 10px
}

.userDetail .info .user_info div[data-v-2934f118] {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    font-size: 14px
}

.userDetail .info .user_info div[data-v-2934f118] :nth-child(1) {
    color: #ccc;
    display: inline-block;
    width: 96px;
    margin-right: 10px
}

.userDetail .info .user_info .ecAddr[data-v-2934f118] {
    height: auto;
    display: flex
}

.userDetail .info .user_info .ecAddr[data-v-2934f118] :nth-child(2) {
    display: inline-block;
    width: 248px
}

.userDetail .center2[data-v-2934f118] {
    min-height: 0 !important;
    margin-bottom: 32px
}

.userDetail .center[data-v-2934f118] {
    width: 100%;
    min-height: 240px;
    z-index: 2;
    top: 56px;
    right: 48px;
    border: var(--border-value);
    background-color: var(--bg-color-container)
}

.userDetail .center .title[data-v-2934f118] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 8px;
    height: 32px
}

.userDetail .center .title .left[data-v-2934f118] {
    font-size: 12px;
    font-weight: bold;
    border-left: 4px solid #009ea8;
    padding-left: 8px;
    display: flex;
    margin-right: 20px
}

.userDetail .center .date[data-v-2934f118] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.userDetail .center .date .na-date-editor[data-v-2934f118] {
    margin-right: 2px;
    margin-left: 2px
}

.userDetail .center .nodata[data-v-2934f118] {
    width: 100%;
    height: 208px;
    position: relative;
    font-size: 16px;
    overflow: hidden
}

.userDetail .center .nodata .nodataImg[data-v-2934f118] {
    width: 100%
}

.userDetail .center .nodata .text[data-v-2934f118] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    display: grid;
    place-content: center
}

.userDetail .center .chartBox[data-v-2934f118] {
    width: 100%;
    height: 100%
}

.userDetail .center .echarts[data-v-2934f118] {
    width: 100%;
    height: 192px;
    padding-right: 5px
}

.userDetail .user_list_title[data-v-2934f118] {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px
}

.userDetail .user_list_title span[data-v-2934f118] {
    display: inline-block;
    width: 4px;
    height: 12px;
    background-color: #0d867f;
    margin-right: 8px
}

.userDetail .user_list_title .num-icon i[data-v-2934f118] {
    font-size: 20px !important
}

[data-v-2934f118] .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    background-color: #009ea8;
    border-color: #009ea8
}

.tag[data-v-2934f118] {
    margin-right: 4px
}

.tags[data-v-2934f118] {
    color: #d9963f !important;
    border-color: #d9963f !important;
    background-color: #fff3e6 !important;
    margin-right: 8px
}

.na-date-editor[data-v-2934f118] {
    width: 224px
}

[data-v-2934f118] .na-table .na-table__cell {
    padding: 8px 0 !important
}

.scope_cell[data-v-2934f118] {
    display: flex;
    align-items: center
}

.scope_cell .dot[data-v-2934f118] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.scope_cell .stop[data-v-2934f118] {
    background: #ccc
}

.scope_cell .td[data-v-2934f118] {
    background: green
}

.scope_cell .fd[data-v-2934f118] {
    background: red
}

.footer[data-v-2934f118] {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    position: absolute;
    bottom: 0;
    background: #fff
}

[data-v-2934f118] .na-table {
    padding-bottom: 32px
}

[data-v-2934f118] .na-dialog {
    width: 640px !important
}

[data-v-2934f118] .na-button--success {
    background-color: #009ea8;
    border-color: #009ea8
}

.device_info[data-v-2934f118] {
    width: 100%;
    background-color: #0061d0;
    border-radius: 5px;
    position: relative;
    padding: 8px;
    color: #fff;
    margin-bottom: 16px
}

.device_info_top[data-v-2934f118] {
    width: 100%;
    display: flex;
    align-items: center
}

.device_info_top .icon-peibian[data-v-2934f118] {
    width: 32px;
    height: 32px;
    display: grid;
    place-content: center;
    font-size: 28px;
    background: #0059bf
}

.device_info_top_right[data-v-2934f118] {
    display: flex;
    margin-left: 8px;
    flex-direction: column;
    justify-content: space-between
}

.device_info_top_right span[data-v-2934f118] {
    color: #87b5e9
}

.hoverLine[data-v-2934f118]:hover {
    color: #fff;
    cursor: pointer
}

.tag-A[data-v-2934f118] {
    color: #ff8208;
    background-color: rgba(255,131,8,.1803921569);
    border-color: rgba(255,131,8,.1803921569)
}

.tag-B[data-v-2934f118] {
    color: #3cb34b;
    background-color: rgba(60,179,75,.168627451);
    border-color: rgba(60,179,75,.168627451)
}

.tag-C[data-v-2934f118] {
    color: #fa3333;
    background-color: rgba(250,51,51,.231372549);
    border-color: rgba(250,51,51,.231372549)
}

.tag-wz[data-v-2934f118] {
    color: #9c9c9c;
    background-color: rgba(144,144,144,.2705882353);
    border-color: rgba(144,144,144,.2705882353)
}

.tag-ABC[data-v-2934f118] {
    color: #34c1f0;
    background-color: rgba(52,193,240,.1294117647);
    border-color: rgba(52,193,240,.3215686275)
}

[data-v-2934f118].na-radio-button--mini .na-radio-button__inner {
    width: 48px
}

[data-v-2934f118].na-radio-button--mini:nth-child(4) .na-radio-button__inner {
    width: 80px
}

.chargingChart-fx {
    width: 100%;
    height: 280px
}

.chargingChart-fx #chargingChart-fx {
    width: 100%;
    height: 100%
}

.contrbute[data-v-b5fca186] {
    width: 100%;
    height: 280px
}

.contrbute div[data-v-b5fca186] {
    width: 100%;
    height: 100%
}

.num-icon[data-v-4097e45d] {
    width: .22rem;
    height: .22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: .21rem;
    text-align: center;
    border-radius: 50%;
    background: #e5f5f6;
    cursor: pointer
}

.num-icon i[data-v-4097e45d] {
    font-size: .19rem;
    color: #009ea8
}

.main[data-v-10b8f24c] {
    width: 100%;
    height: 100%;
    overflow-y: scroll !important;
    padding-left: 10px
}

.userInfo-custName[data-v-10b8f24c] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.na-select-dropdown__item.hover[data-v-10b8f24c],.na-select-dropdown__item[data-v-10b8f24c]:hover {
    color: var(--theme-item-fc-active);
    background: var(--theme-item-bg-active)
}

.daySelectBox[data-v-10b8f24c] {
    width: 100px;
    margin-right: 8px
}

.userDetail[data-v-10b8f24c] {
    box-sizing: border-box;
    background-color: var(--bg-color-container);
    z-index: 4;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    border-radius: 7px
}

.userDetail .head[data-v-10b8f24c] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    height: 1px;
    background-color: var(--bg-color-container)
}

.userDetail .head .icon-fanhui[data-v-10b8f24c] {
    font-weight: normal;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    top: 17px;
    left: 88px
}

.userDetail .info[data-v-10b8f24c],.userDetail .energy[data-v-10b8f24c],.userDetail .event[data-v-10b8f24c] {
    padding: 8px
}

.userDetail .energy[data-v-10b8f24c] {
    border-top: .01rem solid #ccc;
    border-bottom: .01rem solid #ccc;
    height: 200px
}

.userDetail .info .name[data-v-10b8f24c] {
    margin-top: 8px;
    height: 24px;
    line-height: 24px;
    display: flex
}

.userDetail .info .name .num-icon[data-v-10b8f24c] {
    margin-right: 10px
}

.userDetail .info .user_info div[data-v-10b8f24c] {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    font-size: 14px
}

.userDetail .info .user_info div[data-v-10b8f24c] :nth-child(1) {
    color: #ccc;
    display: inline-block;
    width: 96px;
    margin-right: 10px
}

.userDetail .info .user_info .ecAddr[data-v-10b8f24c] {
    height: auto;
    display: flex
}

.userDetail .info .user_info .ecAddr[data-v-10b8f24c] :nth-child(2) {
    display: inline-block;
    width: 248px
}

.userDetail .center2[data-v-10b8f24c] {
    min-height: 0 !important;
    margin-bottom: 32px
}

.userDetail .center[data-v-10b8f24c] {
    width: 100%;
    min-height: 240px;
    z-index: 2;
    top: 56px;
    right: 48px;
    border: var(--border-value);
    background-color: var(--bg-color-container)
}

.userDetail .center .title[data-v-10b8f24c] {
    display: flex;
    align-items: center;
    margin: 0 8px;
    height: 32px
}

.userDetail .center .title .left[data-v-10b8f24c] {
    font-size: 12px;
    font-weight: bold;
    border-left: 4px solid #009ea8;
    padding-left: 8px;
    display: flex;
    margin-right: 20px
}

.userDetail .center .date[data-v-10b8f24c] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.userDetail .center .date .na-date-editor[data-v-10b8f24c] {
    margin-right: 2px;
    margin-left: 2px
}

.userDetail .center .nodata[data-v-10b8f24c] {
    width: 100%;
    height: 208px;
    position: relative;
    font-size: 16px;
    overflow: hidden
}

.userDetail .center .nodata .nodataImg[data-v-10b8f24c] {
    width: 100%
}

.userDetail .center .nodata .text[data-v-10b8f24c] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    display: grid;
    place-content: center
}

.userDetail .center .chartBox[data-v-10b8f24c] {
    width: 100%;
    height: 100%
}

.userDetail .center .echarts[data-v-10b8f24c] {
    width: 100%;
    height: 192px;
    padding-right: 5px
}

.userDetail .user_list_title[data-v-10b8f24c] {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px
}

.userDetail .user_list_title span[data-v-10b8f24c] {
    display: inline-block;
    width: 4px;
    height: 12px;
    background-color: #0d867f;
    margin-right: 8px
}

.userDetail .user_list_title .num-icon i[data-v-10b8f24c] {
    font-size: 20px !important
}

[data-v-10b8f24c] .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    background-color: #009ea8;
    border-color: #009ea8
}

.tag[data-v-10b8f24c] {
    margin-right: 4px
}

.tags[data-v-10b8f24c] {
    color: #d9963f !important;
    border-color: #d9963f !important;
    background-color: #fff3e6 !important;
    margin-right: 8px
}

.na-date-editor[data-v-10b8f24c] {
    width: 224px
}

[data-v-10b8f24c] .na-table .na-table__cell {
    padding: 8px 0 !important
}

.scope_cell[data-v-10b8f24c] {
    display: flex;
    align-items: center
}

.scope_cell .dot[data-v-10b8f24c] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.scope_cell .stop[data-v-10b8f24c] {
    background: #ccc
}

.scope_cell .td[data-v-10b8f24c] {
    background: green
}

.scope_cell .fd[data-v-10b8f24c] {
    background: red
}

.footer[data-v-10b8f24c] {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    position: absolute;
    bottom: 0;
    background: #fff
}

[data-v-10b8f24c] .na-table {
    padding-bottom: 32px
}

[data-v-10b8f24c] .na-dialog {
    width: 640px !important
}

[data-v-10b8f24c] .na-button--success {
    background-color: #009ea8;
    border-color: #009ea8
}

.device_info[data-v-10b8f24c] {
    width: 100%;
    background-color: #0061d0;
    border-radius: 5px;
    position: relative;
    padding: 8px;
    color: #fff;
    margin-bottom: 16px
}

.device_info_top[data-v-10b8f24c] {
    width: 100%;
    display: flex;
    align-items: center
}

.device_info_top .icon-peibian[data-v-10b8f24c] {
    width: 32px;
    height: 32px;
    display: grid;
    place-content: center;
    font-size: 28px;
    background: #0059bf
}

.device_info_top_right[data-v-10b8f24c] {
    display: flex;
    margin-left: 8px;
    flex-direction: column;
    justify-content: space-between
}

.device_info_top_right span[data-v-10b8f24c] {
    color: #87b5e9
}

.hoverLine[data-v-10b8f24c]:hover {
    color: #fff;
    cursor: pointer
}

.tag-A[data-v-10b8f24c] {
    color: #ff8208;
    background-color: rgba(255,131,8,.1803921569);
    border-color: rgba(255,131,8,.1803921569)
}

.tag-B[data-v-10b8f24c] {
    color: #3cb34b;
    background-color: rgba(60,179,75,.168627451);
    border-color: rgba(60,179,75,.168627451)
}

.tag-C[data-v-10b8f24c] {
    color: #fa3333;
    background-color: rgba(250,51,51,.231372549);
    border-color: rgba(250,51,51,.231372549)
}

.tag-wz[data-v-10b8f24c] {
    color: #9c9c9c;
    background-color: rgba(144,144,144,.2705882353);
    border-color: rgba(144,144,144,.2705882353)
}

.tag-ABC[data-v-10b8f24c] {
    color: #34c1f0;
    background-color: rgba(52,193,240,.1294117647);
    border-color: rgba(52,193,240,.3215686275)
}

[data-v-10b8f24c].na-radio-button--mini .na-radio-button__inner {
    width: 48px
}

[data-v-10b8f24c].na-radio-button--mini:nth-child(4) .na-radio-button__inner {
    width: 80px
}

.nari-device-card_container_content_item_p_title[data-v-70c373cf] {
    flex: 5
}

.na-tooltip__popper[data-v-70c373cf] {
    z-index: 2101 !important;
    max-width: 304px
}

.nari-device-popup[data-v-70c373cf] {
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    color: #181818 !important
}

.nari-device-popup p[data-v-70c373cf] {
    margin: 0;
    padding: 0
}

.nari-device-popup_tip[data-v-70c373cf] {
    height: 22px;
    padding: 0 7px;
    line-height: 22px;
    text-align: right;
    display: flex;
    flex-direction: row-reverse
}

.nari-device-popup_tip_default_close[data-v-70c373cf] {
    cursor: pointer
}

.nari-device-popup_tip_custom[data-v-70c373cf] {
    display: flex
}

.nari-device-popup_span-split-line[data-v-70c373cf] {
    display: flex
}

.nari-device-popup_span-split-line p[data-v-70c373cf] {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    flex-shrink: 0
}

.nari-device-popup_span-split-line p[data-v-70c373cf]::after {
    display: inline-block;
    content: " ";
    margin: 0 4px;
    width: 1px;
    height: 13px;
    background: #a1a1aa;
    vertical-align: middle
}

.nari-device-popup_span-split-line p[data-v-70c373cf]:last-child {
    flex: auto;
    display: inline-block
}

.nari-device-popup_span-split-line p[data-v-70c373cf]:last-child::after {
    display: none
}

.nari-device-popup_top_icon[data-v-70c373cf] {
    cursor: pointer
}

.nari-device-popup_content[data-v-70c373cf] {
    display: flex;
    padding: 2px 12px 4px;
    border-bottom: 1px solid #eee
}

.nari-device-popup_content_title_img[data-v-70c373cf] {
    font-size: 42px;
    margin-right: 8px;
    border-radius: 10px;
    display: inline-block;
    color: #fff;
    background-color: #0d867f !important
}

.nari-device-popup_content_title_box[data-v-70c373cf] {
    flex-grow: 1;
    width: 0;
    overflow: hidden
}

.nari-device-popup_content_title_box_top_title[data-v-70c373cf] {
    margin-bottom: 2px;
    padding-right: 12px;
    display: flex;
    align-items: center
}

.nari-device-popup_content_title_box_top_title_span[data-v-70c373cf] {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #181818 !important;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.nari-device-popup_content_title_box_top_title_i[data-v-70c373cf] {
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;
    margin-left: 6px;
    font-style: normal;
    padding: 0 6px;
    flex-shrink: 0;
    color: #fff !important
}

.nari-device-popup_content_title_box_top_tip[data-v-70c373cf] {
    font-size: 12px;
    color: #a1a1aa !important;
    line-height: 17px
}

.nari-device-popup_content_bottom[data-v-70c373cf] {
    display: flex;
    color: #666 !important;
    margin-top: 6px;
    overflow-x: auto
}

.nari-device-popup_content_bottom div[data-v-70c373cf] {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px
}

.nari-device-popup_content_bottom div span[data-v-70c373cf]:nth-child(1) {
    color: #181818 !important;
    font-weight: 600
}

.nari-device-popup_content_bottom div span[data-v-70c373cf]:nth-child(2) {
    color: #a1a1aa !important
}

.nari-device-popup_content_bottom div[data-v-70c373cf]:last-child {
    margin-right: 0
}

.nari-device-popup_content_tower[data-v-70c373cf] {
    width: 100%;
    color: #666 !important;
    margin-top: 6px
}

.nari-device-popup_content_tower .nari-device-popup_content_tower_box[data-v-70c373cf] {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap
}

.nari-device-popup_content_tower .nari-device-popup_content_tower_box[data-v-70c373cf]:last-child {
    padding-right: 0
}

.nari-device-popup_content_tower .nari-device-popup_content_tower_box .nari-device-popup_content_tower_item[data-v-70c373cf] {
    color: #000 !important;
    font-size: 14px;
    font-weight: 500
}

.nari-device-popup_footer[data-v-70c373cf] {
    padding: 8px
}

.nari-device-popup_footer_btn_box .na-button.na-button--text[data-v-70c373cf] {
    margin: 0;
    margin-right: 10px
}

.nari-device-popup_footer_btn_box .na-button.na-button--text span[data-v-70c373cf] {
    color: #0d867f !important
}

.nari-device-popup_footer_btn_container[data-v-70c373cf] {
    display: flex
}

.na-tag[data-v-70c373cf] {
    padding: 0 5px !important;
    margin: 0 0 0 -10px !important
}

.na-tag--success[data-v-70c373cf] {
    background-color: #f0f9eb !important;
    border-color: #e1f3d8 !important;
    color: #67c23a !important
}

.na-tag--waring[data-v-70c373cf] {
    background-color: #fdf6ec !important;
    border-color: #faecd8 !important;
    color: #e6a23c !important
}

.na-tag--info[data-v-70c373cf] {
    background-color: #f4f4f5 !important;
    border-color: #e9e9eb !important;
    color: #909399 !important
}

.icon-ketiaofuhe1[data-v-70c373cf] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    background: #009ea8;
    color: #fff;
    font-size: 30px;
    border-radius: 10px;
    margin-right: 10px
}

.hydrologicStationDetail[data-v-7357a21a] {
    background-color: #fff;
    width: 339px;
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 98;
    flex-direction: column-reverse;
    border-radius: 4px
}

.hydrologicStationDetail[data-v-7357a21a]::after {
    content: "";
    position: absolute;
    right: 47%;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    background: #fff;
    transition: all 2s;
    bottom: -5px;
    margin-left: 7.5px
}

.drawBox[data-v-7357a21a] {
    position: absolute;
    width: 450px;
    top: 70px;
    right: 62px;
    z-index: 99;
    height: 744px
}

.videoCom[data-v-7357a21a] {
    position: absolute;
    width: 800px;
    height: 600px;
    top: 50%;
    left: 50%;
    background: #fff;
    margin-left: -400px;
    margin-top: -300px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 9999
}

.videoCom .videoTitle[data-v-7357a21a] {
    border-bottom: 2px solid #c3c3c3;
    line-height: 40px;
    height: 40px;
    text-align: center
}

.videoCom .videoTitle .el-icon-close[data-v-7357a21a] {
    position: absolute;
    right: 10px;
    top: 12px
}

.videoCom .videoBody[data-v-7357a21a] {
    display: flex;
    flex-wrap: nowrap;
    height: 558px
}

.videoCom .videoBody .videoContent[data-v-7357a21a] {
    width: 70%;
    border-right: 2px solid #c3c3c3;
    width: 558px
}

.videoCom .videoBody .videoList[data-v-7357a21a] {
    overflow-y: scroll;
    width: 239.4px
}

.videoCom .videoBody .videoList .oneVideo[data-v-7357a21a] {
    height: 60px;
    border-bottom: 2px solid #c3c3c3
}

.videoCom .videoBody .videoList .oneVideo span[data-v-7357a21a] {
    line-height: 30px;
    text-align: center;
    font-size: 14px
}

.videoCom .videoBody .videoList .oneVideo .numb[data-v-7357a21a] {
    color: #585858;
    font-size: 14px
}

.videoCom .videoBody .videoList .oneVideo[data-v-7357a21a]:hover {
    background: #c3c3c3;
    border-bottom: 2px solid #c3c3c3
}

.nari-device-card_container_head_logo i[data-v-7357a21a] {
    font-size: 52px;
    color: #fff;
    background-color: #0d867f !important;
    border-radius: 10px
}

.nari-device-card_container[data-v-7357a21a] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 0;
    font-size: 14px
}

.nari-device-card_container_head[data-v-7357a21a] {
    display: flex;
    padding: 21px 16px 16px;
    border-bottom: 1px solid #eee
}

.nari-device-card_container_head_logo[data-v-7357a21a] {
    margin-right: 8px
}

.nari-device-card_container_head_right[data-v-7357a21a] {
    flex-grow: 1;
    overflow: hidden
}

.nari-device-card_container_head_right_title[data-v-7357a21a] {
    display: flex;
    align-items: center
}

.nari-device-card_container_head_right_title_span[data-v-7357a21a] {
    font-family: "PingFangSC-Medium";
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #333;
    max-width: 230px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.nari-device-card_container_head_right_text[data-v-7357a21a] {
    margin-top: 4px
}

.nari-device-card_container_content[data-v-7357a21a] {
    flex: 1;
    overflow: auto;
    padding: 8px 16px
}

.nari-device-card_container_content_item[data-v-7357a21a] {
    padding-bottom: 16px
}

.nari-device-card_container_content_item_p[data-v-7357a21a] {
    display: flex;
    line-height: 28px
}

.nari-device-card_container_content_item_p_title[data-v-7357a21a] {
    flex: 2;
    font-family: "pingFangSC-Regular";
    font-size: 14px;
    color: #999
}

.nari-device-card_container_content_item_p_value[data-v-7357a21a] {
    flex: 4;
    display: flex;
    align-items: center;
    font-family: "pingFangSC-Regular";
    color: #333;
    font-size: .14rem;
    word-break: break-word
}

.nari-device-card_container_content_item_p_value_img[data-v-7357a21a] {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.nari-device-card_container_content_item_p_value_img img[data-v-7357a21a] {
    display: block;
    width: 100%;
    height: 100%
}

.nari-device-card_container_btns[data-v-7357a21a] {
    display: flex;
    padding: 8px 16px;
    border-top: 1px solid #eee
}

.nari-device-card_container_btns_box[data-v-7357a21a] {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.hydrologicalMeasurementDetail[data-v-18bcdc95] {
    background-color: #fff;
    width: 339px;
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 98;
    flex-direction: column-reverse;
    border-radius: 4px
}

.hydrologicalMeasurementDetail p[data-v-18bcdc95] {
    margin: 0;
    padding: 0
}

.hydrologicalMeasurementDetail[data-v-18bcdc95]::after {
    content: "";
    position: absolute;
    right: 47%;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    background: #fff;
    transition: all 2s;
    bottom: -5px;
    margin-left: 7.5px
}

.drawBox[data-v-18bcdc95] {
    position: absolute;
    width: 450px;
    top: 70px;
    right: 62px;
    z-index: 99;
    height: 744px
}

.nari-device-card_container_head_logo i[data-v-18bcdc95] {
    font-size: 52px;
    color: #fff;
    background-color: #0d867f !important;
    border-radius: 10px
}

.nari-device-card_container[data-v-18bcdc95] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 0;
    font-size: 14px
}

.nari-device-card_container_head[data-v-18bcdc95] {
    display: flex;
    padding: 21px 16px 16px;
    border-bottom: 1px solid #eee
}

.nari-device-card_container_head_logo[data-v-18bcdc95] {
    margin-right: 8px
}

.nari-device-card_container_head_right[data-v-18bcdc95] {
    flex-grow: 1;
    overflow: hidden
}

.nari-device-card_container_head_right_title[data-v-18bcdc95] {
    display: flex;
    align-items: center
}

.nari-device-card_container_head_right_title_span[data-v-18bcdc95] {
    font-family: "PingFangSC-Medium";
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #333;
    max-width: 230px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.nari-device-card_container_head_right_text[data-v-18bcdc95] {
    margin-top: 4px
}

.nari-device-card_container_content[data-v-18bcdc95] {
    flex: 1;
    overflow: auto;
    padding: 8px 16px
}

.nari-device-card_container_content_item[data-v-18bcdc95] {
    padding-bottom: 16px
}

.nari-device-card_container_content_item_p[data-v-18bcdc95] {
    display: flex;
    line-height: 28px
}

.nari-device-card_container_content_item_p_title[data-v-18bcdc95] {
    flex: 2;
    font-family: "pingFangSC-Regular";
    font-size: 14px;
    color: #999
}

.nari-device-card_container_content_item_p_value[data-v-18bcdc95] {
    flex: 4;
    display: flex;
    align-items: center;
    font-family: "pingFangSC-Regular";
    color: #333;
    font-size: .14rem;
    word-break: break-word
}

.nari-device-card_container_content_item_p_value_img[data-v-18bcdc95] {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.nari-device-card_container_content_item_p_value_img img[data-v-18bcdc95] {
    display: block;
    width: 100%;
    height: 100%
}

.nari-device-card_container_btns[data-v-18bcdc95] {
    display: flex;
    padding: 8px 16px;
    border-top: 1px solid #eee
}

.nari-device-card_container_btns_box[data-v-18bcdc95] {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.weatherStationDetail[data-v-160a9f24] {
    background-color: #fff;
    width: 339px;
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 98;
    flex-direction: column-reverse;
    border-radius: 4px
}

.weatherStationDetail[data-v-160a9f24]::after {
    content: "";
    position: absolute;
    right: 47%;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    background: #fff;
    transition: all 2s;
    bottom: -5px;
    margin-left: 7.5px
}

.weatherStation[data-v-160a9f24] {
    position: absolute;
    top: 75px;
    right: 60px;
    width: 450px;
    min-height: 740px;
    background-color: #fff;
    z-index: 99;
    border-radius: 8px
}

.weatherStation .weatherStation-box[data-v-160a9f24] {
    width: 100%;
    min-height: 740px;
    display: flex;
    flex-direction: column
}

.weatherStation .weatherStation-box .weatherStation-header[data-v-160a9f24] {
    display: flex;
    font-size: 16px;
    border: 1px solid #f7f8fa;
    border-radius: 8px 8px 0 0;
    background: #f7f8fa;
    color: #18181b;
    font-weight: 700;
    justify-content: space-between;
    align-items: center;
    min-height: 49px;
    padding: 0 16px
}

.weatherStation .weatherStation-box .weatherStation-header .weatherStation-header-icon[data-v-160a9f24] {
    display: flex
}

.weatherStation .weatherStation-box .weatherStation-header .weatherStation-header-icon .weatherStation-header-icon-close[data-v-160a9f24] {
    color: #333;
    cursor: pointer;
    height: 20px;
    width: 20px
}

.weatherStation .weatherStation-box .weatherStation-content-box[data-v-160a9f24] {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: auto
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-title[data-v-160a9f24] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-title .left[data-v-160a9f24] {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #18181b;
    display: flex;
    align-items: center
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-title .left[data-v-160a9f24]::before {
    display: inline-block;
    content: "";
    height: 22px;
    width: 5px;
    background: #0d867f;
    margin: 0 10px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-title .right[data-v-160a9f24] {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    margin-right: 10px;
    color: #b0b0b0
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top[data-v-160a9f24] {
    display: flex;
    padding: 8px 16px;
    flex-flow: wrap
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result[data-v-160a9f24] {
    box-sizing: border-box;
    margin: 7px;
    width: calc(33% - 14px);
    border: .01rem solid #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08);
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 12px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .top[data-v-160a9f24] {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .top .icon-box[data-v-160a9f24] {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .top .temperature[data-v-160a9f24] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7msJTmuKlpY29uPC90aXRsZT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4zIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEwLTA06K6+5aSH5Y+w5biQ6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA0NC4wMDAwMDAsIC0xNzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i572R5p626KeE5qih55yL5p2/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTIuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgODkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLmsJTmuKlpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNS4wMDAwMDAsIDEzLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi41LDAgQzguMDU4MzMzMzMsMCA5LjI1LDEuMTcgOS4yNSwyLjcgTDkuMjUsNy45MiBDMTAuOTkxNjY2Nyw4LjkxIDEyLDEwLjcxIDEyLDEyLjYgQzEyLDE1LjU3IDkuNTI1LDE4IDYuNSwxOCBDMy40NzUsMTggMSwxNS41NyAxLDEyLjYgQzEsMTAuNzEgMi4wMDgzMzMzMyw4LjkxIDMuNzUsNy45MiBMMy43NSwyLjcgQzMuNzUsMS4xNyA0Ljk0MTY2NjY3LDAgNi41LDAgWiBNMTYuMTQyODU3MSw2LjI1IEMxNi42NTcxNDI5LDYuMjUgMTcsNi42IDE3LDcuMTI1IEMxNyw3LjY1IDE2LjY1NzE0MjksOCAxNi4xNDI4NTcxLDggTDExLjg1NzE0MjksOCBDMTEuMzQyODU3MSw4IDExLDcuNjUgMTEsNy4xMjUgQzExLDYuNiAxMS4zNDI4NTcxLDYuMjUgMTEuODU3MTQyOSw2LjI1IEwxNi4xNDI4NTcxLDYuMjUgWiBNMTQuNDI4NTcxNCwzLjYyNSBDMTQuOTQyODU3MSwzLjYyNSAxNS4yODU3MTQzLDMuOTc1IDE1LjI4NTcxNDMsNC41IEMxNS4yODU3MTQzLDUuMDI1IDE0Ljk0Mjg1NzEsNS4zNzUgMTQuNDI4NTcxNCw1LjM3NSBMMTEuODU3MTQyOSw1LjM3NSBDMTEuMzQyODU3MSw1LjM3NSAxMSw1LjAyNSAxMSw0LjUgQzExLDMuOTc1IDExLjM0Mjg1NzEsMy42MjUgMTEuODU3MTQyOSwzLjYyNSBMMTQuNDI4NTcxNCwzLjYyNSBaIE0xNi4xNDI4NTcxLDEgQzE2LjY1NzE0MjksMSAxNywxLjM1IDE3LDEuODc1IEMxNywyLjQgMTYuNjU3MTQyOSwyLjc1IDE2LjE0Mjg1NzEsMi43NSBMMTEuODU3MTQyOSwyLjc1IEMxMS4zNDI4NTcxLDIuNzUgMTEsMi40IDExLDEuODc1IEMxMSwxLjM1IDExLjM0Mjg1NzEsMSAxMS44NTcxNDI5LDEgTDE2LjE0Mjg1NzEsMSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjMEQ4NjdGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjUsMS44IEM1Ljk1LDEuOCA1LjU4MzMzMzMzLDIuMTYgNS41ODMzMzMzMywyLjcgTDUuNTgzMzMzMzMsOSBMNC42NjY2NjY2Nyw5LjU0IEMzLjU2NjY2NjY3LDEwLjE3IDIuODMzMzMzMzMsMTEuMzQgMi44MzMzMzMzMywxMi42OSBDMi44MzMzMzMzMywxNC42NyA0LjQ4MzMzMzMzLDE2LjI5IDYuNSwxNi4yOSBDOC41MTY2NjY2NywxNi4yOSAxMC4xNjY2NjY3LDE0LjY3IDEwLjE2NjY2NjcsMTIuNjkgQzEwLjE2NjY2NjcsMTEuNDMgOS40MzMzMzMzMywxMC4xNyA4LjMzMzMzMzMzLDkuNTQgTDcuNDE2NjY2NjcsOSBMNy40MTY2NjY2NywyLjcgQzcuNDE2NjY2NjcsMi4xNiA3LjA1LDEuOCA2LjUsMS44IFoiIGlkPSLot6/lvoQiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuNSwxMi43IEM0LjUsMTMuODA0NTY5NSA1LjM5NTQzMDUsMTQuNyA2LjUsMTQuNyBDNy42MDQ1Njk1LDE0LjcgOC41LDEzLjgwNDU2OTUgOC41LDEyLjcgQzguNSwxMS41OTU0MzA1IDcuNjA0NTY5NSwxMC43IDYuNSwxMC43IEM1LjM5NTQzMDUsMTAuNyA0LjUsMTEuNTk1NDMwNSA0LjUsMTIuNyBMNC41LDEyLjcgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzBEODY3RiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=)
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .top .windspeed[data-v-160a9f24] {
    background-image: url(data:image/svg+xml;base64,[encoded data, 4632 characters])
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .top .wind-direction[data-v-160a9f24] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7po47lkJFpY29uPC90aXRsZT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4zIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEwLTA06K6+5aSH5Y+w5biQ6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI0OC4wMDAwMDAsIC0xNzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i572R5p626KeE5qih55yL5p2/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTIuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgODkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLpo47lkJFpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzkuMDAwMDAwLCAxMy4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBmaWxsPSIjMEQ4NjdGIiBjeD0iOSIgY3k9IjkiIHI9IjkiPjwvY2lyY2xlPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDguMDAwMDAwKSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtOC4wMDAwMDApICIgcG9pbnRzPSIxNCAxMyAxMC4wNzU0NzkgMyA2IDEzIDEwLjAwMDAwNzQgMTAuNzUiPjwvcG9seWdvbj4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==)
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .top .pressure[data-v-160a9f24] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7msJTljotpY29uPC90aXRsZT4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4zIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEwLTA06K6+5aSH5Y+w5biQ6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM1MC4wMDAwMDAsIC0xNzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0i572R5p626KeE5qih55yL5p2/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTIuMDAwMDAwLCA3Mi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAwMDAwMCwgODkuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLmsJTljotpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDEuMDAwMDAwLCAxMy4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTksMCBDNC4wMzE0MDQ5NiwwIDAsNC4wMzE0MDQ5NiAwLDkgQzAsMTMuOTY4NTk1IDQuMDMxNDA0OTYsMTggOSwxOCBDMTMuOTY4NTk1LDE4IDE4LDEzLjk2ODU5NSAxOCw5IEMxOCw0LjAzMTQwNDk2IDEzLjk4MzQ3MTEsMCA5LDAgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzBEODY3RiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS44MTY1Mjg5Myw3LjI3NDM4MDE3IEw4LjE1MjA2NjEyLDkuMjgyNjQ0NjMgQzguNDA0OTU4NjgsOS4xMzM4ODQzIDguNjg3NjAzMzEsOS4wNDQ2MjgxIDguOTg1MTIzOTcsOS4wNDQ2MjgxIEM5Ljg3NzY4NTk1LDkuMDQ0NjI4MSAxMC42MDY2MTE2LDkuNzczNTUzNzIgMTAuNjA2NjExNiwxMC42NjYxMTU3IEMxMC42MjE0ODc2LDExLjU1ODY3NzcgOS44OTI1NjE5OCwxMi4yNzI3MjczIDksMTIuMjcyNzI3MyBDOC4xMDc0MzgwMiwxMi4yNzI3MjczIDcuMzc4NTEyNCwxMS41NDM4MDE3IDcuMzc4NTEyNCwxMC42NTEyMzk3IEM3LjM3ODUxMjQsMTAuNDU3ODUxMiA3LjQwODI2NDQ2LDEwLjI3OTMzODggNy40Njc3Njg2LDEwLjExNTcwMjUgTDUuMTE3MzU1MzcsOC4wOTI1NjE5OCBDNC44OTQyMTQ4OCw3Ljg5OTE3MzU1IDQuODY0NDYyODEsNy41NTcwMjQ3OSA1LjA1Nzg1MTI0LDcuMzMzODg0MyBDNS4yNTEyMzk2Nyw3LjExMDc0MzggNS41OTMzODg0Myw3LjA4MDk5MTc0IDUuODE2NTI4OTMsNy4yNzQzODAxNyBaIE04Ljk4NTEyMzk3LDIuNTI4OTI1NjIgQzEyLjU4NTEyNCwyLjUyODkyNTYyIDE1LjUwMDgyNjQsNS40NDQ2MjgxIDE1LjUwMDgyNjQsOS4wNDQ2MjgxIEMxNS41MzA1Nzg1LDkuMzQyMTQ4NzYgMTUuMjc3Njg2LDkuNTk1MDQxMzIgMTQuOTgwMTY1Myw5LjU4MDE2NTI5IEMxNC42ODI2NDQ2LDkuNTgwMTY1MjkgMTQuNDI5NzUyMSw5LjM0MjE0ODc2IDE0LjQyOTc1MjEsOS4wMjk3NTIwNyBDMTQuNDI5NzUyMSw2LjAyNDc5MzM5IDExLjk5MDA4MjYsMy42IDksMy42IEM1Ljk5NTA0MTMyLDMuNjE0ODc2MDMgMy41NzAyNDc5Myw2LjAzOTY2OTQyIDMuNTcwMjQ3OTMsOS4wNDQ2MjgxIEMzLjU3MDI0NzkzLDkuMzQyMTQ4NzYgMy4zMzIyMzE0LDkuNTk1MDQxMzIgMy4wMTk4MzQ3MSw5LjU5NTA0MTMyIEMyLjcyMjMxNDA1LDkuNTk1MDQxMzIgMi40Njk0MjE0OSw5LjM1NzAyNDc5IDIuNDY5NDIxNDksOS4wNDQ2MjgxIEMyLjQ2OTQyMTQ5LDUuNDQ0NjI4MSA1LjM4NTEyMzk3LDIuNTI4OTI1NjIgOC45ODUxMjM5NywyLjUyODkyNTYyIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .top .precipitation[data-v-160a9f24] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT7pmY3msLRpY29uPC90aXRsZT4NCiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iMTAtMDTorr7lpIflj7DluJDor6bmg4UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQ0LjAwMDAwMCwgLTI3Ni4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSLnvZHmnrbop4TmqKHnnIvmnb8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5Mi4wMDAwMDAsIDcyLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuMDAwMDAwLCA4OS4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IumZjeawtGljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1LjAwMDAwMCwgMTE1LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iLTkuMDk0OTQ3MDJlLTEzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDEyLjg1MjA3MiBDMiwxNC44Mzg4OTQgMy42MjUwMDIyNSwxNi40NTI2NDggNS42NDA2MjIwOSwxNi40NTI2NDggQzcuNjQ5NDE5OTMsMTYuNDUyNjQ4IDkuMjgyMjM0MTYsMTQuODM4ODk0IDkuMjgyMjM0MTYsMTIuODUyMDcyIEM5LjI4MjIzNDE2LDEwLjg2NTI1IDUuNjQwNjIyMDksNS42NTEzODggNS42NDA2MjIwOSw1LjY1MTM4OCBDNS42NDA2MjIwOSw1LjY1MTM4OCAyLDEwLjg2NTI1IDIsMTIuODUyMDcyIFogTTExLjEwNTQ3MDIsOC4yMzA5NjgwMSBDMTIuNjgzNTgyNSw4LjIzMDk2ODAxIDEzLjk2Mjg3NzEsNy4wMDE5NjQgMTMuOTYyODc3MSw1LjQ4NDM4NCBDMTMuOTYyODc3MSwzLjk2NDM3NDAxIDExLjEwNTQ3MDIsLTEuMDQ4MDUwNTRlLTEzIDExLjEwNTQ3MDIsLTEuMDQ4MDUwNTRlLTEzIEMxMS4xMDU0NzAyLC0xLjA0ODA1MDU0ZS0xMyA4LjI0OTAxNzI3LDMuOTc1NjA2MDEgOC4yNDkwMTcyNyw1LjQ4NDM4NCBDOC4yMzgyNzEyOCw3LjAwMzkyNiA5LjUxOTUyNzkxLDguMjMwOTY4MDEgMTEuMTA1NDcwMiw4LjIzMDk2ODAxIEwxMS4xMDU0NzAyLDguMjMwOTY4MDEgWiBNMTMuOTE3OTc4MiwxMS44MzEwNzYgQzEzLjkxNzk3ODIsMTEuODMxMDc2IDExLjgzNjkyODUsMTQuODEzOTgyIDExLjgzNjkyODUsMTUuOTQ2Nzc2IEMxMS44MzY5Mjg1LDE3LjA4MjAzNiAxMi43NzE0ODc1LDE4IDEzLjkxNzk3ODIsMTggQzE1LjA2NzM4NSwxOCAxNiwxNy4wODIwMzYgMTYsMTUuOTQ2Nzc2IEMxNiwxNC44MDIyNjQgMTMuOTE3OTc4MiwxMS44MzEwNzYgMTMuOTE3OTc4MiwxMS44MzEwNzYgTDEzLjkxNzk3ODIsMTEuODMxMDc2IFoiIGlkPSLlvaLnirYiIGZpbGw9IiMwRDg2N0YiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+)
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .top .humidity[data-v-160a9f24] {
    background-image: url(data:image/svg+xml;base64,[encoded data, 4724 characters])
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .top .text[data-v-160a9f24] {
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #18181b;
    font-weight: 600
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-top .weatherStation-result .bottom[data-v-160a9f24] {
    font-size: 14px;
    color: #727272
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-center[data-v-160a9f24] {
    padding: 8px 16px;
    width: 100%;
    height: 240px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-center .center-box[data-v-160a9f24] {
    width: 100%;
    line-height: 22px;
    display: flex;
    font-size: 14px;
    color: #18181b;
    margin-bottom: 10px;
    height: 22px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-center .center-box .date[data-v-160a9f24] {
    flex: .7
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-center .center-box .day[data-v-160a9f24] {
    flex: .5
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-center .center-box .weatherStation-day[data-v-160a9f24] {
    flex: 1.7;
    display: flex;
    justify-content: left
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-center .center-box .weatherStation-day img[data-v-160a9f24] {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-center .center-box .min[data-v-160a9f24] {
    flex: 1;
    color: #939394
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-center .center-box .max[data-v-160a9f24] {
    flex: 1;
    font-weight: 600
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom[data-v-160a9f24] {
    padding: 8px 16px;
    flex: auto;
    width: 100%;
    position: relative;
    overflow: hidden
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom[data-v-160a9f24].na-carousel__arrow--left {
    display: none
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom[data-v-160a9f24].na-carousel__arrow--right {
    display: none
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom[data-v-160a9f24].na-carousel__button {
    width: 8px;
    height: 8px;
    background: #727272;
    border-radius: 50%;
    opacity: 1
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom[data-v-160a9f24].na-carousel__indicator.is-active button {
    background-color: #0d867f;
    width: 10px;
    height: 10px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom .early-warning-box[data-v-160a9f24] {
    border-radius: 8px;
    display: inline-block;
    height: 180px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom .early-warning-box .top[data-v-160a9f24] {
    width: 100%;
    height: 30px;
    background: linear-gradient(90deg, rgb(204, 240, 240) 0%, rgba(204, 240, 240, 0.3) 100%);
    display: flex;
    align-items: center
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom .early-warning-box .top img[data-v-160a9f24] {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom .early-warning-box .top .text[data-v-160a9f24] {
    color: #0d867f;
    font-size: 14px;
    font-weight: 600
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom .early-warning-box .bottom[data-v-160a9f24] {
    width: 100%;
    background: #e5f5f6;
    height: 150px;
    word-wrap: break-word;
    padding: 8px;
    font-size: 14px;
    font-weight: 500
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom .early-warning-box-noData[data-v-160a9f24] {
    border-radius: 8px;
    height: 180px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #18181b
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom .swiper-boxs[data-v-160a9f24] {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 450px;
    align-items: center;
    justify-content: flex-end;
    height: 40px;
    padding: 8px 20px 0 16px
}

.weatherStation .weatherStation-box .weatherStation-content-box .weatherStation-content-bottom .swiper-boxs .swiper[data-v-160a9f24] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #333;
    margin-right: 5px;
    cursor: pointer
}

.nari-device-card_container_head_logo i[data-v-160a9f24] {
    font-size: .52rem;
    color: #fff;
    background-color: #0d867f !important;
    border-radius: .1rem
}

.substationVideoDetail[data-v-08180a99] {
    background-color: #fff;
    width: 3.39rem;
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 98;
    flex-direction: column-reverse;
    border-radius: .04rem
}

.substationVideoDetail[data-v-08180a99]::after {
    content: "";
    position: absolute;
    right: 50%;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    background: #fff;
    transition: all 2s;
    bottom: -5px;
    margin-left: 7.5px
}

.drawBox[data-v-08180a99] {
    position: absolute;
    width: 4.5rem;
    top: .7rem;
    right: .62rem;
    z-index: 99;
    height: 7.44rem
}

.videoCom[data-v-08180a99] {
    position: absolute;
    width: 800px;
    height: 600px;
    top: 50%;
    left: 50%;
    background: #fff;
    margin-left: -400px;
    margin-top: -300px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 9999
}

.videoCom .videoTitle[data-v-08180a99] {
    border-bottom: 2px solid #c3c3c3;
    line-height: 40px;
    height: 40px;
    text-align: center
}

.videoCom .videoTitle .el-icon-close[data-v-08180a99] {
    position: absolute;
    right: 10px;
    top: 12px
}

.videoCom .videoBody[data-v-08180a99] {
    display: flex;
    flex-wrap: nowrap;
    height: 558px
}

.videoCom .videoBody .videoContent[data-v-08180a99] {
    width: 70%;
    border-right: 2px solid #c3c3c3;
    width: 558px
}

.videoCom .videoBody .videoList[data-v-08180a99] {
    overflow-y: scroll;
    width: 239.4px;
    scrollbar-width: none
}

.videoCom .videoBody .videoList .oneVideo[data-v-08180a99] {
    height: 60px;
    border-bottom: 2px solid #c3c3c3
}

.videoCom .videoBody .videoList .oneVideo span[data-v-08180a99] {
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    margin-left: 10px
}

.videoCom .videoBody .videoList .oneVideo .numb[data-v-08180a99] {
    color: #585858;
    font-size: 14px
}

.videoCom .videoBody .videoList .oneVideo[data-v-08180a99]:hover {
    background: #c3c3c3;
    border-bottom: 2px solid #c3c3c3
}

#myVideo[data-v-08180a99] {
    width: 558px;
    height: 558px
}

.nari-device-card_container_head_logo i[data-v-08180a99] {
    font-size: .52rem;
    display: inline-block;
    color: #fff;
    background-color: var(--brand-color) !important
}

.substationVideoDetail[data-v-c0f6ae76] {
    background-color: #fff;
    width: 3.39rem;
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 98;
    flex-direction: column-reverse;
    border-radius: .04rem
}

.substationVideoDetail[data-v-c0f6ae76]::after {
    content: "";
    position: absolute;
    right: 50%;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    background: #fff;
    transition: all 2s;
    bottom: -5px;
    margin-left: 7.5px
}

.drawBox[data-v-c0f6ae76] {
    position: absolute;
    width: 4.5rem;
    top: .7rem;
    right: .62rem;
    z-index: 99;
    height: 7.44rem
}

.videoCom[data-v-c0f6ae76] {
    position: absolute;
    width: 800px;
    height: 600px;
    top: 50%;
    left: 50%;
    background: #fff;
    margin-left: -400px;
    margin-top: -300px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 9999
}

.videoCom .videoTitle[data-v-c0f6ae76] {
    border-bottom: 2px solid #c3c3c3;
    line-height: 40px;
    height: 40px;
    text-align: center
}

.videoCom .videoTitle .el-icon-close[data-v-c0f6ae76] {
    position: absolute;
    right: 10px;
    top: 12px
}

.videoCom .videoBody[data-v-c0f6ae76] {
    display: flex;
    flex-wrap: nowrap;
    height: 558px
}

.videoCom .videoBody .videoContent[data-v-c0f6ae76] {
    width: 70%;
    border-right: 2px solid #c3c3c3;
    width: 558px
}

.videoCom .videoBody .videoList[data-v-c0f6ae76] {
    overflow-y: scroll;
    width: 239.4px;
    scrollbar-width: none
}

.videoCom .videoBody .videoList .oneVideo[data-v-c0f6ae76] {
    height: 60px;
    border-bottom: 2px solid #c3c3c3
}

.videoCom .videoBody .videoList .oneVideo span[data-v-c0f6ae76] {
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    margin-left: 10px
}

.videoCom .videoBody .videoList .oneVideo .numb[data-v-c0f6ae76] {
    color: #585858;
    font-size: 14px
}

.videoCom .videoBody .videoList .oneVideo[data-v-c0f6ae76]:hover {
    background: #c3c3c3;
    border-bottom: 2px solid #c3c3c3
}

#myVideo[data-v-c0f6ae76] {
    width: 558px;
    height: 558px
}

.nari-device-card_container_head_logo i[data-v-c0f6ae76] {
    font-size: .52rem;
    display: inline-block;
    color: #fff;
    background-color: var(--brand-color) !important;
    border-radius: .1rem
}

.substationVideoDetail[data-v-b5aafbde] {
    background-color: #fff;
    width: 3.39rem;
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 98;
    flex-direction: column-reverse;
    border-radius: .04rem
}

.substationVideoDetail[data-v-b5aafbde]::after {
    content: "";
    position: absolute;
    right: 50%;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    background: #fff;
    transition: all 2s;
    bottom: -5px;
    margin-left: 7.5px
}

.drawBox[data-v-b5aafbde] {
    position: absolute;
    width: 4.5rem;
    top: .7rem;
    right: .62rem;
    z-index: 99;
    height: 7.44rem
}

.videoCom[data-v-b5aafbde] {
    position: absolute;
    width: 800px;
    height: 600px;
    top: 50%;
    left: 50%;
    background: #fff;
    margin-left: -400px;
    margin-top: -300px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 9999
}

.videoCom .videoTitle[data-v-b5aafbde] {
    border-bottom: 2px solid #c3c3c3;
    line-height: 40px;
    height: 40px;
    text-align: center
}

.videoCom .videoTitle .el-icon-close[data-v-b5aafbde] {
    position: absolute;
    right: 10px;
    top: 12px
}

.videoCom .videoBody[data-v-b5aafbde] {
    display: flex;
    flex-wrap: nowrap;
    height: 558px
}

.videoCom .videoBody .videoContent[data-v-b5aafbde] {
    width: 70%;
    border-right: 2px solid #c3c3c3;
    width: 558px
}

.videoCom .videoBody .videoList[data-v-b5aafbde] {
    overflow-y: scroll;
    width: 239.4px;
    scrollbar-width: none
}

.videoCom .videoBody .videoList .oneVideo[data-v-b5aafbde] {
    height: 60px;
    border-bottom: 2px solid #c3c3c3
}

.videoCom .videoBody .videoList .oneVideo span[data-v-b5aafbde] {
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    margin-left: 10px
}

.videoCom .videoBody .videoList .oneVideo .numb[data-v-b5aafbde] {
    color: #585858;
    font-size: 14px
}

.videoCom .videoBody .videoList .oneVideo[data-v-b5aafbde]:hover {
    background: #c3c3c3;
    border-bottom: 2px solid #c3c3c3
}

#myVideo[data-v-b5aafbde] {
    width: 558px;
    height: 558px
}

.nari-device-card_container_head_logo i[data-v-b5aafbde] {
    font-size: .52rem;
    display: inline-block;
    color: #fff;
    background-color: var(--brand-color) !important;
    border-radius: .1rem
}

.netWorkInfo[data-v-70e7451a] {
    position: fixed;
    top: 72px;
    right: 60px;
    width: 450px;
    height: 740px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden
}

.netWorkInfo .header[data-v-70e7451a] {
    height: 38px;
    font-size: 20px;
    padding: 0 16px;
    color: #18181b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f7f8fa
}

.netWorkInfo .header span[data-v-70e7451a] {
    font-size: 14px
}

.netWorkInfo .title[data-v-70e7451a] {
    height: 86px;
    display: flex;
    align-items: center;
    padding: 0 16px
}

.netWorkInfo .title .pic[data-v-70e7451a] {
    width: 52px;
    height: 52px;
    margin-right: 8px;
    background-color: #009ea8;
    text-align: center;
    line-height: 52px;
    border-radius: 8px
}

.netWorkInfo .title .pic .iconfont[data-v-70e7451a] {
    font-size: 32px;
    color: #fff
}

.netWorkInfo .title .location[data-v-70e7451a] {
    font-size: 20px;
    color: #18181b
}

.netWorkInfo .title .location span[data-v-70e7451a] {
    font-size: 14px;
    color: rgba(24,24,27,.3490196078)
}

.netWorkInfo .title .location p[data-v-70e7451a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 320px;
    cursor: pointer
}

.netWorkInfo .content[data-v-70e7451a] {
    height: 610px;
    overflow: auto
}

.netWorkInfo .content .item[data-v-70e7451a] {
    padding: 13px 0 12px 16px;
    color: #18181b;
    font-size: 14px;
    border-top: 1px solid #e5e6eb
}

.netWorkInfo .content .item[data-v-70e7451a]:hover {
    background-color: #e5f5f6
}

.netWorkInfo .content .item p[data-v-70e7451a] {
    margin-bottom: 4px;
    cursor: pointer
}

.netWorkInfo .content .item span[data-v-70e7451a] {
    font-size: 14px;
    color: rgba(24,24,27,.6)
}

.netWorkInfo .content .item .tide[data-v-70e7451a] {
    margin-top: 4px;
    width: 56px;
    border-radius: 5px;
    padding: 5px;
    color: #e5e6eb;
    background-color: #009ea8;
    cursor: pointer
}

.netWorkInfo .loading-empty[data-v-70e7451a] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px
}

.netWorkInfo .loading-empty .loading-wrap[data-v-70e7451a] {
    width: 64px;
    height: 64px
}

.netWorkInfo .loading-empty .loading-wrap img[data-v-70e7451a] {
    width: 100%;
    height: 100%
}

.paging[data-v-70e7451a] {
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    font-size: 14px;
    border-top: 1px solid #e5e6eb
}

.paging-left .total[data-v-70e7451a] {
    color: #0d867f
}

.paging-right[data-v-70e7451a] {
    display: flex;
    align-items: center
}

.paging-right .arrow[data-v-70e7451a] {
    width: 24px !important;
    height: 24px !important;
    border-radius: 2px;
    border: 1px solid #e5e6eb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    padding: 0
}

.plangrid[data-v-70e7451a] {
    position: fixed;
    top: 70px;
    right: 65px;
    width: 450px;
    height: 770px;
    background-color: #fff;
    border-radius: 8px
}

.plangrid .title[data-v-70e7451a] {
    height: 49px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #e5e6eb;
    font-size: 16px
}

.plangrid .title i[data-v-70e7451a] {
    font-size: 20px
}

.plangrid .header[data-v-70e7451a] {
    height: 104px;
    padding: 16px;
    border-bottom: 1px solid #e5e6eb
}

.plangrid .header .select[data-v-70e7451a] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.plangrid .header .select .na-select[data-v-70e7451a] {
    width: 134px;
    height: 32px
}

.plangrid .content[data-v-70e7451a] {
    height: 600px;
    overflow: auto
}

.plangrid .content .item[data-v-70e7451a] {
    height: 50px;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e6eb
}

.plangrid .content .item p[data-v-70e7451a] {
    cursor: pointer
}

.videoBox[data-v-009a1f4c] {
    height: 100%;
    width: 100%;
    background: rgba(195,195,195,.4);
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0
}

.videoCom[data-v-009a1f4c] {
    position: absolute;
    width: 1200px;
    height: 710px;
    top: 50%;
    left: 50%;
    background: #fff;
    margin-top: -355px;
    margin-left: -600px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 99999
}

.videoCom .videoTitle[data-v-009a1f4c] {
    border-bottom: 2px solid #c3c3c3;
    line-height: 60px;
    height: 60px;
    text-align: center;
    background: #000
}

.videoCom .videoTitle p[data-v-009a1f4c] {
    color: #fff !important
}

.videoCom .videoTitle i[data-v-009a1f4c]::before {
    color: #fff !important
}

.videoCom .videoTitle .el-icon-close[data-v-009a1f4c] {
    position: absolute;
    right: 10px;
    top: 12px
}

.videoCom .videoBody[data-v-009a1f4c] {
    display: flex;
    flex-wrap: nowrap;
    height: 650px
}

.videoCom .videoBody .videoContent[data-v-009a1f4c] {
    border-right: 2px solid #c3c3c3;
    width: 900px;
    position: relative
}

.videoCom .videoBody .videoContent .myVideo[data-v-009a1f4c] {
    width: 100%;
    height: 600px
}

.videoCom .videoBody .videoContent .tipSpan[data-v-009a1f4c] {
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.videoCom .videoBody .videoContent .tipSpan p[data-v-009a1f4c] {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background-color: #0d867f;
    color: #fff;
    text-align: center;
    position: absolute
}

.videoCom .videoBody .videoContent .tipSpan .video1[data-v-009a1f4c] {
    top: 0;
    left: 0
}

.videoCom .videoBody .videoContent .tipSpan .video2_4[data-v-009a1f4c] {
    top: 0;
    left: 50%
}

.videoCom .videoBody .videoContent .tipSpan .video3_4[data-v-009a1f4c] {
    top: 50%;
    left: 0%
}

.videoCom .videoBody .videoContent .tipSpan .video4_4[data-v-009a1f4c] {
    top: 50%;
    left: 50%
}

.videoCom .videoBody .videoContent .tipSpan .video2_6[data-v-009a1f4c] {
    top: 0;
    left: 66.6%
}

.videoCom .videoBody .videoContent .tipSpan .video3_6[data-v-009a1f4c] {
    top: 33.3%;
    left: 66.6%
}

.videoCom .videoBody .videoContent .tipSpan .video4_6[data-v-009a1f4c] {
    top: 66.6%;
    left: 0%
}

.videoCom .videoBody .videoContent .tipSpan .video5_6[data-v-009a1f4c] {
    top: 66.6%;
    left: 33.6%
}

.videoCom .videoBody .videoContent .tipSpan .video6_6[data-v-009a1f4c] {
    top: 66.6%;
    left: 66.6%
}

.videoCom .videoBody .videoContent .tipSpan .video2_9[data-v-009a1f4c] {
    top: 0;
    left: 33.3%
}

.videoCom .videoBody .videoContent .tipSpan .video3_9[data-v-009a1f4c] {
    top: 0;
    left: 66.6%
}

.videoCom .videoBody .videoContent .tipSpan .video4_9[data-v-009a1f4c] {
    top: 33.3%;
    left: 0
}

.videoCom .videoBody .videoContent .tipSpan .video5_9[data-v-009a1f4c] {
    top: 33.3%;
    left: 33.3%
}

.videoCom .videoBody .videoContent .tipSpan .video6_9[data-v-009a1f4c] {
    top: 33.3%;
    left: 66.6%
}

.videoCom .videoBody .videoContent .tipSpan .video7_9[data-v-009a1f4c] {
    top: 66.6%;
    left: 0%
}

.videoCom .videoBody .videoContent .tipSpan .video8_9[data-v-009a1f4c] {
    top: 66.6%;
    left: 33.3%
}

.videoCom .videoBody .videoContent .tipSpan .video9_9[data-v-009a1f4c] {
    top: 66.6%;
    left: 66.6%
}

.videoCom .videoBody .videoContent .controlVideo[data-v-009a1f4c] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;
    height: 50px;
    background: #fff;
    padding: 0 50px
}

.videoCom .videoBody .videoContent .controlVideo i[data-v-009a1f4c] {
    line-height: 50px;
    margin-left: 10px
}

.videoCom .videoBody .videoContent .controlVideo span[data-v-009a1f4c] {
    margin-left: 10px
}

.videoCom .videoBody .videoList[data-v-009a1f4c] {
    background: #fff;
    overflow: scroll;
    width: 300px
}

.videoCom .videoBody .videoList .na-menu-item[data-v-009a1f4c] {
    border-bottom: 1px solid #c3c3c3;
    white-space: pre-wrap !important
}

.videoCom .videoBody .videoList .videoId[data-v-009a1f4c] {
    line-height: 40px;
    height: 40px;
    background-color: #0d867f;
    padding: 0rem 10px;
    color: #fff
}

.videoCom .videoBody .videoList span[data-v-009a1f4c] {
    line-height: 22px;
    font-size: 14px
}

.videoCom .videoBody .videoList i[data-v-009a1f4c] {
    display: inline !important;
    line-height: 22px;
    font-size: 14px
}

.videoCom .videoBody .videoList .listTitle[data-v-009a1f4c] {
    border-bottom: 1px solid #c3c3c3
}

.videoCom .videoBody .videoList .listTitle .videoInfo[data-v-009a1f4c] {
    border-bottom: 2px solid #c3c3c3
}

.videoCom .videoBody .videoList .listTitle .videoInfo p[data-v-009a1f4c] {
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px
}

.videoCom .videoBody .videoList .listTitle p[data-v-009a1f4c] {
    line-height: 60px;
    font-size: 22px;
    font-weight: 900
}

.videoCom .videoBody .videoList .na-menu-demo[data-v-009a1f4c] {
    overflow: scroll
}

.videoCom .videoBody .videoList[data-v-009a1f4c]::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.videoCom .videoBody .videoList[data-v-009a1f4c]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: skyblue;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
}

.videoCom .videoBody .videoList[data-v-009a1f4c]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: #ededed;
    border-radius: 10px
}

[data-v-009a1f4c] .na-checkbox {
    width: 260px;
    margin-left: 20px;
    display: flex;
    border-bottom: 1px solid #c3c3c3
}

[data-v-009a1f4c] .na-checkbox__input {
    line-height: 40px !important
}

[data-v-009a1f4c] .na-checkbox__label {
    line-height: 40px !important;
    white-space: initial
}

[data-v-009a1f4c] .h5player {
    width: 100% !important;
    height: 100% !important
}

[data-v-009a1f4c] .sub-wnd {
    width: 100% !important;
    height: 100% !important
}

[data-v-009a1f4c] .play-window {
    width: 100% !important;
    height: 100% !important
}

#zhongguozai-station-map[data-v-e1dcc80c] {
    width: 100%;
    height: 100%
}

#zhongguozai-station-device-card[data-v-e1dcc80c] {
    position: absolute;
    right: 45px;
    top: 68px;
    width: 450px
}

.common-empty[data-v-179b38da] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.common-empty-content-img[data-v-179b38da] {
    width: 240px
}

.common-empty-content-title[data-v-179b38da] {
    width: 100%;
    text-align: center;
    font-size: 16px
}

.voltageLevelBox[data-v-9f59eb04] {
    width: 100%;
    height: 240px
}

.voltageLevelBox #voltageLevel[data-v-9f59eb04] {
    width: 100%;
    height: 240px
}

.voltageLevelBox .empty_box[data-v-9f59eb04] {
    width: 100%;
    height: 240px
}

.peibianLevelBox[data-v-7a7cf306] {
    width: 100%;
    height: 152px
}

.peibianLevelBox #peibianLevel[data-v-7a7cf306] {
    width: 100%;
    height: 152px
}

.peibianLevelBox .empty_box[data-v-7a7cf306] {
    width: 100%;
    height: 152px
}

.peibianLevelBox .empty_box[data-v-7a7cf306].common-empty-content-img {
    width: 180px
}

.loudStatusList[data-v-35296535] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 740px;
    background-color: #fff;
    border-radius: 10px;
    z-index: 99
}

.loudStatusList .title[data-v-35296535] {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid #cdcdce
}

.loudStatusList .title .title-left[data-v-35296535] {
    display: flex;
    align-items: center
}

.loudStatusList .title .title-left .title-name[data-v-35296535] {
    padding-right: 10px;
    font-size: 14px;
    font-weight: 600
}

.loudStatusList .title .title-left .icon-fanhui[data-v-35296535] {
    font-size: 14px;
    cursor: pointer
}

.loudStatusList .title .head-right .el-icon-close[data-v-35296535] {
    padding: 5px;
    font-size: 20px;
    cursor: pointer
}

.loudStatusList .searchBox[data-v-35296535] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px;
    width: 100%;
    border-bottom: 1px solid #cdcdce
}

.loudStatusList .searchBox[data-v-35296535] .na-input {
    width: 100%
}

.loudStatusList .searchBox .filter-other[data-v-35296535] {
    width: 30%
}

.loudStatusList .searchBox .filter-other .na-select[data-v-35296535] {
    width: 100%
}

.loudStatusList .searchBox .filter-date[data-v-35296535] {
    width: 68%
}

.loudStatusList .searchBox .filter-date .na-date-editor.na-input[data-v-35296535],.loudStatusList .searchBox .filter-date .na-date-editor.na-input__inner[data-v-35296535] {
    width: 100%
}

.loudStatusList .searchBox .filter-date .na-select[data-v-35296535],.loudStatusList .searchBox .filter-date .na-select--mini[data-v-35296535] {
    width: 280px
}

.loudStatusList .user-list[data-v-35296535] {
    flex: 1;
    overflow-y: auto
}

.loudStatusList .user-list .user-info[data-v-35296535] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px 16px;
    height: 86px;
    border-bottom: 1px solid #cdcdce;
    cursor: pointer
}

.loudStatusList .user-list .user-info p[data-v-35296535] {
    margin: 0;
    padding: 0
}

.loudStatusList .user-list .user-info .user-info-title .title-name[data-v-35296535] {
    font-size: 14px;
    font-weight: 600
}

.loudStatusList .user-list .user-info .user-info-title .tag[data-v-35296535] {
    padding: 0 5px;
    height: 20px;
    font-size: 12px;
    line-height: 19px
}

.loudStatusList .user-list .user-info .user-info-title .zhongzai[data-v-35296535] {
    color: #ff7e00 !important;
    border-color: rgba(255,126,0,.2980392157) !important;
    background-color: rgba(255,126,0,.0980392157) !important
}

.loudStatusList .user-list .user-info .user-info-title .guozai[data-v-35296535] {
    background-color: rgba(250,49,49,.0980392157) !important;
    border-color: rgba(250,49,49,.2980392157) !important;
    color: #fa3131
}

.loudStatusList .user-list .user-info .user-info-content[data-v-35296535] {
    font-size: 14px;
    color: rgba(24,24,27,.4470588235)
}

.loudStatusList .user-list .user-info .user-info-content .user-info-loadRate[data-v-35296535] {
    margin-right: 40px
}

.loudStatusList .user-list .user-info .right[data-v-35296535] {
    position: absolute;
    right: 2%;
    top: 40%;
    font-size: 16px
}

.loudStatusList .paging[data-v-35296535] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border-radius: 10px;
    width: 100%;
    height: 46px;
    background: #fff;
    font-size: 14px
}

.loudStatusList .paging-left .total[data-v-35296535] {
    color: #0d867f
}

.loudStatusList .paging-right[data-v-35296535] {
    display: flex;
    align-items: center
}

.loudStatusList .paging-right .arrow[data-v-35296535] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    padding: 0;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #e5e6eb;
    border-radius: 2px
}

#stationMap[data-v-35296535] {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 999
}

#stationMap .btn[data-v-35296535] {
    position: absolute;
    top: 10px;
    right: 0;
    display: flex;
    justify-content: space-around;
    width: 60px;
    height: 18px;
    z-index: 999
}

#stationMap .btn .station-btn[data-v-35296535] {
    width: 18px;
    height: 18px;
    background-color: #e5e6eb;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

#stationMap .btn .station-btn .el-icon-close[data-v-35296535]:before {
    line-height: 20px
}

#stationMap .station-map-title[data-v-35296535] {
    position: absolute;
    top: 20px;
    left: 50%;
    height: 20px;
    width: 150px;
    color: #fff;
    z-index: 501
}

.style1[data-v-35296535] {
    width: 800px;
    height: 450px
}

.style2[data-v-35296535] {
    width: 100%;
    height: 100%
}

.deviceHighlight[data-v-35296535] {
    background-color: #f40 !important
}

.num-icon[data-v-b3bfc79e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: #e5f5f6;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer
}

.num-icon i[data-v-b3bfc79e] {
    font-size: 19px;
    color: #009ea8
}

.device-event-list[data-v-1b575227] {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
    height: 740px;
    background-color: #fff;
    border-radius: 10px;
    z-index: 99
}

.device-event-list .title[data-v-1b575227] {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid #cdcdce
}

.device-event-list .title .title-left[data-v-1b575227] {
    display: flex;
    align-items: center
}

.device-event-list .title .title-left .title-name[data-v-1b575227] {
    padding-right: 10px;
    font-size: 14px;
    font-weight: 600
}

.device-event-list .title .title-left .icon-fanhui[data-v-1b575227] {
    font-size: 14px;
    cursor: pointer
}

.device-event-list .title .head-right .el-icon-close[data-v-1b575227] {
    padding: 5px;
    font-size: 20px;
    cursor: pointer
}

.device-event-list .main-info[data-v-1b575227] {
    display: flex;
    margin: 8px 16px;
    padding: 12px 16px;
    height: 70px;
    background-color: #205dcf;
    border-radius: 3px
}

.device-event-list .main-info .left[data-v-1b575227] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    background-color: #0051ad;
    border-radius: 4px
}

.device-event-list .main-info .left .na-iconfont[data-v-1b575227] {
    color: #fff;
    font-size: 30px
}

.device-event-list .main-info .right[data-v-1b575227] {
    display: flex;
    flex-direction: column
}

.device-event-list .main-info .right .right-top[data-v-1b575227] {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.device-event-list .main-info .right .right-bottom[data-v-1b575227] {
    color: #fff;
    opacity: .65
}

.device-event-list .filter[data-v-1b575227] {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.device-event-list .filter .filter-type[data-v-1b575227] {
    width: 25%
}

.device-event-list .filter .filter-date[data-v-1b575227] {
    width: 74%
}

.device-event-list .filter .filter-select .na-select[data-v-1b575227],.device-event-list .filter .filter-select .na-date-editor[data-v-1b575227] {
    width: 100%
}

.device-event-list .data-list[data-v-1b575227] {
    position: relative;
    padding: 0 16px;
    height: 520px;
    overflow-y: auto
}

.device-event-list .data-list .item[data-v-1b575227] {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 12px 0;
    height: 82px;
    font-size: 12px
}

.device-event-list .data-list .item .line-left[data-v-1b575227] {
    position: absolute;
    left: 10px;
    height: 100%;
    border-left: 2px dashed #ccc
}

.device-event-list .data-list .item .left[data-v-1b575227] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    width: 24px;
    height: 28px;
    padding: 4px 2px;
    z-index: 1
}

.device-event-list .data-list .item .right[data-v-1b575227] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    position: relative
}

.device-event-list .data-list .item .right .triangle[data-v-1b575227] {
    position: absolute;
    left: -5.5px;
    transform: rotate(135deg);
    margin-top: 8px;
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-bottom: 10px solid #fff;
    box-shadow: 1px 1px 2px 1px rgba(127,127,127,.2)
}

.device-event-list .data-list .item .right .rectangle[data-v-1b575227] {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    padding: 8px 8px 6px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    box-shadow: 0 0 4px 2px rgba(127,127,127,.2)
}

.device-event-list .data-list .item .right .rectangle .detail-top[data-v-1b575227] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.device-event-list .data-list .item .right .rectangle .detail-top .type[data-v-1b575227] {
    font-weight: 600
}

.device-event-list .data-list .item .right .rectangle .detail-top .date[data-v-1b575227] {
    color: #a1a1aa
}

.device-event-list .data-list .item .right .rectangle .detail-bottom[data-v-1b575227] {
    color: #181b1b;
    opacity: .8
}

.device-event-list .footer[data-v-1b575227] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 8px 28px
}

.device-event-list .footer .count[data-v-1b575227] {
    color: #a1a1aa
}

.device-event-list .footer .legend[data-v-1b575227] {
    display: flex;
    justify-content: space-between
}

.device-event-list .footer .legend .over[data-v-1b575227],.device-event-list .footer .legend .heavy[data-v-1b575227],.device-event-list .footer .legend .slight[data-v-1b575227] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 16px
}

.device-event-list .footer .legend .over .legend-circle[data-v-1b575227] {
    background-color: #fa3131
}

.device-event-list .footer .legend .heavy .legend-circle[data-v-1b575227] {
    background-color: #ff6800
}

.device-event-list .footer .legend .slight .legend-circle[data-v-1b575227] {
    background-color: #34c1f0
}

.device-event-list .footer .legend .legend-circle[data-v-1b575227] {
    margin-right: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.maker-tip-content-item[data-v-ba593e4a] {
    position: relative;
    margin-bottom: 8px;
    height: 26px;
    color: #fff;
    text-align: center;
    background-color: #372308;
    line-height: 26px;
    border: 1px solid #f9d383;
    box-shadow: inset 0px 0px 5px 0px #c88c32
}

.maker-tip-content-item .mini[data-v-ba593e4a] {
    position: absolute;
    margin-top: -8%;
    left: 44%;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background-color: #372308;
    text-align: center;
    line-height: 26px;
    border: 1px solid #f9d383;
    box-shadow: inset 0px 0px 5px 0px #c88c32
}

.maker-tip-content .deviceHighlight[data-v-ba593e4a] {
    background-color: #a12624;
    border: 1px solid #fc7373;
    box-shadow: inset 0px 0px 5px 0px #c83932
}

.maker-tip-content .deviceHighlight .mini[data-v-ba593e4a] {
    background-color: #a12624;
    border: 1px solid #fc7373;
    box-shadow: inset 0px 0px 5px 0px #c83932
}

.maker-tip-img[data-v-ba593e4a] {
    width: 100%;
    text-align: center
}

.maker-tip-img img[data-v-ba593e4a] {
    width: 30px;
    height: 40.8px
}

.loadStatus[data-v-01d20cdc] {
    display: flex;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    flex-direction: column
}

.loadStatus p[data-v-01d20cdc] {
    margin: 0;
    padding: 0
}

.loadStatus .loadStatusCard[data-v-01d20cdc] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.loadStatus .loadStatusCard .head[data-v-01d20cdc] {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    height: 53px;
    line-height: 53px;
    border-bottom: 1px solid #cdcdce
}

.loadStatus .loadStatusCard .head .head-left[data-v-01d20cdc] {
    display: flex;
    align-items: center
}

.loadStatus .loadStatusCard .head .head-left .head-title[data-v-01d20cdc] {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    line-height: 34px;
    font-weight: bold
}

.loadStatus .loadStatusCard .head .head-right .powerPlantSelect[data-v-01d20cdc] {
    margin-right: 10px;
    width: 155px
}

.loadStatus .loadStatusCard .head .head-right .el-icon-close[data-v-01d20cdc] {
    font-size: 20px;
    cursor: pointer
}

.loadStatus .loadStatusCard .tabs[data-v-01d20cdc] {
    position: absolute;
    left: -27px;
    top: 12px;
    width: 28px
}

.loadStatus .loadStatusCard .tabs-item[data-v-01d20cdc] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px 0;
    padding: 8px;
    min-height: 60px;
    font-size: 12px;
    color: #000;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    outline: none;
    cursor: pointer
}

.loadStatus .loadStatusCard .tabs-item[data-v-01d20cdc]::before {
    position: absolute;
    top: -9px;
    right: 0;
    width: 20px;
    height: 10px;
    background: -webkit-radial-gradient(top left, ellipse, transparent 20px, #fff 21px);
    content: ""
}

.loadStatus .loadStatusCard .tabs-item[data-v-01d20cdc]::after {
    position: absolute;
    bottom: -9px;
    right: 0;
    width: 20px;
    height: 10px;
    background: -webkit-radial-gradient(bottom left, ellipse, transparent 20px, #fff 21px);
    content: ""
}

.loadStatus .loadStatusCard .tabs-active[data-v-01d20cdc] {
    color: #0d867f
}

.loadStatus .loadStatusCard .content[data-v-01d20cdc] {
    margin-top: 10px;
    padding: 0 16px;
    width: 100%
}

.loadStatus .loadStatusCard .content .content-box_one[data-v-01d20cdc] {
    display: flex;
    width: 100%
}

.loadStatus .loadStatusCard .content .content-box_one .time[data-v-01d20cdc] {
    color: #000;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: regular;
    line-height: 30px;
    letter-spacing: 0
}

.loadStatus .loadStatusCard .content .content-box_one .dataPockerTime[data-v-01d20cdc] {
    width: 82%;
    border-radius: 4px
}

.loadStatus .loadStatusCard .content .tablist[data-v-01d20cdc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 12px
}

.loadStatus .loadStatusCard .content .tablist .numBoxLeft[data-v-01d20cdc] {
    position: relative;
    width: 48%;
    height: 64px;
    margin-bottom: 12px;
    padding: 10px 15px;
    color: #0061d0;
    background-color: rgba(0,97,208,.0980392157);
    border-radius: 4px;
    cursor: pointer
}

.loadStatus .loadStatusCard .content .tablist .numBoxLeft .tabList-left[data-v-01d20cdc] {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.loadStatus .loadStatusCard .content .tablist .numBoxLeft .tabList-left .num[data-v-01d20cdc] {
    font-size: 16px
}

.loadStatus .loadStatusCard .content .tablist .numBoxLeft .tabList-left .num span[data-v-01d20cdc] {
    font-size: 14px
}

.loadStatus .loadStatusCard .content .tablist .numBoxLeft .tabList-left .name[data-v-01d20cdc] {
    font-size: 14px
}

.loadStatus .loadStatusCard .content .tablist .numBoxLeft .tabList-right[data-v-01d20cdc] {
    position: absolute;
    bottom: 2.5px;
    right: 2.5px;
    width: 35px;
    height: 35px
}

.loadStatus .loadStatusCard .content .tablist .numBoxLeft .tabList-right .na-iconfont[data-v-01d20cdc] {
    color: rgba(0,97,208,.2);
    width: 100%;
    height: 100%;
    font-size: 35px
}

.loadStatus .loadStatusCard .content .tablist .numBoxRight[data-v-01d20cdc] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 12px;
    padding: 10px 15px;
    width: 48%;
    height: 64px;
    color: #009ea8;
    border-radius: 4px;
    background-color: rgba(0,158,168,.0980392157);
    cursor: pointer
}

.loadStatus .loadStatusCard .content .tablist .numBoxRight .tabList-left[data-v-01d20cdc] {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%
}

.loadStatus .loadStatusCard .content .tablist .numBoxRight .tabList-left .num[data-v-01d20cdc] {
    font-size: 16px
}

.loadStatus .loadStatusCard .content .tablist .numBoxRight .tabList-left .num span[data-v-01d20cdc] {
    font-size: 14px
}

.loadStatus .loadStatusCard .content .tablist .numBoxRight .tabList-left .name[data-v-01d20cdc] {
    font-size: 14px
}

.loadStatus .loadStatusCard .content .tablist .numBoxRight .tabList-right[data-v-01d20cdc] {
    position: absolute;
    right: 2.5px;
    bottom: 2.5px;
    width: 35px;
    height: 35px
}

.loadStatus .loadStatusCard .content .tablist .numBoxRight .tabList-right .na-iconfont[data-v-01d20cdc] {
    width: 100%;
    height: 100%;
    color: rgba(0,158,168,.2);
    font-size: 35px
}

.loadStatus .loadStatusCard .content .tablist .overLoadTransformer[data-v-01d20cdc] {
    background: linear-gradient(110.46deg, #3e93f4 0%, #0061d0 100%);
    color: #fff
}

.loadStatus .loadStatusCard .content .tablist .overLoadTransformer .na-iconfont[data-v-01d20cdc] {
    color: rgba(255,255,255,.4)
}

.loadStatus .loadStatusCard .content .tablist .heavyTransformer[data-v-01d20cdc] {
    background: linear-gradient(-75.39deg, #009ea8 0%, #18bbc6 100%);
    color: #fff
}

.loadStatus .loadStatusCard .content .tablist .heavyTransformer .na-iconfont[data-v-01d20cdc] {
    color: rgba(0,158,168,.2)
}

.loadStatus .loadStatusCard .content .content-box_three[data-v-01d20cdc] {
    display: flex;
    flex-direction: column
}

.loadStatus .loadStatusCard .content .content-box_three .titleDiv[data-v-01d20cdc] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.loadStatus .loadStatusCard .content .content-box_three .lineTile_btn[data-v-01d20cdc] {
    display: inline-block;
    margin-left: 10px;
    color: #009ea8;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer
}

.loadStatus .loadStatusCard .content .content-box_three .titleBox[data-v-01d20cdc] {
    position: relative;
    display: flex
}

.loadStatus .loadStatusCard .content .content-box_three .titleBox .lineTile[data-v-01d20cdc] {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    line-height: 22px
}

.loadStatus .loadStatusCard .content .content-box_three .titleBox[data-v-01d20cdc]::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 22px;
    background-color: #0d867f
}

#stationMap[data-v-01d20cdc] {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: #fff
}

#stationMap .btn[data-v-01d20cdc] {
    position: absolute;
    top: 10px;
    right: 0;
    display: flex;
    justify-content: space-around;
    width: 60px;
    height: 18px;
    z-index: 999
}

#stationMap .btn .station-btn[data-v-01d20cdc] {
    width: 18px;
    height: 18px;
    background-color: #e5e6eb;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

#stationMap .btn .station-btn .el-icon-close[data-v-01d20cdc]:before {
    line-height: 20px
}

#stationMap .station-map-title[data-v-01d20cdc] {
    position: absolute;
    top: 20px;
    left: 50%;
    height: 20px;
    width: 150px;
    color: #fff;
    z-index: 501
}

.style1[data-v-01d20cdc] {
    width: 800px;
    height: 450px;
    z-index: 9999
}

.style2[data-v-01d20cdc] {
    width: 100%;
    height: 100%;
    z-index: 9999
}

.contrbute[data-v-b5c0973e] {
    width: 100%;
    height: 100%
}

.contrbute #contrbute[data-v-b5c0973e] {
    width: 100%;
    height: 100%
}

.distribution[data-v-f50d3af8] {
    width: 100%;
    height: 100%
}

.distribution #distribution[data-v-f50d3af8] {
    width: 100%;
    height: 100%
}

.num-icon[data-v-c5dc4e22] {
    width: .22rem;
    height: .22rem;
    line-height: .21rem;
    text-align: center;
    border-radius: 50%;
    background: #e5f5f6;
    cursor: pointer
}

.num-icon i[data-v-c5dc4e22] {
    font-size: .19rem;
    color: #009ea8
}

.main[data-v-406c3708] {
    width: 100%;
    height: 100%
}

.na-select-dropdown__item.hover[data-v-406c3708],.na-select-dropdown__item[data-v-406c3708]:hover {
    color: var(--theme-item-fc-active);
    background: var(--theme-item-bg-active)
}

.daySelectBox[data-v-406c3708] {
    width: 100px;
    margin-right: 8px
}

.userDetail[data-v-406c3708] {
    box-sizing: border-box;
    background-color: var(--bg-color-container);
    z-index: 4;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    border-radius: 7px
}

.userDetail .head[data-v-406c3708] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    height: 1px;
    background-color: var(--bg-color-container)
}

.userDetail .head .icon-fanhui[data-v-406c3708] {
    font-weight: normal;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    top: 17px;
    left: 88px
}

.userDetail .info[data-v-406c3708],.userDetail .energy[data-v-406c3708],.userDetail .event[data-v-406c3708] {
    padding: 8px
}

.userDetail .energy[data-v-406c3708] {
    border-top: .01rem solid #ccc;
    border-bottom: .01rem solid #ccc;
    height: 200px
}

.userDetail .info .name[data-v-406c3708] {
    margin-top: 8px;
    height: 24px;
    line-height: 24px;
    display: flex
}

.userDetail .info .name .num-icon[data-v-406c3708] {
    margin-right: 10px
}

.userDetail .info .user_info div[data-v-406c3708] {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    font-size: 14px
}

.userDetail .info .user_info div[data-v-406c3708] :nth-child(1) {
    color: #ccc;
    display: inline-block;
    width: 96px;
    margin-right: 10px
}

.userDetail .info .user_info .ecAddr[data-v-406c3708] {
    height: auto;
    display: flex
}

.userDetail .info .user_info .ecAddr[data-v-406c3708] :nth-child(2) {
    display: inline-block;
    width: 248px
}

.userDetail .center2[data-v-406c3708] {
    min-height: 0 !important;
    margin-bottom: 32px
}

.userDetail .center[data-v-406c3708] {
    width: 100%;
    min-height: 240px;
    z-index: 2;
    top: 56px;
    right: 48px;
    border: var(--border-value);
    background-color: var(--bg-color-container)
}

.userDetail .center .title[data-v-406c3708] {
    display: flex;
    align-items: center;
    margin: 0 8px;
    height: 32px
}

.userDetail .center .title .left[data-v-406c3708] {
    font-size: 12px;
    font-weight: bold;
    border-left: 4px solid #009ea8;
    padding-left: 8px;
    display: flex;
    margin-right: 20px
}

.userDetail .center .date[data-v-406c3708] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.userDetail .center .date .na-date-editor[data-v-406c3708] {
    margin-right: 2px;
    margin-left: 2px
}

.userDetail .center .nodata[data-v-406c3708] {
    width: 100%;
    height: 208px;
    position: relative;
    font-size: 16px;
    overflow: hidden
}

.userDetail .center .nodata .nodataImg[data-v-406c3708] {
    width: 100%
}

.userDetail .center .nodata .text[data-v-406c3708] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    display: grid;
    place-content: center
}

.userDetail .center .chartBox[data-v-406c3708] {
    width: 100%;
    height: 100%
}

.userDetail .center .echarts[data-v-406c3708] {
    width: 100%;
    height: 192px;
    padding-right: 5px
}

.userDetail .user_list_title[data-v-406c3708] {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px
}

.userDetail .user_list_title span[data-v-406c3708] {
    display: inline-block;
    width: 4px;
    height: 12px;
    background-color: #0d867f;
    margin-right: 8px
}

.userDetail .user_list_title .num-icon i[data-v-406c3708] {
    font-size: 20px !important
}

[data-v-406c3708] .na-radio-button__orig-radio:checked+.na-radio-button__inner {
    background-color: #009ea8;
    border-color: #009ea8
}

.tag[data-v-406c3708] {
    margin-right: 4px
}

.tags[data-v-406c3708] {
    color: #d9963f !important;
    border-color: #d9963f !important;
    background-color: #fff3e6 !important;
    margin-right: 8px
}

.na-date-editor[data-v-406c3708] {
    width: 224px
}

[data-v-406c3708] .na-table .na-table__cell {
    padding: 8px 0 !important
}

.scope_cell[data-v-406c3708] {
    display: flex;
    align-items: center
}

.scope_cell .dot[data-v-406c3708] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 5px
}

.scope_cell .stop[data-v-406c3708] {
    background: #ccc
}

.scope_cell .td[data-v-406c3708] {
    background: green
}

.scope_cell .fd[data-v-406c3708] {
    background: red
}

.footer[data-v-406c3708] {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    position: absolute;
    bottom: 0;
    background: #fff
}

[data-v-406c3708] .na-table {
    padding-bottom: 32px
}

[data-v-406c3708] .na-dialog {
    width: 640px !important
}

[data-v-406c3708] .na-button--success {
    background-color: #009ea8;
    border-color: #009ea8
}

.device_info[data-v-406c3708] {
    width: 100%;
    background-color: #0061d0;
    border-radius: 5px;
    position: relative;
    padding: 8px;
    color: #fff;
    margin-bottom: 16px
}

.device_info_top[data-v-406c3708] {
    width: 100%;
    display: flex;
    align-items: center
}

.device_info_top .icon-peibian[data-v-406c3708] {
    width: 32px;
    height: 32px;
    display: grid;
    place-content: center;
    font-size: 28px;
    background: #0059bf
}

.device_info_top_right[data-v-406c3708] {
    display: flex;
    margin-left: 8px;
    flex-direction: column;
    justify-content: space-between
}

.device_info_top_right span[data-v-406c3708] {
    color: #87b5e9
}

.hoverLine[data-v-406c3708]:hover {
    color: #fff;
    cursor: pointer
}

.tag-A[data-v-406c3708] {
    color: #ff8208;
    background-color: rgba(255,131,8,.1803921569);
    border-color: rgba(255,131,8,.1803921569)
}

.tag-B[data-v-406c3708] {
    color: #3cb34b;
    background-color: rgba(60,179,75,.168627451);
    border-color: rgba(60,179,75,.168627451)
}

.tag-C[data-v-406c3708] {
    color: #fa3333;
    background-color: rgba(250,51,51,.231372549);
    border-color: rgba(250,51,51,.231372549)
}

.tag-wz[data-v-406c3708] {
    color: #9c9c9c;
    background-color: rgba(144,144,144,.2705882353);
    border-color: rgba(144,144,144,.2705882353)
}

.tag-ABC[data-v-406c3708] {
    color: #34c1f0;
    background-color: rgba(52,193,240,.1294117647);
    border-color: rgba(52,193,240,.3215686275)
}

[data-v-406c3708].na-radio-button--mini .na-radio-button__inner {
    width: 48px
}

[data-v-406c3708].na-radio-button--mini:nth-child(4) .na-radio-button__inner {
    width: 80px
}

.netWorkInfo[data-v-43cd6b62] {
    position: fixed;
    top: 70px;
    right: 65px;
    width: 450px;
    height: 770px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden
}

.netWorkInfo .header[data-v-43cd6b62] {
    height: 38px;
    font-size: 20px;
    padding: 0 16px;
    color: #18181b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f7f8fa
}

.netWorkInfo .header span[data-v-43cd6b62] {
    font-size: 14px
}

.netWorkInfo .title[data-v-43cd6b62] {
    height: 86px;
    display: flex;
    align-items: center;
    padding: 0 16px
}

.netWorkInfo .title .pic[data-v-43cd6b62] {
    width: 52px;
    height: 52px;
    margin-right: 8px;
    background-color: #009ea8;
    text-align: center;
    line-height: 52px;
    border-radius: 8px
}

.netWorkInfo .title .pic .iconfont[data-v-43cd6b62] {
    font-size: 32px;
    color: #fff
}

.netWorkInfo .title .location[data-v-43cd6b62] {
    font-size: 20px;
    color: #18181b
}

.netWorkInfo .title .location span[data-v-43cd6b62] {
    font-size: 14px;
    color: rgba(24,24,27,.3490196078)
}

.netWorkInfo .title .location p[data-v-43cd6b62] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 320px;
    cursor: pointer
}

.netWorkInfo .content[data-v-43cd6b62] {
    height: 610px;
    overflow: auto
}

.netWorkInfo .content .item[data-v-43cd6b62] {
    padding: 13px 0 12px 16px;
    color: #18181b;
    font-size: 14px;
    border-top: 1px solid #e5e6eb
}

.netWorkInfo .content .item[data-v-43cd6b62]:hover {
    background-color: #e5f5f6
}

.netWorkInfo .content .item p[data-v-43cd6b62] {
    margin-bottom: 4px;
    cursor: pointer
}

.netWorkInfo .content .item span[data-v-43cd6b62] {
    font-size: 14px;
    color: rgba(24,24,27,.6)
}

.netWorkInfo .paging[data-v-43cd6b62] {
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    font-size: 14px;
    border-top: 1px solid #e5e6eb
}

.netWorkInfo .paging-left .total[data-v-43cd6b62] {
    color: #0d867f
}

.netWorkInfo .paging-right[data-v-43cd6b62] {
    display: flex;
    align-items: center
}

.netWorkInfo .paging-right .arrow[data-v-43cd6b62] {
    width: 24px !important;
    height: 24px !important;
    border-radius: 2px;
    border: 1px solid #e5e6eb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    padding: 0
}

.netWorkInfo .loading-empty[data-v-43cd6b62] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px
}

.netWorkInfo .loading-empty .loading-wrap[data-v-43cd6b62] {
    width: 64px;
    height: 64px
}

.netWorkInfo .loading-empty .loading-wrap img[data-v-43cd6b62] {
    width: 100%;
    height: 100%
}
