/*字体引进*/
html,body{
    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') format('embedded-opentype'),
         url("../fonts/youshebiaotihei-2.ttf")format('truetype');
}
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot');
    src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.svg') 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+ */
}
.body{
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    /*background-attachment: fixed;*/
    /*background: url(../fonts/ba3d199c7f2349dda9f9a36db9b35514.woff):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.50rem;
    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;
}

/*---------加载页面样式 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 ----------------*/