/*字体引进*/
html,body{
    height:100%;
    min-height: 100%;
    width: 100%;
	min-width: 1440px;
    background: url(../images/white-diamond.png) ,linear-gradient(0deg, #2C4E8F, #2C4E8F), #121A49;
    background-repeat: repeat;
    /*background-attachment: fixed;
    font-family: YouSheBiaoTiHei;*/
    margin: 0px;
	//display: flex;
}
@font-face {
    font-family:YouSheBiaoTiHei;
    src: url('../fonts/YouSheBiaoTiHei-2.eot');
    src: url('../fonts/YouSheBiaoTiHei-2.eot?9hcnft#iefix') format('embedded-opentype'),
         url("../fonts/YouSheBiaoTiHei-2.ttf")format('truetype');
}
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?9hcnft');
    src:  url('../fonts/icomoon.eot?9hcnft#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?9hcnft') format('truetype'),
    url('../fonts/icomoon.woff?9hcnft') format('woff'),
    url('../fonts/icomoon.svg?9hcnft#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
/*图片不失真*/
img  {
    image-rendering: optimizeQuality;  /* Firefox 3.6+; default behavior is identical, no need to specify */
    -ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0; default in IE8+ */
}
/*=====2022-02-12添加字体颜色（用于判断报警列表中的）start=============*/
.fontscolorSeaGreen1 {
  color: #77f69c !important;
  font-weight: bold;
}
.fontscolorYellow {
  color: #f2ff5a !important;
  font-weight: bold;
}
.fontscolorHotPink1 {
  color: #ff59a9 !important;
  font-weight: bold;
}
.fontscolorOrange1 {
  color: #ffac30 !important;
  font-weight: bold;
}
.fontscolorHotPink2 {
  color: #ec95bf !important;
  font-weight: bold;
}
.fontscolorLightSalmon1 {
  color: #faba80 !important;
  font-weight: bold;
}
.fontscolorSpringGreen2 {
  color: #2adf52 !important;
  font-weight: bold;
}
.fontscolorGreen {
  color: #6ff69d !important;
  font-weight: bold;
}
.fontscolorCyan {
  color: #5bf5ff !important;
  font-weight: bold;
}
.fontscolorOrange2 {
  color: #ffcc48 !important;
}

.fonthredFF4A4A {
  color: #ff4a4a !important;
}
.fonthorangeFFAD32 {
  color: #ffad32 !important;
}
/*=====2022-02-12添加字体颜色（用于判断报警列表中的）end=============*/
.body{
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    /*background-attachment: fixed;*/
    /*background: url(../images/white-diamond.png) ;*/
    /*background-color: #121A49 ;*/
    /*background-repeat: repeat;*/
    /*font-family: YouSheBiaoTiHei;*/
}
.embedheard{
    position: fixed;
    z-index: 10;
    width: 100%;
    height: auto;
}
.embedheard:hover{
    height: 200px;
}
/*中心内容层的控制*/
.center_content{
    position: absolute;
    width:100%;
	min-width: 1440px;
    margin: 1rem auto auto auto;

    font-family: YouSheBiaoTiHei;
    font-style: normal;
    font-weight: normal;

    /* identical to box height */
    color: #FFFFFF;
}
.fonth48,.fonth36,.fonth28,.fonth24,.fonth20,.fonth18,.fonth16,.fonth14{
    font-family: YouSheBiaoTiHei;
    font-style: normal;
    font-weight: normal;

    color: #FFFFFF;
}
.fonth48{
    font-size:.48rem;
}
.fonth36{
    font-size: .36rem;
    /* identical to box height */
    text-align: center;
    vertical-align: middle;
}
.fonth32{
    font-size: .32rem;
    text-align: center;
    vertical-align: middle;
}
.fonth28{
    font-size: .28rem;
    line-height: .36rem;
}
.fonth24{
    font-size: .24rem;
    line-height: .28rem;
}
.fonth20{
    font-size: .20rem;
    line-height: .26rem;
}
.fonth20o4{
    color: rgba(255, 255, 255, 0.47) !important;
}
.fonth18{
    font-size: .18rem;
    line-height: .23rem;
}
.fonth18green {
    color: #27FD55;
}
.fonth18red{
    color: #FF2F2F;
}
.fonth18yellow{
    color: #FBFF48;
}
.fonth16{
    font-size: .16rem;
    line-height: .16rem;
    color: rgba(255, 255, 255, 0.8) !important;
}
.fonth14{
    font-size: .14rem;
    line-height: .32rem;
}

.paddingR94p{
    padding-right: 94%;
}
.marginL17{
    margin-left: .17rem;
}
.textAlignRight{
    text-align: right;
}


/*在边框中加粗四角的样式*/
.capacitor_status_edgingfour{
    background: linear-gradient(to left, #FFFFFF, #FFFFFF) left top no-repeat,
    linear-gradient(to bottom, #FFFFFF, #FFFFFF) left top no-repeat,
    linear-gradient(to left, #FFFFFF, #FFFFFF) right top no-repeat,
    linear-gradient(to bottom, #FFFFFF, #FFFFFF) right top no-repeat,
    linear-gradient(to left, #FFFFFF, #FFFFFF) left bottom no-repeat,
    linear-gradient(to bottom, #FFFFFF, #FFFFFF) left bottom no-repeat,
    linear-gradient(to left, #FFFFFF, #FFFFFF) right bottom no-repeat,
    linear-gradient(to left, #FFFFFF, #FFFFFF) right bottom no-repeat;
    background-size: 2px 9px, 9px 2px, 2px 9px, 9px 2px;
}
/*弹出层加粗四个角的样式*/
.popdiv_edgingfour{
    background: linear-gradient(to left, #FFFFFF, #FFFFFF) left top no-repeat,
    linear-gradient(to bottom, #FFFFFF, #FFFFFF) left top no-repeat,
    linear-gradient(to left, #FFFFFF, #FFFFFF) right top no-repeat,
    linear-gradient(to bottom, #FFFFFF, #FFFFFF) right top no-repeat,
    linear-gradient(to left, #FFFFFF, #FFFFFF) left bottom no-repeat,
    linear-gradient(to bottom, #FFFFFF, #FFFFFF) left bottom no-repeat,
    linear-gradient(to left, #FFFFFF, #FFFFFF) right bottom no-repeat,
    linear-gradient(to left, #FFFFFF, #FFFFFF) right bottom no-repeat;
    background-size: 25px 3px, 3px 25px, 25px 3px, 3px 25px;
}
/*详情小方块内背景+字体样式*/
.capacitor_status_edging{
    width: .92rem;
    min-height: .45rem;
    text-align: center;

    border: 1px solid #9FD1FF;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.15) !important;

    font-family: Microsoft YaHei;
    font-style: normal;
    font-weight: normal;
    font-size: .13rem;
    line-height: .18rem;

    color: #FFFFFF;
}
/*详情小方块内标题样式*/
.capacitor_status_meau{
    width: .70rem;
    height: .16rem;
    background: #9FD1FF !important;
    opacity: 0.8;

    font-family: Microsoft YaHei;
    font-style: normal;
    font-weight: bold;
    font-size: .14rem;
    line-height: .16rem;
    text-align: center;
    color:  #3B5383;
    margin: 0 auto;
	overflow:hidden;
}
/*-----------总图线路样式start------------------------------*/

.circuitryborderdiv{
    position: relative;
    width: 95%;
    line-height: 4.60rem;
    margin: .05rem .45rem;
    height: 4.37rem;
}
.circuitryborderdiv svg{
    vertical-align:middle;
}
.circuitryborderdiv>div{
    position: relative;
    float: left;
}
.circuitryborderdiv>div:not(:first-child):not(:last-child){
    margin-right:.05rem;
    margin-left: .02rem;
}
/*设置线路图中图片和文字的上下位置*/
.circuitryborderdiv div:not(:first-child) span.fonth18 {
    width: 100%;
    text-align: center;
    display: block;
    zoom:1;
    margin-top: -.60rem;
}
.namediv{
    width: 2.80rem;
    height: 100%;
    vertical-align: middle;
}
.namediv span{
    position: relative;
    width: 1.45rem;
}
.namediv svg{
    position: relative;
    width: 0.90rem;
    height: .16rem;
    margin-left: -.5rem;
}
.circuitrydetailborderleft{
    position: relative;
    float: left;
}
.circuitrydetailborderright{
    float: right;
    margin-left: .13rem;
    margin-top: 1.84rem;
}
.circuitrydetailborderright ul{
    list-style: none;
    padding-inline-start: 0px;
}
.circuitrydetailborderright ul li{
    float: left;
    margin-right: .05rem;
}
.circuitrydetailborderright div{
    margin-bottom: .05rem;
}

.transformerborder>.circuitrydetailborderright{
    margin-top:1.05rem;
}
.fonthicon{
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    font-size: .26rem;
    /* identical to box height */
    text-shadow:0px 0px 5px rgba(134, 117, 255, 0.5);
    /*background: #FFFFFF;rgba(0,0,0,0.4)*/
    color: #FFAC30;;
}
.cabinetNumRemark{
    position: absolute;
    top: -1.59rem;
}

.transformerimg{
    width: 2.76rem;
    height: 2.66rem;
}
.ggjimg{
    width: 1.20rem;
    height: 2.66rem;
}
.incomingcabinetimg{
    width: 1.20rem;
    height: 2.66rem;
}

/*-----------登录后首页css start ------------------------*/
.homepagebg{
    position: absolute;
    width: 100%;
    min-width: 1440px;
    height: calc(100% - .70rem);
    top:.70rem;
    background: url(../images/homepagebg.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    overflow: auto;
    z-index: 9;
}
.homepagetitle{
    position: relative;
    margin-top: 3.90rem;
    width: 100%;
    font-family: YouSheBiaoTiHei;
    font-style: normal;
    font-weight: normal;
    font-size: .90rem;
    line-height: 1.17rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
}
/*---------加载页面样式 start ----------------*/
.loaddivp{
    min-width: 100%;
    height: 100%;
    background: url(../images/white-diamond.png) ,linear-gradient(0deg, #2C4E8F, #2C4E8F), #121A49;
    background-repeat: repeat;
}
.loaddiv{
    position: absolute;
    width: 50%;
    height: 2.00rem;
    margin-top: 17%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	color:#ffffff;
}
.loaddata{
    //width: 2.46rem;
    //height: 1.74rem;
}
.loadsearch{
    position: absolute;
    left: 58%;
    top: 27%;
    //width: .55rem;
    //height: .55rem;
}
.loaddiv span{
    width: 100%;
    text-align: center;
    display: block;
    //font-size: .23rem;
    //line-height: .48rem;
}
.loaddiv .loadsearch{
    /*animation:spin 3s infinite linear;*/
    /*!*transform-origin:50% 150px;*!*/
    /*transform-origin:100px 100px;// 移动元素渲染的圆心位置，因为是位置父元素旋转，父元素的圆心是100px 100px*/
    animation: moveX 3s cubic-bezier(0.36,0,0.64,1) -1.5s infinite alternate, moveY 3s cubic-bezier(0.36,0,0.64,1) 0s infinite alternate;
}
@keyframes moveX{
    0% {left: 58%;}
    100% {left: 48%;}
}
@keyframes moveY{
    0% {top: 27%;}
    100% {top: 60%;}
}
/*---------加载页面样式 start ----------------*/