system-clients 4.0.1 → 4.0.3

package/src/styles/less/manageStyle/manageStyle/safeStyle.less

@@ -1,498 +1,498 @@
-
-
-/*分辨率@1920*1080*/
-@media screen and (max-width: 1920px) {
-  /*经营管控全局页面样式*/
-  .home-div {
-    font-family: PingFangSC-Regular;
-    background-image: url('/static/ManageHomePic/图层0.png');
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    /*width: 2304px;*/
-    /*height: 775px;*/
-    width: 100%;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .safe-navigation{
-    position: absolute;
-    width: 100%;
-    height: 10%;
-  }
-  .safe-title-div{
-    margin-top: 1%;
-    margin-left: 3%;
-    padding-top: 1%;
-    float: left;
-    min-width: 13%;
-    max-height: 65px;
-    text-align: center;
-    background-image: url('/static/ManageHomePic/图层519.png');
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-  }
-
-
-  /*菜单全局样式*/
-  .safe-navigation>.safe-menucol {
-    padding-left: 4%;
-    float: left;
-    width: 40%;
-    height: 100%;
-  }
-
-  /*菜单列样式*/
-  .safe-navigation>.safe-menucol>.safe-colname {
-    width: 100%;
-    height: 90%;
-    font-family: HanYi;
-    padding-top: 2%;
-    color: #00f7ff;
-    float: left;
-  }
-
-  /*单个菜单样式*/
-  .safe-navigation>.safe-menucol>.safe-colname div {
-    text-align: center;
-    padding-top: 3%;
-    width: 14%;
-    float: left;
-    height: 80%;
-    max-height: 60px;
-    letter-spacing: 0px;
-    font-family: HanYi;
-  }
-
-  .filiale{
-    font-family: PingFangSC-Regular;
-    float: right;
-    padding-top: 2%;
-    width: 11%;
-    font-size: 2rem;
-    color: white;
-    font-weight: bolder;
-  }
-  .filiale img{
-    margin-right: 5%;
-    width: 9%;
-  }
-  /*鼠标移入时菜单样式*/
-  .safe-navigation>.safe-menucol>.safe-colname div:hover {
-    font-size: 2rem;
-    background-image: url('/static/ManageHomePic/椭圆2.png');
-    background-repeat: no-repeat;
-    background-position: bottom;
-    background-size: 100% 6%;
-  }
-
-  /*未选中菜单的字体大小*/
-  .safe-navigation>.safe-menucol>.safe-colname .noclick {
-    font-size: 1.8rem;
-  }
-
-  /*已选中菜单样式*/
-  .safe-navigation>.safe-menucol>.safe-colname .click {
-    font-size: 2.2rem;
-    background-image: url('/static/ManageHomePic/椭圆2.png');
-    background-repeat: no-repeat;
-    background-position: bottom;
-    background-size: 100% 6%;
-  }
-
-  .new-manage{
-    float: right;
-    letter-spacing: 2px;
-    color: #ffffff;
-    font-size: 2.5rem;
-    height: 55%;
-    margin: 1% 2%;
-    padding: 10px 2%;
-    background-color: rgba(6, 84, 97, 0.22);
-    border: solid 1px rgba(105, 206, 210, 0.22);
-  }
-
-  /*正文内容样式*/
-  .safe-text {
-    position: absolute;
-    top: 10%;
-    width: 100%;
-    height: 92%;
-    background-color: rgba(1, 207, 242, 0.03);
-  }
-
-  /*分页面全局样式*/
-  .d3 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    /*background-color: #880000;*/
-  }
-
-  /*安全服务标题样式*/
-  .mfont {
-    margin-top: 2%;
-    float: left;
-    font-size: 3rem;
-    letter-spacing: 4px;
-    color: #ffffff;
-  }
-
-  /*主题字体样式*/
-  .safe-gradient-text {
-    width: 100%;
-    height: 100%;
-    font-size: 2.5rem;
-    font-family: HanYi;
-  }
-
-  /*主题字体颜色渐变样式*/
-  .safe-gradient-text-one {
-    background-image: -webkit-linear-gradient(bottom, #009ef1, #00f2fe, #00f7ff);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-  }
-
-  /*安全服务天数样式*/
-  .span-date {
-    color: #f7cb32;
-  }
-
-
-  //==========主页
-  /*小模块边框*/
-  .safe-border {
-    padding-top: 0.4%;
-    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
-    background-repeat: no-repeat;
-    background-size: 1.5px 11px, 11px 1.5px;
-    background-color: rgba(1, 207, 242, 0.05);
-  }
-
-  /*用户模块样式*/
-  .safe-user {
-    position: absolute;
-    float: left;
-    width: 33%;
-    height: 30%;
-    left: 2%;
-  }
-
-  /*陕西地图*/
-  .safe-shanximap {
-    position: absolute;
-    top:-5%;
-    left: 36%;
-    width: 28%;
-    height: 57%;
-  }
-
-  /*供销气量模块样式*/
-  .safe-gasvalue {
-    position: absolute;
-    left: 65%;
-    width: 33%;
-    height: 50%;
-  }
-
-  /*客服模块样式*/
-  .safe-callcenter {
-    position: absolute;
-    top: 32%;
-    width: 33%;
-    height: 25%;
-    left: 2%;
-  }
-
-  /*安检模块样式*/
-  .safe-safe {
-    position: absolute;
-    top: 59%;
-    width: 33%;
-    height: 35%;
-    left: 2%;
-  }
-
-  /*管网模块样式*/
-  .safe-network {
-    position: absolute;
-    top: 52%;
-    left: 65%;
-    width: 33%;
-    height: 42%;
-  }
-
-
-  /*监控模块样式*/
-  .safe-monitor {
-    position: absolute;
-    top: 59%;
-    height: 35%;
-    left: 36%;
-    width: 28%;
-  }
-   .label{
-     padding-top: 1%;
-     margin-left: 4%!important;
-     font-size: 1.5rem !important;
-   }
-
-}
-
-
-
-
-/*分辨率@1366*768*/
-@media screen and (max-width: 1366px) {
-  /*经营管控全局页面样式*/
-  .home-div {
-    font-family: PingFangSC-Regular;
-    background-image: url('/static/ManageHomePic/图层0.png');
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    /*width: 2304px;*/
-    /*height: 775px;*/
-    width: 100%;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .safe-navigation{
-    position: absolute;
-    width: 100%;
-    height: 10%;
-  }
-  .safe-title-div{
-    margin-top: 1%;
-    margin-left: 3%;
-    padding-top: 1%;
-    float: left;
-    min-width: 13%;
-    max-height: 46px;
-    text-align: center;
-    background-image: url('/static/ManageHomePic/图层519.png');
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-  }
-
-
-  /*菜单全局样式*/
-  .safe-navigation>.safe-menucol {
-    padding-left: 4%;
-    float: left;
-    width: 40%;
-    height: 100%;
-  }
-
-  /*菜单列样式*/
-  .safe-navigation>.safe-menucol>.safe-colname {
-    width: 100%;
-    height: 90%;
-    font-family: HanYi;
-    padding-top: 2%;
-    color: #00f7ff;
-    float: left;
-  }
-
-  /*单个菜单样式*/
-  .safe-navigation>.safe-menucol>.safe-colname div {
-    text-align: center;
-    padding-top: 3%;
-    width: 14%;
-    float: left;
-    height: 80%;
-    max-height: 50px;
-    letter-spacing: 0px;
-    font-family: HanYi;
-  }
-
-  .filiale{
-    font-family: PingFangSC-Regular;
-    float: right;
-    padding-top: 2%;
-    width: 11%;
-    font-size: 1.8rem;
-    color: white;
-    font-weight: bolder;
-  }
-  .filiale img{
-    margin-right: 5%;
-    width: 9%;
-  }
-  /*鼠标移入时菜单样式*/
-  .safe-navigation>.safe-menucol>.safe-colname div:hover {
-    font-size: 1.8rem;
-    background-image: url('/static/ManageHomePic/椭圆2.png');
-    background-repeat: no-repeat;
-    background-position: bottom;
-    background-size: 100% 6%;
-  }
-
-  /*未选中菜单的字体大小*/
-  .safe-navigation>.safe-menucol>.safe-colname .noclick {
-    font-size: 1.6rem;
-  }
-
-  /*已选中菜单样式*/
-  .safe-navigation>.safe-menucol>.safe-colname .click {
-    font-size: 1.8rem;
-    background-image: url('/static/ManageHomePic/椭圆2.png');
-    background-repeat: no-repeat;
-    background-position: bottom;
-    background-size: 100% 6%;
-  }
-
-  .new-manage{
-    float: right;
-    letter-spacing: 2px;
-    color: #ffffff;
-    font-size: 1.6rem;
-    height: 55%;
-    margin: 1% 2%;
-    padding: 5px 2%;
-    background-color: rgba(6, 84, 97, 0.22);
-    border: solid 1px rgba(105, 206, 210, 0.22);
-  }
-
-  /*正文内容样式*/
-  .safe-text {
-    position: absolute;
-    top: 10%;
-    width: 100%;
-    height: 92%;
-    background-color: rgba(1, 207, 242, 0.03);
-  }
-
-  /*分页面全局样式*/
-  .d3 {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    /*background-color: #880000;*/
-  }
-
-  /*安全服务标题样式*/
-  .mfont {
-    margin-top: 2%;
-    float: left;
-    font-size: 2rem;
-    letter-spacing: 4px;
-    color: #ffffff;
-  }
-
-  /*主题字体样式*/
-  .safe-gradient-text {
-    width: 100%;
-    height: 100%;
-    font-size: 1.9rem;
-    font-family: HanYi;
-  }
-
-  /*主题字体颜色渐变样式*/
-  .safe-gradient-text-one {
-    background-image: -webkit-linear-gradient(bottom, #009ef1, #00f2fe, #00f7ff);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-  }
-
-  /*安全服务天数样式*/
-  .span-date {
-    color: #f7cb32;
-  }
-
-
-  //==========主页
-  /*小模块边框*/
-  .safe-border {
-    padding-top: 0.4%;
-    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) left top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) right top,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
-    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
-    background-repeat: no-repeat;
-    background-size: 1.5px 11px, 11px 1.5px;
-    background-color: rgba(1, 207, 242, 0.05);
-  }
-
-  /*用户模块样式*/
-  .safe-user {
-    position: absolute;
-    float: left;
-    width: 33%;
-    height: 30%;
-    left: 2%;
-  }
-
-  /*陕西地图*/
-  .safe-shanximap {
-    position: absolute;
-    top:-5%;
-    left: 36%;
-    width: 28%;
-    height: 57%;
-  }
-
-  /*供销气量模块样式*/
-  .safe-gasvalue {
-    position: absolute;
-    left: 65%;
-    width: 33%;
-    height: 50%;
-  }
-
-  /*客服模块样式*/
-  .safe-callcenter {
-    position: absolute;
-    top: 32%;
-    width: 33%;
-    height: 25%;
-    left: 2%;
-  }
-
-  /*安检模块样式*/
-  .safe-safe {
-    position: absolute;
-    top: 59%;
-    width: 33%;
-    height: 35%;
-    left: 2%;
-  }
-
-  /*管网模块样式*/
-  .safe-network {
-    position: absolute;
-    top: 52%;
-    left: 65%;
-    width: 33%;
-    height: 42%;
-  }
-
-
-  /*监控模块样式*/
-  .safe-monitor {
-    position: absolute;
-    top: 59%;
-    height: 35%;
-    left: 36%;
-    width: 28%;
-  }
-  .label{
-    padding-top: 1%;
-    margin-left: 4%!important;
-    font-size: 1rem !important;
-  }
-
-}
+
+
+/*分辨率@1920*1080*/
+@media screen and (max-width: 1920px) {
+  /*经营管控全局页面样式*/
+  .home-div {
+    font-family: PingFangSC-Regular;
+    background-image: url('/static/ManageHomePic/图层0.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    /*width: 2304px;*/
+    /*height: 775px;*/
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .safe-navigation{
+    position: absolute;
+    width: 100%;
+    height: 10%;
+  }
+  .safe-title-div{
+    margin-top: 1%;
+    margin-left: 3%;
+    padding-top: 1%;
+    float: left;
+    min-width: 13%;
+    max-height: 65px;
+    text-align: center;
+    background-image: url('/static/ManageHomePic/图层519.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+
+
+  /*菜单全局样式*/
+  .safe-navigation>.safe-menucol {
+    padding-left: 4%;
+    float: left;
+    width: 40%;
+    height: 100%;
+  }
+
+  /*菜单列样式*/
+  .safe-navigation>.safe-menucol>.safe-colname {
+    width: 100%;
+    height: 90%;
+    font-family: HanYi;
+    padding-top: 2%;
+    color: #00f7ff;
+    float: left;
+  }
+
+  /*单个菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname div {
+    text-align: center;
+    padding-top: 3%;
+    width: 14%;
+    float: left;
+    height: 80%;
+    max-height: 60px;
+    letter-spacing: 0px;
+    font-family: HanYi;
+  }
+
+  .filiale{
+    font-family: PingFangSC-Regular;
+    float: right;
+    padding-top: 2%;
+    width: 11%;
+    font-size: 2rem;
+    color: white;
+    font-weight: bolder;
+  }
+  .filiale img{
+    margin-right: 5%;
+    width: 9%;
+  }
+  /*鼠标移入时菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname div:hover {
+    font-size: 2rem;
+    background-image: url('/static/ManageHomePic/椭圆2.png');
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100% 6%;
+  }
+
+  /*未选中菜单的字体大小*/
+  .safe-navigation>.safe-menucol>.safe-colname .noclick {
+    font-size: 1.8rem;
+  }
+
+  /*已选中菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname .click {
+    font-size: 2.2rem;
+    background-image: url('/static/ManageHomePic/椭圆2.png');
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100% 6%;
+  }
+
+  .new-manage{
+    float: right;
+    letter-spacing: 2px;
+    color: #ffffff;
+    font-size: 2.5rem;
+    height: 55%;
+    margin: 1% 2%;
+    padding: 10px 2%;
+    background-color: rgba(6, 84, 97, 0.22);
+    border: solid 1px rgba(105, 206, 210, 0.22);
+  }
+
+  /*正文内容样式*/
+  .safe-text {
+    position: absolute;
+    top: 10%;
+    width: 100%;
+    height: 92%;
+    background-color: rgba(1, 207, 242, 0.03);
+  }
+
+  /*分页面全局样式*/
+  .d3 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    /*background-color: #880000;*/
+  }
+
+  /*安全服务标题样式*/
+  .mfont {
+    margin-top: 2%;
+    float: left;
+    font-size: 3rem;
+    letter-spacing: 4px;
+    color: #ffffff;
+  }
+
+  /*主题字体样式*/
+  .safe-gradient-text {
+    width: 100%;
+    height: 100%;
+    font-size: 2.5rem;
+    font-family: HanYi;
+  }
+
+  /*主题字体颜色渐变样式*/
+  .safe-gradient-text-one {
+    background-image: -webkit-linear-gradient(bottom, #009ef1, #00f2fe, #00f7ff);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+
+  /*安全服务天数样式*/
+  .span-date {
+    color: #f7cb32;
+  }
+
+
+  //==========主页
+  /*小模块边框*/
+  .safe-border {
+    padding-top: 0.4%;
+    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
+    background-repeat: no-repeat;
+    background-size: 1.5px 11px, 11px 1.5px;
+    background-color: rgba(1, 207, 242, 0.05);
+  }
+
+  /*用户模块样式*/
+  .safe-user {
+    position: absolute;
+    float: left;
+    width: 33%;
+    height: 30%;
+    left: 2%;
+  }
+
+  /*陕西地图*/
+  .safe-shanximap {
+    position: absolute;
+    top:-5%;
+    left: 36%;
+    width: 28%;
+    height: 57%;
+  }
+
+  /*供销气量模块样式*/
+  .safe-gasvalue {
+    position: absolute;
+    left: 65%;
+    width: 33%;
+    height: 50%;
+  }
+
+  /*客服模块样式*/
+  .safe-callcenter {
+    position: absolute;
+    top: 32%;
+    width: 33%;
+    height: 25%;
+    left: 2%;
+  }
+
+  /*安检模块样式*/
+  .safe-safe {
+    position: absolute;
+    top: 59%;
+    width: 33%;
+    height: 35%;
+    left: 2%;
+  }
+
+  /*管网模块样式*/
+  .safe-network {
+    position: absolute;
+    top: 52%;
+    left: 65%;
+    width: 33%;
+    height: 42%;
+  }
+
+
+  /*监控模块样式*/
+  .safe-monitor {
+    position: absolute;
+    top: 59%;
+    height: 35%;
+    left: 36%;
+    width: 28%;
+  }
+   .label{
+     padding-top: 1%;
+     margin-left: 4%!important;
+     font-size: 1.5rem !important;
+   }
+
+}
+
+
+
+
+/*分辨率@1366*768*/
+@media screen and (max-width: 1366px) {
+  /*经营管控全局页面样式*/
+  .home-div {
+    font-family: PingFangSC-Regular;
+    background-image: url('/static/ManageHomePic/图层0.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    /*width: 2304px;*/
+    /*height: 775px;*/
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .safe-navigation{
+    position: absolute;
+    width: 100%;
+    height: 10%;
+  }
+  .safe-title-div{
+    margin-top: 1%;
+    margin-left: 3%;
+    padding-top: 1%;
+    float: left;
+    min-width: 13%;
+    max-height: 46px;
+    text-align: center;
+    background-image: url('/static/ManageHomePic/图层519.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+
+
+  /*菜单全局样式*/
+  .safe-navigation>.safe-menucol {
+    padding-left: 4%;
+    float: left;
+    width: 40%;
+    height: 100%;
+  }
+
+  /*菜单列样式*/
+  .safe-navigation>.safe-menucol>.safe-colname {
+    width: 100%;
+    height: 90%;
+    font-family: HanYi;
+    padding-top: 2%;
+    color: #00f7ff;
+    float: left;
+  }
+
+  /*单个菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname div {
+    text-align: center;
+    padding-top: 3%;
+    width: 14%;
+    float: left;
+    height: 80%;
+    max-height: 50px;
+    letter-spacing: 0px;
+    font-family: HanYi;
+  }
+
+  .filiale{
+    font-family: PingFangSC-Regular;
+    float: right;
+    padding-top: 2%;
+    width: 11%;
+    font-size: 1.8rem;
+    color: white;
+    font-weight: bolder;
+  }
+  .filiale img{
+    margin-right: 5%;
+    width: 9%;
+  }
+  /*鼠标移入时菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname div:hover {
+    font-size: 1.8rem;
+    background-image: url('/static/ManageHomePic/椭圆2.png');
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100% 6%;
+  }
+
+  /*未选中菜单的字体大小*/
+  .safe-navigation>.safe-menucol>.safe-colname .noclick {
+    font-size: 1.6rem;
+  }
+
+  /*已选中菜单样式*/
+  .safe-navigation>.safe-menucol>.safe-colname .click {
+    font-size: 1.8rem;
+    background-image: url('/static/ManageHomePic/椭圆2.png');
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100% 6%;
+  }
+
+  .new-manage{
+    float: right;
+    letter-spacing: 2px;
+    color: #ffffff;
+    font-size: 1.6rem;
+    height: 55%;
+    margin: 1% 2%;
+    padding: 5px 2%;
+    background-color: rgba(6, 84, 97, 0.22);
+    border: solid 1px rgba(105, 206, 210, 0.22);
+  }
+
+  /*正文内容样式*/
+  .safe-text {
+    position: absolute;
+    top: 10%;
+    width: 100%;
+    height: 92%;
+    background-color: rgba(1, 207, 242, 0.03);
+  }
+
+  /*分页面全局样式*/
+  .d3 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    /*background-color: #880000;*/
+  }
+
+  /*安全服务标题样式*/
+  .mfont {
+    margin-top: 2%;
+    float: left;
+    font-size: 2rem;
+    letter-spacing: 4px;
+    color: #ffffff;
+  }
+
+  /*主题字体样式*/
+  .safe-gradient-text {
+    width: 100%;
+    height: 100%;
+    font-size: 1.9rem;
+    font-family: HanYi;
+  }
+
+  /*主题字体颜色渐变样式*/
+  .safe-gradient-text-one {
+    background-image: -webkit-linear-gradient(bottom, #009ef1, #00f2fe, #00f7ff);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+
+  /*安全服务天数样式*/
+  .span-date {
+    color: #f7cb32;
+  }
+
+
+  //==========主页
+  /*小模块边框*/
+  .safe-border {
+    padding-top: 0.4%;
+    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) left top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) right top,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
+    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
+    background-repeat: no-repeat;
+    background-size: 1.5px 11px, 11px 1.5px;
+    background-color: rgba(1, 207, 242, 0.05);
+  }
+
+  /*用户模块样式*/
+  .safe-user {
+    position: absolute;
+    float: left;
+    width: 33%;
+    height: 30%;
+    left: 2%;
+  }
+
+  /*陕西地图*/
+  .safe-shanximap {
+    position: absolute;
+    top:-5%;
+    left: 36%;
+    width: 28%;
+    height: 57%;
+  }
+
+  /*供销气量模块样式*/
+  .safe-gasvalue {
+    position: absolute;
+    left: 65%;
+    width: 33%;
+    height: 50%;
+  }
+
+  /*客服模块样式*/
+  .safe-callcenter {
+    position: absolute;
+    top: 32%;
+    width: 33%;
+    height: 25%;
+    left: 2%;
+  }
+
+  /*安检模块样式*/
+  .safe-safe {
+    position: absolute;
+    top: 59%;
+    width: 33%;
+    height: 35%;
+    left: 2%;
+  }
+
+  /*管网模块样式*/
+  .safe-network {
+    position: absolute;
+    top: 52%;
+    left: 65%;
+    width: 33%;
+    height: 42%;
+  }
+
+
+  /*监控模块样式*/
+  .safe-monitor {
+    position: absolute;
+    top: 59%;
+    height: 35%;
+    left: 36%;
+    width: 28%;
+  }
+  .label{
+    padding-top: 1%;
+    margin-left: 4%!important;
+    font-size: 1rem !important;
+  }
+
+}