*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:MicrosoftYaHei, Arial}html{height:100%}img{max-width:100%}select,button,a,.btn{cursor:pointer}input,select,button{outline:0}body{height:100%;width:100%;min-height:100%;background:#eff1f7}button{cursor:pointer}ul,li,dl,dt,dd{list-style:none}
.reference-content{border-radius:10px}
.reference-content .reference-body{border-radius:10px}
.box{display:inline-block;vertical-align:middle}a{cursor:pointer;text-decoration:none}
option{color:#000}
.warp{min-height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.sidebar-container{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content{margin:0 auto;width:100%;max-width:1440px;min-width:1200px}
.icon{width:26px;height:26px;display:block;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat}
.icon img{width:100%}
.icon-user{background-image:url("../images/usre.png")}
.icon-password{background-image:url("../images/password.png")}
.icon-logout{background-image:url("../images/logout.png")}
.icon-restart{background-image:url("../images/restart.png")}
.icon-search{background-image:url("../images/search.png")}
.icon-add{background-image:url("../images/add.png")}
.icon-delete{background-image:url("../images/delete.png")}
.icon-edit{background-image:url("../images/edit.png")}
.icon-info{background-image:url("../images/info.png")}
.icon-checked-w{background-image:url("../images/checked-w.png")}
.icon-delete-red{background-image:url("../images/delete-red.png")}
.login{background:url("../images/loginBackground.png") no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;padding:1px}
.login .login-header .logo{margin-top:240px; text-align: center;}
.login .login-header img{height: 50px;}
.login .login-footer{margin-top:100px;margin-bottom:100px;font-size:18px;font-weight:400;color:#FFFFFF;line-height:1em;text-align:center}
.loginFormWarp{width:821px;height:426px;background:url("../images/loginBg.png") no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;margin:0 auto;margin-top: 60px;position:relative;padding:1px}
.loginFormWarp .login-title{position:absolute;top:-28px;left:0;right:0;text-align:center}
.loginFormWarp .login-title .title{line-height:1em;font-size:30px;font-weight:400;letter-spacing:12px;color:#FFFFFF}
.loginFormWarp .login-title .subtitle{line-height:1em;margin-top:10px;font-size:16px;font-weight:400;color:#FFFFFF}
.loginFormWarp .loginForm{width:635px;margin:0 auto;margin-top:84px;font-size:0}
.loginFormWarp .loginForm .form-cell{height:72px;background:rgba(255,255,255,0.6);-webkit-border-radius:10px;border-radius:10px;overflow:hidden;margin-bottom:24px;width:100%;position:relative;padding:20px 0}
.loginFormWarp .loginForm .form-cell .form-label{position:absolute;left:0;top:0;bottom:0;width:66px;min-width:66px;top:20px;height:32px;border-right:1px solid #181818}
.loginFormWarp .loginForm .form-cell .form-label .icon{margin:0 auto}
.loginFormWarp .loginForm .form-cell .form-input{height:32px;padding:0;padding-left:86px}
.loginFormWarp .loginForm .form-cell .form-input input{color:#000;display:block;width:100%;height:32px;border:0;background:none;outline:0;padding:0;font-size:20px;font-weight:400}
.loginFormWarp .loginForm .form-cell .form-input input::-webkit-input-placeholder{color:#6C6C6C}
.loginFormWarp .loginForm .form-cell .form-input input::-moz-placeholder{color:#6C6C6C}
.loginFormWarp .loginForm .form-cell .form-input input:-ms-input-placeholder{color:#6C6C6C}
.loginFormWarp .loginForm .form-cell .form-input input::-ms-input-placeholder{color:#6C6C6C}
.loginFormWarp .loginForm .form-cell .form-input input::placeholder{color:#6C6C6C}
.form-agreement .befer{width:100%;display:inline-block;vertical-align:middle;text-align:right}
.form-agreement .befer input{display:inline-block;vertical-align:middle;cursor:pointer;width:24px;height:24px;margin-right:5px}
.form-agreement span,.form-agreement a{display:inline-block;vertical-align:middle;font-size:20px;font-weight:400;color:#141414}
.form-agreement a{cursor:pointer}
.form-agreement .after{width:50%;display:inline-block;vertical-align:middle;text-align:right}
.form-btn{text-align:center;margin-top:28px}
.form-btn button{outline:0;border:0;width:299px;height:65px;background:rgba(17,68,148,0.6);-webkit-border-radius:39px;border-radius:39px;font-size:20px;font-weight:400;color:#FFFFFF}
.container{width:100%}
.header-warp{position:fixed;top:0;left:0;right:0}
.header{min-width:1200px;background:#0085C9;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;z-index:99999;padding:0 75px}
.header .logo{padding:18px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.header .logo-pic{width:142px;height:35px;margin-right:10px}
.header .logo-title{text-align:left;height:36px;overflow:hidden}
.header .logo-title .title{line-height:1em;font-size:22px;font-weight:400;letter-spacing:8px;color:#FFFFFF;white-space:nowrap}
.header .logo-title .subtitle{margin-top:3px;white-space:nowrap;line-height:1em;font-size:12px;font-weight:400;color:#FFFFFF}
.navbar{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.navbar .navbar-ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.navbar .navbar-ul .navbar-item{padding:0 20px;position:relative}
.navbar .navbar-ul .navbar-item.active{background:#00479d}
.navbar .navbar-ul .navbar-item:hover{background:#00479d}
.navbar .navbar-ul .navbar-item:hover .navbar-sub{display:block}
.navbar .navbar-ul .navbar-item>a{display:block;word-break:normal;word-wrap:normal;white-space:nowrap;font-size:16px;font-weight:400;line-height:72px;color:#FFFFFF}
.navbar .navbar-sub{position:absolute;top:72px;left:0;z-index:99;width:154px;display:none;background:#FFFFFF;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.4);box-shadow:0 0 6px 0 rgba(0,0,0,0.4);-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.navbar .navbar-sub li{display:block;text-align:center}
.navbar .navbar-sub li:hover{background:#0085c9}
.navbar .navbar-sub li:hover a{color:#fff}
.navbar .navbar-sub a{display:block;line-height:44px;font-size:14px;font-weight:normal;color:#181818}
.navbar-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:18px 0}
.language ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.language ul li:last-child:after{display:none}
.language ul li:after{content:'/';font-size:16px;font-weight:400;color:#FFFFFF;margin:0 5px}
.language ul li span{cursor:pointer;word-break:normal;word-wrap:normal;white-space:nowrap;font-size:16px;font-weight:400;color:#FFFFFF}
.userinfo{margin:0 28px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.userinfo .userhead{width:30px;height:30px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}
.userinfo .username{margin-left:9px;word-break:normal;word-wrap:normal;white-space:nowrap;font-size:16px;font-weight:400;color:#FFFFFF}
.operation-container{background:#FFFFFF}
.operation-container .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.operation-container .tabs ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.operation-container .tabs ul li{position:relative;margin-right:41px;cursor:pointer}
.operation-container .tabs ul li:last-child:after{display:none}
.operation-container .tabs ul li:after{content:'';position:absolute;bottom:17px;top:17px;right:-20px;width:1px;background:#8B8B8B}
.operation-container .tabs ul li span{display:block;min-width:130px;height:60px;line-height:60px;position:relative;text-align:center}
.operation-container .tabs ul li span:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#0068B7}
.operation-container .tabs ul li.active span:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:#0068B7}
.header-container{height:71px}
.header-container .tabs ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.header-container .tabs ul li{position:relative;margin-right:41px;cursor:pointer}
.header-container .tabs ul li:last-child:after{display:none}
.header-container .tabs ul li:after{content:'';position:absolute;bottom:17px;top:17px;right:-20px;width:1px;background:#8B8B8B}
.header-container .tabs ul li span{display:block;width:130px;height:60px;line-height:60px;position:relative;text-align:center}
.header-container .tabs ul li span:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#0068B7}
.header-container .tabs ul li.active span:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:#0068B7}
.operation-container .search{padding:11px 0}
.operation-container .search.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.search{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.search input{border-radius:100px;width:208px;height:38px;background:#E2E8EC;border:1px solid #0085C9;margin-right:8px;padding:0 15px}
.search input:placeholder{font-size:14px;font-weight:400;color:#939393}
.search .btn-icon{width:38px;height:38px;background-color:#0085C9;-webkit-border-radius:100px;border-radius:100px;border:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.gxs-btn{width:79px;height:32px;background:#F0F0F0;border:0px solid #0085C9;-webkit-border-radius:10px;border-radius:100px;font-size:14px;font-weight:400;color:#000000}
.gxs-btn-default{background:#E2E8EC;border:0px solid #0085C9}
.gxs-btn-warning{background:#FF6A19;border:1px solid #FF6A19;color:#FFFFFF;width: fit-content;padding: 0 15px;margin-left: 6px;}
.projects-container .content{margin-top:10px;background:#fff;border-radius:10px}
.projects{padding:5px;font-size:0;border-radius:10px}
.projects .item{width:20%;padding:5px;display:inline-block;vertical-align:text-top}
.project{-webkit-border-radius:10px;border-radius:10px;overflow:hidden;border:1px solid #D8D8D8;border-sizing:border-box;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.project:hover{border:1px solid #0085C9;-webkit-box-shadow:0 10px 20px 0 rgba(1,87,191,0.3);box-shadow:0 10px 20px 0 rgba(1,87,191,0.3)}
.project .project-name{height:36px;background:#F0F0F0;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.08);box-shadow:0 0 6px 0 rgba(0,0,0,0.08);font-size:14px;font-weight:400;color:#000000;line-height:36px;text-align:center}
.project .project-pic{width:100%;cursor:pointer;height:224px;-o-object-fit:cover;object-fit:cover}
.project .project-pic img{width:100%;height:100%;object-fit: cover;display:block}
.project .project-date{padding:10px 10px 0;font-size:14px;font-weight:400;color:#2A2A2A;line-height:1em;text-align:center}
.project .project-table{padding:10px;border-bottom:1px solid #E3E9ED}
.project .project-table .error{background:#E64A19 !important;color:#fff}
.project .project-table .success{background:#4CB050 !important;color:#fff}
.project .project-table .warning{background:#FF9F00 !important;color:#fff}
.project .project-table table{width:100%;border-bottom:1px solid #CFD9E0;border-left:1px solid #CFD9E0}
.project .project-table table tr:first-child th{border-top:1px solid #CFD9E0}
.project .project-table table th{border-top:1px solid #FFFFFF;width:80px;height:26px;background:#E2E8EC;font-size:14px;font-weight:400;color:#2A2A2A;line-height:24px}
.project .project-table table td{padding-left:15px;border-right:1px solid #CFD9E0;border-top:1px solid #CFD9E0;font-size:14px;font-weight:400;color:#2A2A2A;line-height:24px}
.project-unit{padding:10px;height:122px;overflow-y:auto;border-bottom:1px solid #CFD9E0}
.project-unit table{width:100%;border-bottom:1px solid #CFD9E0;border-left:1px solid #CFD9E0}
.project-unit table tr:first-child th{border-top:1px solid #CFD9E0}
.project-unit table th{border-top:1px solid #CFD9E0;border-right:1px solid #CFD9E0;width:80px;height:24px;font-size:14px;font-weight:400;color:#2A2A2A;line-height:24px}
.project-unit table td{padding-left:15px;border-right:1px solid #CFD9E0;border-top:1px solid #CFD9E0;font-size:14px;font-weight:400;color:#2A2A2A;line-height:24px}
.project-btns{padding:8px 0 0 8px;font-size:0}
.project-btns .gxs-btn{margin-right:7px;margin-bottom:7px}
.pagings{text-align:center;padding:20px 0;border-radius:10px}
.pagings a{font-size:14px;font-weight:normal;color:#0085C9;line-height:1em;padding:3px;display:inline-block}
.pagings a.prev,.pagings a.active{color:#000000}
.footer{height:40px}
.sidebar-container{margin-top:10px;font-size:0;min-height:100%}
.sidebar-container .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.sidebar-container .sidebar{display:inline-block;vertical-align:text-top;margin-right:10px}
.sidebar-container .sidebar-content{border-radius:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:100%;display:inline-block;vertical-align:text-top;max-width:1162px}
.sidebar-container .sidebar-content p{font-size:10px}
.sidebar-container .sidebar-content .sidebar-content-item{padding:15px;border-bottom:1px solid #E3E9ED}
.sidebar-container .sidebar-content .sidebar-content-item:first-child{border-radius:10px 10px 0px 0px}
.sidebar-container .sidebar-content .sidebar-content-item:last-child{border-bottom:0;border-radius:10px}
.select-project .select{overflow:visible}
.select{width:100%;height:38px;background:#0085C9;;-webkit-border-radius:10px;border-radius:10px;position:relative;overflow:hidden}
.select .cssSelect{width:100%}
.select .cssSelect .selectBox{width:100%;height:38px;-webkit-border-radius:10px;border-radius:10px}
.select .cssSelect .selectBox .selectLt{width:100%;color:#fff;height:38px;font-size:14px;line-height:38px}
.select .cssSelect .selectBox .selectRt{display:none}
.select select{height:38px;width:120%;border:0;outline:none;background:none;position:relative;z-index:10;padding-left:12px;font-size:14px;font-weight:400;color:#E2E8EC;text-align:left}
.select:after,.select:before{border:6px solid transparent;border-top:6px solid #0085C9;width:0;height:0;position:absolute;top:14px;right:10px;z-index:1;content:' '}
.select:before{border-top-color:#fff;top:16px}
.input{width:100%;height:38px;overflow:hidden;-webkit-border-radius:10px;border-radius:10px;position:relative;background:#0085C9}
.input input{height:38px;text-indent:12px;width:120%;border:0;outline:none;background:none;position:relative;z-index:10;font-size:14px;font-weight:400;color:#E2E8EC}
.input span{display:block;font-size:14px;font-weight:400;color:#1B1B1B;line-height:38px;text-indent:12px}
.input.error{border:1px solid #E64A19 !important;background:#E64A19 !important}
.input.error span{color:#fff}
.input.success{background:#4CB050 !important}
.input.warning{background:#FF9F00 !important}
.form-group{background:none;width:100%;position:relative;-webkit-border-radius:10px;border-radius:10px;padding-left:70px}
.form-group.form-group-btn{padding:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.form-group .cssSelect .selectBox .selectLt{color:#1F1F1F}
.form-group label{position:absolute;left:0;top:0;bottom:0;width:70px;line-height:38px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;font-size:14px;font-weight:400;color:#1B1B1B;text-align:center;background:#E2E8EC}
.form-group label+.select{width:100%;-webkit-border-radius:0;border-radius:0;border:1px solid #0085C9;background:none;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px}
.form-group label+.select select{color:#1F1F1F}
.form-group label+.select+.select{width:100%;-webkit-border-radius:0;border-radius:0;border:1px solid #0085C9;background:none;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px}
.form-group label+.select+.select select{color:#1F1F1F}
.form-group label+.input{width:100%;-webkit-border-radius:0;border-radius:0;border:1px solid #0085C9;background:none;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;margin-bottom:0}
.form-group label+.input input{color:#1F1F1F}
.sidebar{width:268px;background:#FFFFFF;border-radius:10px}
.sidebar .sidebar-item:last-child{border:0}
.sidebar-item{padding:14px 12px;border-bottom:1px solid #CFD9E0}
.sidebar-project .project{border:0;-webkit-border-radius:10px;border-radius:10px}
.sidebar-project .project:hover{border:0;-webkit-box-shadow:none;box-shadow:none}
.sidebar-project .project .project-name{background:#F0F0F0;color:#000000}
.sidebar-project .project-table{border:0;padding:0}
.sidebar-project .project-table td,.sidebar-project .project-table th{height:34px;line-height:34px}
.sidebar-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.sidebar-btn table{width:100%;border-bottom:1px solid #CFD9E0;border-left:1px solid #CFD9E0;margin-bottom:11px}
.sidebar-btn table:first-child{border-radius:10px}
.sidebar-btn table tr:first-child th{border-top:1px solid #CFD9E0}
.sidebar-btn table td{padding-left:15px;border-right:1px solid #CFD9E0;border-top:1px solid #CFD9E0;font-size:14px;font-weight:400;color:#2A2A2A;line-height:26px}
.sidebar-btn table tr:first-child td:first-child{border-radius:10px 0px 0px 0px}
.sidebar-btn table tr:first-child td:last-child{border-radius:0px 10px 0px 0px}
.sidebar-btn table tr:last-child td:first-child{border-radius:0px 0px 0px 10px}
.sidebar-btn table tr:last-child td:last-child{border-radius:0px 0px 10px 0px}
.sidebar-btn .gxs-btn{width:130px;margin:0 auto;margin-bottom:11px}
.sidebar-btn .gxs-btn:last-child{margin-bottom:0}
.sidebar-search .search{margin-bottom:2px}
.sidebar-search .search input{width:199px;border-radius:10px}
.sidebar-search .search:last-child{margin-bottom:0}
.sidebar-item.select-equipment{width:100%}
.select-equipment .select{margin-bottom:10px}
.select-equipment table{width:100%;border-bottom:1px solid #CFD9E0;border-left:1px solid #CFD9E0}
.select-equipment table tr:first-child th{border-top:1px solid #CFD9E0}
.select-equipment table tr:nth-of-type(2n) th{background:#fff}
.select-equipment table tr:nth-of-type(2n) td{background:#fff}
.select-equipment table th{border-top:1px solid #CFD9E0;height:26px;font-size:14px;font-weight:400;color:#2A2A2A;background:#E2E8EC;line-height:36px;width:144px}
.select-equipment table td{padding-left:15px;border-right:1px solid #CFD9E0;border-top:1px solid #CFD9E0;font-size:14px;font-weight:400;background:#E2E8EC;color:#2A2A2A;line-height:36px}
.select-equipment .status{display:block;width:100%;text-align:center;height:38px;color:#fff}
.select-equipment .status.error{background:#E64A19}
.select-equipment .status.success{background:#4CB050}
.select-equipment .status.warning{background:#FF9F00}
.select-equipment .scroll{height:300px;overflow-y:auto}
.equipment-project .equipment-pic{width:246px;height:246px;border:1px solid #D8D8D8;border-radius:10px;overflow:hidden;margin-bottom:10px}
.equipment-project .equipment-pic img{display:block;width:100%}
.equipment-project .form-group{margin-bottom:4px}
.associated{border:1px solid #CFD9E0;border-bottom:0;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.associated ul>li{text-align:center;width:246px;height:32px;border-bottom:1px solid #CFD9E0;font-size:14px;font-weight:400;color:#000000;line-height:32px}
.associated ul>li.active{background:#00479D;color:#FFFFFF}
.screening{background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:20px;border-bottom:1px solid #CFD9E0}
.screening:first-child{border-radius:10px 10px 0px 0px}
.screening .item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-right:20px}
.screening .flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;width: 100%;}
.screening .form-group{width:100%}
.calib_screening{background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:flex-start;-ms-flex-pack:justify;justify-content:start;padding:20px;border-bottom:1px solid #CFD9E0}
.calib_screening:first-child{border-radius:10px 10px 0px 0px}
.calib_screening .item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-right:20px}
.calib_screening .flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}
.calib_screening .form-group{width:100%}
.equipment-info-tabs{border-radius:0px 0px 10px 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:14px 20px 0}
.equipment-info-tabs .tabs ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.equipment-info-tabs .tabs ul li{position:relative;margin-right:1px;cursor:pointer}
.equipment-info-tabs .tabs ul li span{display:block;min-width: 130px;padding: 0px 15px 0 15px;;height:32px;line-height:32px;position:relative;text-align:center;font-size:14px;font-weight:400;color:#000;border-bottom:1px solid #0068B7;border-sizing:border-box}
.equipment-info-tabs .tabs ul li:first-child span{margin-left:6px;margin-right:11px}
.equipment-info-tabs .tabs ul li:first-child span:after{content: '';position: absolute;bottom: 17px;top: 17px;right: -20px;width: 1px;background: #8B8B8B;}
.equipment-info-tabs .tabs ul li.active span{overflow:hidden;background:#fff;color:#000;border-bottom:6px solid #0068B7}
.equipment-info-tabs .download{font-size:14px;font-weight:400;color:#0085C9;line-height:12px;display:none}
.gxs-check{display:none}
.dev_check{height: 50px}
.dev-item-container{
    height: 100% !important;
    border-bottom: 1px solid #aaaaaa;
}
.dev-sel-devnum{
    height: 29px;
    line-height: 29px;
    font-size: 18px;
}
.dev-sel-devname{
    height: 15px;
    line-height: 15px;
}
.gxs-check+.gxs-icon{width:28px;height:28px;display:inline-block;position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:url("../images/check.png") no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.gxs-check:checked+.gxs-icon{background:url("../images/checked.png") no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.gxs-check-label{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.gxs-check-label span{margin-left:0px;font-size:14px;font-weight:400;color:#000000;width: max-content;}
.form-checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow-x: auto;width: 100%;}
.form-checkbox .checkbox-title{margin-right:16px;font-size:14px;font-weight:400;color:#000000;min-width: 62px;}
.form-checkbox .gxs-check-label{margin-right:20px}
.chart{margin-top:10px;padding-bottom:20px;background:#fff}
.chart .screening{border:0}
.tabs-content .tabs-content-item{display:none}
.tabs-content .tabs-content-item.active{border-radius:10px;margin-top:10px;display:block}
.chart-list{background:#fff;padding:10px}
.chart-list .item{width:33.3333333%;display:inline-block;vertical-align:text-bottom;padding:10px}
.chart-list .item .c-chart{width:362px;height:220px}
.data-contrast{background:#fff}
.data-contrast #chart{margin-top:20px}
.select-equipment-id{padding-top:5px}
.select-equipment-id .select-equipment-id-head{height:32px;background:#0085C9;font-size:14px;font-weight:400;color:#FFFFFF;line-height:32px;padding:0 10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px}
.select-equipment-id .select-equipment-id-cotnent{height:328px;border:1px solid #CFD9E0;overflow:auto;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.select-equipment-id .select-equipment-id-cotnent:first-child{border-radius:10px}
.select-equipment-id .select-equipment-id-cotnent .gxs-check-label span{width:100%;display:block;height:36px;margin:0;line-height:36px;padding-left:10px}
.select-equipment-id .select-equipment-id-cotnent .gxs-check-label .gxs-check:checked+span{background:#00B357;border-radius:10px}
.form-group.form-group-btn.form-group-btn-right{text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:12px 0px 0}
.form-group.form-group-btn.form-group-btn-right .gxs-btn{margin-left:10px}@font-face{src:url(jedatefont.eot?t=1510763148800);src:url(jedatefont.eot?t=1510763148800#iefix) format('embedded-opentype'),url(jedatefont.woff?t=1510763148800) format('woff'),url(jedatefont.ttf?t=1510763148800) format('truetype'),url(jedatefont.svg?t=1510763148800#jedatefont) format('svg')}
.jedatefont{font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.jedate{height:auto;font-size:12px;cursor:default;margin:0;padding:0;overflow:hidden;position:relative;-webkit-border-radius:10px;border-radius:10px;display:inline-block;border:1px solid #e2e2e2;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.15);box-shadow:0 1px 6px rgba(0,0,0,0.15);background-color:#fff}
.jedate *{margin:0;padding:0;list-style-type:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-style:normal}
.jedate table thead,.jedate table td{border:1px #fff solid}
.jedate ul,.jedate ol,.jedate li,.jedate dl{list-style-type:none;font-style:normal;font-weight:300}
.jedate .yearprev{left:0;font-size:14px}
.jedate .monthprev{left:25px;font-size:14px}
.jedate .yearnext{right:0;font-size:14px}
.jedate .monthnext{right:25px;font-size:14px}
.jedate .jedate-tips{position:absolute;top:40%;left:50%;z-index:800;width:200px;margin-left:-100px;line-height:20px;padding:15px;text-align:center;font-size:12px;color:red;background-color:#fffef4;border:1px #f7ce39 solid;display:none}
.jedate .timecontent ul::-webkit-scrollbar,.jedate-menu::-webkit-scrollbar{height:6px;width:6px;margin-right:5px;background-color:#f5f5f5;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:0;border-radius:0}
.jedate .timecontent ul::-webkit-scrollbar-track,.jedate-menu::-webkit-scrollbar-track{-webkit-border-radius:0;border-radius:0}
.jedate .timecontent ul::-webkit-scrollbar-thumb,.jedate-menu::-webkit-scrollbar-thumb{-webkit-border-radius:0;border-radius:0;background:rgba(0,0,0,0.5)}
.jedate .timecontent ul::-webkit-scrollbar-thumb:hover,.jedate-menu::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.6)}
.jedate .timecontent ul::-webkit-scrollbar-thumb:active,.jedate-menu::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.8)}
.jedate .timecontent ul::-webkit-scrollbar-thumb:window-inactive,.jedate-menu::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.4)}
.jedate .jedate-hmsmask{width:100%;display:block;background-color:rgba(0,0,0,0.7);background-color:#fff;position:absolute;top:0;left:0;right:0;bottom:36px;z-index:100}
.jedatetipscon{color:#333;float:left;overflow:hidden;background-color:#fffef4;line-height:22px;padding:6px;border:1px #f7ce39 solid;font-style:normal;font-size:12px;font-weight:300}
.jedatetipscon p{padding:0;margin:0;font-size:12px}
.jedatetipscon p.red{color:red}
.jedate.leftmenu{padding-left:90px}
.jedate .jedate-menu{width:90px;position:absolute;top:0;left:0;bottom:0;z-index:10;background:#f2f2f2;border-right:1px solid #efefef;-webkit-border-radius:10px 0 0 4px;border-radius:10px 0 0 4px;overflow:auto;display:block;padding:4px 0}
.jedate .jedate-menu p{height:30px;line-height:30px;padding-left:8px;overflow:hidden;font-size:12px;cursor:pointer}
.jedate .jedate-menu p:hover{background-color:#0070C0;color:#fff}
.jedate .jedate-wrap{min-width:230px;background:#fff;overflow:hidden}
.jedate .jedate-pane{width:230px;float:left;overflow:hidden}
.jedate .jedate-header{width:100%;height:36px;line-height:36px;float:left;background-color:#f2f2f2;text-align:center;font-size:14px;padding:0 50px;position:relative}
.jedate .jedate-header em{width:25px;height:36px;line-height:36px;position:absolute;color:#666;top:0;background-repeat:no-repeat;background-position:center center;cursor:pointer}
.jedate .jedate-header .ymbtn{padding:8px;-webkit-border-radius:10px;border-radius:10px;cursor:pointer;font-size:14px}
.jedate .jedate-content{width:100%;height:220px;float:left;padding:5px;overflow:hidden}
.jedate .jedate-content.bordge{border-left:1px #e9e9e9 solid}
.jedate .jedate-content .yeartable,.jedate .jedate-content .monthtable{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #fff}
.jedate .jedate-content .yeartable td,.jedate .jedate-content .monthtable td{width:73px;height:51px;line-height:51px;text-align:center;position:relative;overflow:hidden;font-size:14px}
.jedate .jedate-content .yeartable td span,.jedate .jedate-content .monthtable td span{padding:8px 10px;border:1px solid #fff}
.jedate .jedate-content .yeartable td.action span,.jedate .jedate-content .monthtable td.action span,.jedate .jedate-content .yeartable td.action span:hover,.jedate .jedate-content .monthtable td.action span:hover{background-color:#0070C0;border:1px #0070C0 solid;color:#fff}
.jedate .jedate-content .yeartable td span:hover,.jedate .jedate-content .monthtable td span:hover{background-color:#f2f2f2;border:1px #f2f2f2 solid}
.jedate .jedate-content .yeartable td.disabled span,.jedate .jedate-content .monthtable td.disabled span,.jedate .jedate-content .yeartable td.disabled span:hover,.jedate .jedate-content .monthtable td.disabled span:hover{color:#bbb;background-color:#fff;border:1px solid #fff}
.jedate .jedate-content .yeartable td.contain span,.jedate .jedate-content .monthtable td.contain span,.jedate .jedate-content .yeartable td.contain span:hover,.jedate .jedate-content .monthtable td.contain span:hover{background-color:#d0f0e3;border:1px #d0f0e3 solid}
.jedate.grid .daystable thead,.jedate.grid .daystable td{border:1px #f2f2f2 solid}
.jedate .jedate-content .daystable{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #fff}
.jedate .jedate-content .daystable thead{background-color:#fff}
.jedate .jedate-content .daystable th{width:31px;height:27px;text-align:center;position:relative;overflow:hidden;font-size:12px;font-weight:400}
.jedate .jedate-content .daystable td{width:31px;height:30px;text-align:center;position:relative;overflow:hidden;font-size:14px}
.jedate .jedate-content .daystable td .nolunar{line-height:29px;font-size:14px}
.jedate .jedate-content .daystable td .solar{height:14px;line-height:14px;font-size:14px;padding-top:2px;display:block}
.jedate .jedate-content .daystable td .lunar{height:15px;line-height:15px;font-size:12px;overflow:hidden;display:block;color:#888;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
.jedate .jedate-content .daystable td.action,.jedate .jedate-content .daystable td.action:hover,.jedate .jedate-content .daystable td.action .lunar{background-color:#0070C0;color:#fff}
.jedate .jedate-content .daystable td.other,.jedate .jedate-content .daystable td.other .nolunar,.jedate .jedate-content .daystable td.other .lunar{color:#0070C0}
.jedate .jedate-content .daystable td.disabled,.jedate .jedate-content .daystable td.disabled .nolunar,.jedate .jedate-content .daystable td.disabled .lunar{color:#bbb}
.jedate .jedate-content .daystable td.contain,.jedate .jedate-content .daystable td.contain:hover{background-color:#0070C0;color:#fff}
.jedate .jedate-content .daystable td.disabled:hover{background-color:#fff}
.jedate .jedate-content .daystable td:hover{background-color:#f2f2f2}
.jedate .jedate-content .daystable td.red{color:red}
.jedate .jedate-content .daystable td .marks{width:5px;height:5px;background-color:red;-webkit-border-radius:50%;border-radius:50%;position:absolute;right:2px;top:4px}
.jedate .jedate-content .daystable td.action .marks{width:5px;height:5px;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;position:absolute;right:2px;top:4px}
.jedate .jedate-time{overflow:hidden;padding-bottom:4px;background-color:#fff;position:absolute;top:0;right:0;z-index:150}
.jedate .jedate-time .timepane{width:230px;float:left}
.jedate .jedate-time .timeheader{width:100%;float:left;height:36px;line-height:36px;background-color:#f2f2f2;text-align:center;font-size:14px;position:relative}
.jedate .jedate-time .timecontent{width:100%;float:left}
.jedate .jedate-time .hmstitle{width:211px;margin:0 auto;overflow:hidden;padding-top:4px;text-align:center}
.jedate .jedate-time .hmstitle p{width:33.33%;float:left;height:30px;line-height:30px;font-size:13px}
.jedate .jedate-time .hmslist{width:211px;margin:0 auto 6px;border:1px solid #ddd;border-right:none;overflow:hidden}
.jedate .jedate-time .hmslist .hmsauto{height:100%;margin:0;text-align:center}
.jedate .jedate-time .hmslist ul{width:70px;height:174px;float:left;border-right:1px solid #ddd;overflow:hidden}
.jedate .jedate-time .hmslist .hmsauto:hover ul{overflow-y:auto}
.jedate .jedate-time .hmslist ul li{width:130%;padding-left:26px;text-align:left;height:25px;line-height:25px;font-size:14px}
.jedate .jedate-time .hmslist ul li:hover{background-color:#f2f2f2}
.jedate .jedate-time .hmslist ul li.action,.jedate-time .hmslist ul li.action:hover{background-color:#0070C0;color:#fff}
.jedate .jedate-time .hmslist ul li.disabled{background-color:#fbfbfb;color:#ccc}
.jedate .jedate-time .hmslist ul li.disabled.action{background-color:#0070C0;color:#fff;filter:alpha(opacity=30);opacity:.3}
.jedate .jedate-footbtn{height:36px;padding:0 6px;border-top:1px #e9e9e9 solid;overflow:hidden}
.jedate .jedate-footbtn .timecon{line-height:28px;padding:0 5px;background-color:#0070C0;color:#fff;display:block;float:left;font-size:12px;margin-top:4px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.jedate .jedate-footbtn .btnscon{line-height:28px;margin-top:4px;display:block;float:right;font-size:12px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.jedate .jedate-footbtn .btnscon span{float:left;padding:0 5px;border-right:1px #fff solid;background-color:#0070C0;color:#fff;display:block;height:28px;line-height:28px;text-align:center;overflow:hidden}
.jedate .jedate-footbtn .btnscon span:last-child{border-right:none}
.fixed{top:140px;right:12px;position:fixed}
.reference-site{width:213px}
.reference-site .reference-head{width:100%;height:37px;background:#F0F0F0;-webkit-box-shadow:0 0 0px 0 rgba(0,0,0,0.08);box-shadow:0 0 0px 0 rgba(0,0,0,0.08);font-weight:400;color:#000000;font-size:14px;text-align:center;line-height:37px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px}
.reference-site thead{border-right:1px solid #CFD9E0}
.reference-site thead th{height:36px;background:#E1E7EB;font-weight:400;color:#282828;font-size:14px;text-align:center;line-height:37px}
.reference-site .reference-scroll{overflow-y:auto;height:196px;display:block;width:100%;border-bottom:1px solid #CFD9E0;border-radius:0px 0px 10px 10px}
.reference-site .th{width:54px;height:38px}
.reference-site .th .icon{margin:0 auto;display:block}
.reference-site .th .gxs-check-label{display:block;width:28px;height:28px;margin:0 auto}
.reference-site table{width:100%;border-radius:0px 0px 10px 10px}
.reference-site table:first-child{border-left:1px solid #CFD9E0;border-radius:0px}
.reference-site table tbody{border-radius:0px 0px 10px 10px}
.reference-site table tbody tr{width:100%}
.reference-site table tbody tr:first-child th{border-top:1px solid #CFD9E0}
.reference-site table tbody .th{padding:0;border-top:1px solid #CFD9E0;border-right:1px solid #CFD9E0;width:54px;height:38px;font-size:0;font-weight:400;color:#2A2A2A;background:#fff;text-align:center}
.reference-site table tbody th:first-child{border-radius:0px 0px 0px 10px}
.reference-site table tbody th:last-child{border-radius:0px 0px 10px 0px}
.reference-site table tbody td{height:38px;padding-left:15px;border-right:1px solid #CFD9E0;border-top:1px solid #CFD9E0;font-size:14px;font-weight:400;color:#2A2A2A;line-height:38px;background:#fff}
.reference-site table tbody tr:last-child td:first-child{border-radius:0px 0px 0px 10px}
.reference-site table tbody tr:last-child td:last-child{border-radius:0px 0px 10px 0px}
.sidebar-item .form-group.form-group-btn.form-group-btn-confirm{padding-bottom:0;padding-top:12px}
.sidebar-item .form-group.form-group-btn .gxs-btn{width:auto;padding:0 15px;min-width:74px}
.sidebar-item .form-group.form-group-btn .gxs-btn:last-child{margin-bottom:0}
.project-equipment-management{background:#fff}
.management-head{padding:0 20px;width:100%;height:37px;background:#F8F8F8;-webkit-border-radius:10px;border-radius:10px;font-size:14px;font-weight:400;color:#000000;line-height:37px}
.management-cell{margin-top:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.management-cell .reference-site{width:300px}
.management-cell .gxs-btn{margin:0 20px}
.management table{width:100%;border-left:1px solid #CFD9E0;border-bottom:1px solid #CFD9E0}
.management table .hd{width:50px}
.management table .hd:first-child{border-bottom-left-radius:10px}
.management table .hd:last-child{border-bottom-right-radius:10px}
.management table .th{width:54px;height:38px}
.management table .th .icon{margin:0 auto;display:block}
.management table .th .gxs-check-label{display:block;width:28px;height:28px;margin:0 auto}
.management table thead th{padding:0;border-top:1px solid #F0F0F0;border-sizing:border-box;border-right:1px solid #CFD9E0;border-top:1px solid #CFD9E0;height:38px;font-size:14px;font-weight:400;color:#000;background:#F0F0F0;text-align:center}
.management table thead th:last-child{border-top-right-radius:10px}
.management table thead td{height:38px;font-size:14px;min-width: 78px;font-weight:400}
.management table thead .hd{background:#F8F8F8;color:#000000;border-top-left-radius:10px}
.management table thead tr:first-child hd:first-child{border-botttom-left-radius:10px}
.management table thead tr:first-child th:last-child{border-top-right-radius:10px}
.management table thead:last-child tr th:last-child{border-bottom-right-radius:10px}
.management table thead tr:first-child th:first-child{border-bottom-left-radius:10px}
.management table tbody tr{width:100%}
.management table tbody tr:first-child th{border-top:1px solid #CFD9E0}
.management table tbody .th{padding:0;border-top:1px solid #CFD9E0;border-right:1px solid #CFD9E0;width:54px;height:38px;font-size:0;font-weight:400;color:#2A2A2A;background:#fff;text-align:center}
.management table tbody td{height:38px;padding-left:10px;border-right:1px solid #CFD9E0;border-top:1px solid #CFD9E0;font-size:14px;font-weight:400;color:#2A2A2A;line-height:38px;background:#fff}
.management table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}
.management table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}
.management .error{background:#E64A19 !important;color:#fff}
.management .void{background:#a0a0a0 !important;color:#fff}
.management .success{background:#4CB050 !important;color:#fff}
.management .warning{background:#FF9F00 !important;color:#fff;}
.zr-btn{padding:0 10px;height:32px;background-color:#F8F8F8;-webkit-border-radius:10px;border-radius:100px;border:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:400;color:#000000}
.zr-btn.lg{height:38px}
.zr-form{margin-top:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.zr-form .zr-btn{border-radius:100px;margin-right:20px;background:#0085C9}
.zr-form .zr-btn .icon{width:20px;height:20px;margin-right:10px}
.zr-form .zr-btn span{font-size:14px;font-weight:400;color:#FFFFFF;padding-right:15px;padding-left:15px}
.zr-form .form-info{font-size:14px !important;font-weight:400;color:#2D2D2D}
.form-table{display:-webkit-box;overflow: auto;display:-webkit-flex;display:-ms-flexbox;display:flex;width:1025px}
.form-table table{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:auto;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.form-table table:first-child{border-radius:10px}
.form-table .form-tab-operation{margin-left:10px;margin-top:38px;margin-right:90px}
.form-table .form-tab-operation .item{padding-top:3px;height:39px}
.h10{height:10px}
.sidebar-content-item .form-group.form-group-btn .gxs-btn{width:auto;padding:0 15px}
.management-heads{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:10px;border-radius:10px;overflow:hidden;height:38px;position:relative;z-index:9}
.management-heads .management-head{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;-webkit-border-radius:0;border-radius:0}
.according-management{background:#fff}
.according-management .management-heads{width:693px}
.according-management .management{width:693px}
.according-table table,.equipment-table table{border-top:0}
.according-table table thead tr th,.equipment-table table thead tr th{border-top:1px solid #CFD9E0}
.card{width:862px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.card .card-head{height:37px;background:#F8F8F8;font-size:15px;font-weight:400;color:#000;line-height:37px;padding-left:20px}
.card .card-body{padding:10px 0;border:1px solid #CFD9E0;-webkit-border-radius:10px;border-top-left-radius:0px;border-top-right-radius:0px}
.check-units{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.check-units .item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.check-units .gxs-check-label .gxs-check:checked+.gxs-icon+.unit-name{background:#00B357;border:1px solid #00B357;border-radius:10px}
.check-units .gxs-check-label .unit-name{padding:5px 10px;background:#FFFFFF;border:1px solid #0085C9;-webkit-border-radius:10px;border-radius:10px;font-size:14px;font-weight:400;color:#303030;line-height:20px;margin-left:10px;margin-right:10px}
.check-units .gxs-check-label .unit-name p{font-size:14px}
.equipment-management .equipment-table,.equipment-management .management-head{width:922px}
.select-equipment{width:607px}
.select-equipment .management-head{width:100%}
.select-equipment .form-group{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}
.select-equipment .form-group label{position:relative;left:0;top:0;display:block;width:149px;height:38px;-webkit-box-shadow:0 0 0px 0 rgba(0,0,0,0.08);box-shadow:0 0 0px 0 rgba(0,0,0,0.08);font-size:14px;font-weight:400;color:#000000;line-height:38px;background:#F0F0F0;border-top-left-radius:0px;border:1px solid #CFD9E0}
.select-equipment .form-group .select{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:auto !important;margin-bottom:0}
.equipment-management{background:#fff}
.sidebar-projects-content{background:#fff;border-radius:10px;display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.sidebar-projects-content .projects{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.sidebar-projects-content .projects .item{width:25%}
.projects.plus .project{border:1px solid #D8D8D8}
.projects.plus .project-add{cursor:pointer;width:100%;height:339.49px;border:1px solid #D8D8D8;background:url("../images/project-add.png") no-repeat center center}
.transform-translate{-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.gxs-alerts{display:none;position:fixed;top:50%;left:50%;right:0;text-align:center;z-index:99;-webkit-transition:1s all;-o-transition:1s all;transition:1s all;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.gxs-alerts.gxs-alert-show{opacity:1;z-index:999}
.gxs-alerts .gxs-alert{display:inline-block;width:auto;height:auto;background:#fff;border:1px solid #ccc;padding:10px;color:#000;text-align:center;-webkit-border-radius:10px;border-radius:10px}
.display-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.gxs-dialogs{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;display:none}
.gxs-dialogs.dialog-show{-webkit-transition:1s all;-o-transition:1s all;transition:1s all;opacity:1;z-index:999}
.gxs-dialogs .gxs-dialog{border-radius:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;top:50%;left:50%;z-index:10;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:279px;height:auto;background:#fff}
.gxs-dialogs .gxs-dialog.lg{width:393px;border-radius:10px}
.gxs-dialogs .gxs-dialog.xl{width:573px;border-radius:10px}
.gxs-dialogs .gxs-dialog.border-radius{-webkit-border-radius:8px;border-radius:8px;overflow:hidden}
.gxs-dialogs .gxs-dialog .gxs-dialog-hd{border-radius:10px 10px 0px 0px;padding:0;background:#0085C9;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.gxs-dialogs .gxs-dialog .gxs-dialog-hd .gxs-dialog-title{font-size:14px;line-height:37px;color:#fff;text-align:left;margin:0;padding:0 13px}
.gxs-dialogs .gxs-dialog .gxs-dialog-hd .gxs-icon-close{cursor:pointer;margin-right:12px;width:12px;height:12px;background:url(../images/icon-close.png) no-repeat center center;-webkit-background-size:100% 100%;background-size:100% 100%}
.gxs-dialogs .gxs-dialog .gxs-dialog-bd{padding:0}
.gxs-dialogs .gxs-dialog .gxs-dialog-bd .input{width:100%;-webkit-border-radius:0;border-radius:0;border:1px solid #0085C9;background:none}
.gxs-dialogs .gxs-dialog .gxs-dialog-bd .input input{color:#1F1F1F}
.gxs-dialogs .gxs-dialog .gxs-dialog-ft{padding:10px 15px 15px}
.gxs-dialogs .gxs-dialog .gxs-dialog-ft .gxs-dialog-btn{width:100%;padding:0 10px;height:32px;background:#0085C9;border:1px solid #0085C9;-webkit-border-radius:0;border-radius:0;font-size:14px;font-weight:400;color:#FFFFFF}
.gxs-dialogs .gxs-dialog .gxs-dialog-ft .gxs-dialog-btn-default{background:#0157BF;border:1px solid #0085C9}
.gxs-dialogs .gxs-dialog .gxs-dialog-ft .gxs-dialog-btn-warning{background:#FF6A19;border:1px solid #FF6A19;border-radius:100px}
.gxs-dialogs .gxs-dialog .gxs-dialog-ft .gxs-dialog-btn:nth-child(2){border-left:1px solid #e5e5e5}
.gxs-dialogs .gxs-dialog .gxs-dialog-ft>.gxs-dialog-btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.gxs-dialogs .gxs-dialog .gxs-dialog-ft>.gxs-dialog-btns .gxs-dialog-btn{width:auto;padding:0 20px}
.gxs-dialogs .gxs-dialog-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.5;z-index:9}
.equipment-project-edit .equipment-pic{width:100%;height:auto}
.equipment-project-edit .equipment-body{padding:0 15px}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}
.flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3}
.mb-5{margin-bottom:5px;border-radius:10px}
.del-equipment{padding:40px 55px 25px}
.del-equipment .info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:26px}
.del-equipment .info img{margin-right:8px}
.del-equipment .info span{font-size:14px;font-weight:400;color:#1B1B1B}
.del-equipment input{border-radius:10px;width:100%;height:57px;border:1px solid #CFD9E0;text-align:center;font-size:14px;font-weight:400;color:#3B3B3B}
.calibration{padding:15px 15px 0}
.calibration .info{padding-bottom:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.calibration .info .form-group{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-left:100px;border:1px solid #0085C9}
.calibration .info .form-group label{width:100px}
.calibration .info .form-group .input{border:0}
.calibration .info .search{width:100%;padding:0}
.calibration .info .search input{border-radius:100px;width:auto;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.calibration textarea{border-radius:10px;padding:10px;outline:0;display:block;width:100%;border:1px solid #CFD9E0;height:251px;font-size:14px;font-weight:400;color:#1B1B1B}
.calibration .select-equipment-id{margin-top:0;padding-top:0}
.calibration .select-equipment-id .select-equipment-id-cotnent .gxs-check-label .gxs-check:checked+span{background:#0085C9}td.checked{background:#00B357 !important}td.edited{padding-left:10px !important;padding-right:10px}td.edited input{height:28px;padding:0 5px;display:block;width:100%;display:none;border-radius:100px}td.edited span{display:block}td.edit input{display:block}td.edit span{display:none}
.hide{display:none !important}
.jq-save-edit-btn:disabled{background:#0085C9}
.project-unit{overflow:hidden !important}
.project-unit .peoject-unit-content{border-top:1px solid #CFD9E0;height:101px;overflow-y:auto}
.project-unit .peoject-unit-content table{border-bottom:1px solid #CFD9E0}
.project-unit .peoject-unit-content table tr:first-child th{border-top:0}
.project-unit .peoject-unit-content table tr:first-child td{border-top:0}
.project-unit .peoject-unit-content table tr:last-child th{border-bottom:0}
.project-unit .peoject-unit-content table tr:last-child td{border-bottom:0}
.sidebar-container .sidebar-content.map-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}
.sidebar-container .sidebar-content.map-content #map{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.map-nav{position:absolute;right:40px;top:60px;width:86px;background:rgba(255,255,255,0.6);border:1px solid #0085C9;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);box-shadow:0 0 5px 0 rgba(0,0,0,0.5);-webkit-border-radius:10px 5px 5px 5px;border-radius:10px 10px 10px 10px}
.map-nav .gxs-check-label{height:34px;text-align:center}
.map-nav .gxs-check-label input:checked+span{background:#0157BF;color:#fff}
.map-nav .gxs-check-label span{margin-left:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;line-height:34px}
.gm-style-iw-a .project{width:278px;border:0;margin:0}
.gm-style-iw-a .project .project-table{padding:0;padding-bottom:10px;margin-bottom:10px}
.gm-style-iw-a .project .project-unit{padding:0;border:0;height:102px}
.gm-style .gm-style-iw-c{background:rgba(255,255,255,0.8)}
.gxs-style:after{background:#4CB050 !important}
.gxs-style .gm-style-iw-c{background:#4CB050 !important}
.gxs-style .gm-style-iw-d{background:#4CB050 !important}
.gxs-style .gm-style-iw-d:-webkit-scrollbar-track-piece{background:#4CB050 !important}
.gxs-style .gm-style-iw-d::-webkit-scrollbar-track-piece{background:#4CB050 !important}
.gxs-style .concentration{color:#fff;border-radius:10px}
.gxs-style .gm-ui-hover-effect{display:none !important}
.ref-gxs-style:after{background: #b55800 !important}
.ref-gxs-style .gm-style-iw-c{background:#B55800 !important}
.ref-gxs-style .gm-style-iw-d{background:#B55800 !important}
.ref-gxs-style .gm-style-iw-d:-webkit-scrollbar-track-piece{background:#B55800 !important}
.ref-gxs-style .gm-style-iw-d::-webkit-scrollbar-track-piece{background:#B55800 !important}
.ref-gxs-style .concentration-ref{color:#fff;border-radius:10px}
.ref-gxs-style .gm-ui-hover-effect{display:none !important}
.ParameterDisplay{overflow-y:auto;overflow-x:hidden}
.xiangmus{min-height:842px;}
.xiangmu .project-pic{height:182px;overflow:hidden}
.xiangmu .project-pic img{width:100%;height:182px;-o-object-fit:cover;object-fit:cover}
.shebeis{min-height:1030px}
.shebei .project-pic{height:224px;overflow:hidden}
.shebei .project-pic img{width:100%;height:224px;-o-object-fit:cover;object-fit:cover}
.plus{height:777px}
.plus .project-pic{height:193px;overflow:hidden}
.plus .project-pic img{width:100%;height:193px;-o-object-fit:cover;object-fit:cover}
.sidebar-project .project-pic{height:193px;overflow:hidden}
.sidebar-project .project-pic img{width:100%;height:193px;-o-object-fit:cover;object-fit:cover}
.sidebar-project .project .project-table table{-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px}@media (max-width:1440px){.header{padding:0 15px}
.header .navbar .navbar-ul .navbar-item{padding:0 10px}}
.management .management-head,.according-table .management-head{border-bottom:1px solid #CFD9E0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;background:#F8F8F8;color:#000000}
.user-table{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100% !important}
.user-table .form-table{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.user-table .form-table td{height:70px;text-align:center}
.user-table .userDevices{width:110px;-webkit-box-flex:0;-webkit-flex:0 110px;-ms-flex:0 110px;flex:0 110px;margin-left:40px}
.el-table{border-top-right-radius:10px;background:#FAFAFA !important;border:0px solid #CFD9E0;border-top:0px solid #F8F8F8;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.el-table .tabulator-col{border:0 !important;background:#F8F8F8 !important;height:36px !important;line-height:28px !important;color:#000 !important;text-align:center !important;font-size:14px;font-family:MicrosoftYaHeiLight;font-weight:400;color:#FFFFFF;border-top:0px solid #F8F8F8;border-left:0px solid #F8F8F8;border-right:0px solid #F8F8F8}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter{margin-top:-28px;;border-left:0px solid #F8F8F8;border-right:0px solid #F8F8F8;position:relative;}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter:after,.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter:before{border-left:0px solid #F8F8F8;border-right:0px solid #F8F8F8;border:6px solid transparent;border-top:6px solid #0085C9;width:0;height:0;position:absolute;top:9px;right:0px;z-index:999;content:' '}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter:before{border-top-color:#fff;top:11px}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter input{ime-mode:disabled;font-size:14px;font-family:MicrosoftYaHeiLight;font-weight:400;color:#000000;background:#0085C9 !important;border:0;position:relative;cursor:pointer !important}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter input::-webkit-input-placeholder{color:#fff !important}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter input::-moz-placeholder{color:#fff !important}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter input:-ms-input-placeholder{color:#fff !important}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter input::-ms-input-placeholder{color:#fff !important}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter input::placeholder{color:#fff !important}
.el-table .tabulator-col .tabulator-col-title-holder+.tabulator-header-filter input:hover{cursor:pointer !important}
.el-table .tabulator-tableHolder{-webkit-box-sizing:border-box;box-sizing:border-box}
.el-table .tabulator-row.tabulator-selected .tabulator-cell{background:none}
.el-table .tabulator-cell{border:1px solid #CFD9E0;height:36px;line-height:28px;color:#292929;text-align:center}
.el-table .tabulator-cell:last-child{border-right:1px solid #CFD9E0 !important}
.el-table .tabulator-cell.tabulator-editing{border:1px solid #1D68CD;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.tabulator-arrow{top:14px !important;color:#fff !important;border-bottom-color:#fff !important}
.tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-top:6px solid rgba(255,255,255,0.5)}
.user-project .form-group{padding-left:125px}
.user-project .form-group.important .input{border:1px solid #107C10}
.user-project .form-group.important label{background:#107C10;color:#fff}
.user-project .form-group label{width:125px}
.user-project .form-group .input{border:1px solid #CFD9E0}
.according-management .selective-pollutant{width:1025px;max-width:100%}
.according-management .selective-pollutant th{border-top:0px solid #CFD9E0;min-width:80px;background:#F0F0F0;color:#000000;font-size:14px}
.according-management .selective-pollutant thead td{border-right:1px solid #CFD9E0;text-align:center}
.according-management .selective-pollutant tbody th{border-right:1px solid #CFD9E0;border-top:1px solid #CFD9E0}
.according-management .selective-pollutant tbody td{padding:0;text-align:center}
.according-management .selective-pollutant tbody tr:last-child td:first-child{border-radius:0px 0px 0px 10px}
.according-management .selective-pollutant tbody tr:last-child td:last-child{border-radius:0px 0px 10px 0px}
.according-management .selective-pollutant tbody td .gxs-check-label{width:28px;margin:0 auto}
.according-management .selective-pollutant .form-group{-webkit-border-radius:0;border-radius:0;padding:0;width:auto;margin:-1px}
.according-management .selective-pollutant .form-group label{display:none}
.according-management .selective-pollutant .form-group .select{-webkit-border-radius:0;border-radius:0}
.according-management .selective-pollutant .form-group .select select{position:relative;top:-3px}
.export-data{margin-top:15px;padding:0 !important}
.export-management{background:none}
.export-management .screening{border-bottom:0}
.export-management .sidebar-content-item{background:#fff}
.export-data-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #E3E9ED;padding:15px}
.export-data-head .b-tabs{width:300px;margin:0 25px;height:32px;border:1px solid #F77539;-webkit-border-radius:10px;border-radius:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.export-data-head .item{cursor:pointer;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;font-family:MicrosoftYaHeiLight;font-weight:400;color:#000000;height:30px;line-height:30px;text-align:center}
.export-data-head .item.active{color:#FFFFFF;background:#F77539;border-bottom-left-radius:9px;border-top-left-radius:9px}
.export-data-body{padding:15px;width:100%}
.export-data-body .el-table{width:100%}
.nu-tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:-1px;position:relative;z-index:99}
.nu-tabs .item{cursor:pointer;width:153px;height:37px;background:#F0F0F0;-webkit-box-shadow:0 0 0px 0 rgba(0,0,0,0.08);box-shadow:0 0 0px 0 rgba(0,0,0,0.08);margin-right:1px;font-size:14px;font-family:MicrosoftYaHeiLight;font-weight:400;color:#AAAAAA;line-height:37px;text-align:center}
.nu-tabs .item:first-child{border-radius:10px 0px 0px 0px}
.nu-tabs .item:last-child{border-radius:0px 10px 0px 0px}
.nu-tabs .item.active{background:#F8F8F8;color:#000000}
.tabulator .tabulator-footer .tabulator-page.active{color:#000000}
.edit-userinfo-dialogs .gxs-dialog{width:320px}
.edit-userinfo-dialogs .gxs-dialog-btns .gxs-dialog-btn{margin:0 5px !important}
.edit-password-dialogs .gxs-dialog{width:320px}
.edit-password-dialogs .gxs-dialog-btns .gxs-dialog-btn{margin:0 5px !important}
.edit-userinfo-form{padding:15px 15px 0;border-bottom:1px solid #CFD9DF}
.edit-userinfo-form .form-group{margin-bottom:15px;padding-left:113px}
.edit-userinfo-form .form-group label{width:113px}
.edit-userinfo-form .form-group.important .input{border:1px solid #107C10}
.edit-userinfo-form .form-group.important label{background:#107C10;color:#fff}
.tabulator .tabulator-footer{background:#FAFAFA;border:0;border-top:1px solid #CFD9E0;color:#000000}
.fileUpdata{margin-bottom:15px}
.fileUpdata img{width:100%;display:block;margin-bottom:15px}
.fileUpdata input{display:none}
.fileUpdata label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.fileUpdata label .gxs-btn{width:100%;padding:0 15px;cursor:pointer;line-height:32px}
.nu-content .el-table{display:none}
.nu-content .active{display:block}
.cursor-default .tabulator-cell{cursor:default}
/*# sourceMappingURL=./style.css.map */
:root {
    --code-color: darkred;
    --code-bg-color: #f6f6f6;
    --code-font-size: 14px;
    --code-line-height: 1.4;
    --scroll-bar-color: #c5c5c5;
    --scroll-bar-bg-color: #f6f6f6;
}
pre {
    color: var(--code-color);
    font-size: var(--code-font-size);
    line-height: var(--code-line-height);
    background-color: var(--code-bg-color);
}

.code-block {
    max-height: 100px;
    overflow: auto;
    padding: 8px 7px 5px 15px;
    margin: 0px 0px 0px 0px;
    border-radius: 7px;
}
* {
    scrollbar-width: thin;
    scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

*::-webkit-scrollbar-track {
    background: var(--scroll-bar-bg-color);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar-color);
    border-radius: 20px;
    border: 3px solid var(--scroll-bar-bg-color);
}