/** ---------------登录区域开始------------ */


/* 清除元素默认的内外边距 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* 让所有的斜体 不倾斜 */

em,
i {
    font-style: normal;
}


/* 去掉列表前面的小点 */

li {
    list-style: none;
}


/* 图片没有边框 去掉图片底侧的空白缝隙 */

img {
    border: 0;
    vertical-align: middle;
}

input{
    line-height:normal;
}


/* 让button 按钮 变成小手 */

button {
    cursor: pointer;
}


/* 取消链接的下划线 */

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #0080FF;
}

html,
body {
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    height: 100%;
    background-color: #314D79;
    background-size: 100% 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 100;
}

.bg {
    width: 100%;
    height: 100%;
    background: url(../images/eBUS_bg.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: -4;
    /* 允许点击穿透 (实用) */
    pointer-events: none;
}

.pointer-events {
    pointer-events: none;
}

.pointer-select {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}


.viewport {
    display:none;
    position: fixed;
    left:0px;
    top:0px;
    height: 100%;
    z-index: 10;
    margin: 0 auto;
    /* min-height: 11.25rem; */
}



.login {
    position: absolute;
    z-index: 50;
    width: 100%;
    height: 100%;
    background: url(../images/loginBoxBg.png) no-repeat;
    background-size: 100% 100%;
}

.login_title {
    position: absolute;
    width: 6.5125rem;
    height: .75rem;
    top: .25rem;
    left: .25rem;
    background: url(../images/loginTitle.png) no-repeat;
    background-size: 100% 100%;
}

.login_box {
    position: absolute;
    top: 3.5625rem;
    right: .65rem;
    width: 7.65rem;
    height: 5.0625rem;
    background: url(../images/loginBg.png);
    background-size: 100% 100%;
}

.login_line {
    position: absolute;
    top: .75rem;
    left: .7rem;
    height: 3.25rem;
}

.login_line p {
    margin-left: .25rem;
    margin-bottom: .125rem;
    color: #40C2F9;
    font-size: .3125rem;
}

.login_line input {
    outline: none;
    border: none;
    width: 5.65rem;
    height: .8375rem;
    color: #0A5778;
    font-size: .25rem;
    text-indent: .25rem;
    caret-color: #0A5778;
    background: url(../images/login_inputBg.png) no-repeat;
    background-size: 100% 100%;
}

.login_line input::-webkit-input-placeholder {
    color: #0A5778;
    font-size: .25rem;
}

.login_ks {
    cursor: pointer;
    position: absolute;
    bottom: .375rem;
    left: 50%;
    margin-left: -1.1187rem;
    width: 2.2375rem;
    height: .725rem;
    background: url(../images/login.png) -0.125rem -0.125rem;
    background-size: 2.4875rem 1.95rem;
}

.login_ks:hover {
    background: url(../images/login.png) -0.125rem -1.1rem;
    background-size: 2.4875rem 1.95rem;
}


/** ---------------首页区域开始------------ */

.home_left {
    position: absolute;
    margin-top: 1.35rem;
    left: .125rem;
    /* width: 5rem; */
    width: 20%;
    height: 78%;
    /* height: 8.875rem; */
    background-color: rgb(90, 145, 233);
    background: url(../images/profile_bg.png) no-repeat;
    background-size: 100% 100%;
}

.home_leftTitle {
    width: 100%;
}

.home_leftTitle>a {
    cursor: auto;
    position: relative;
    display: inline-block;
    width: 90%;
    margin: 0 auto;
    margin-top: .4375rem;
    margin-left: .5rem;
    padding-left: .2rem;
    color: #FFFFFF;
    font-size: .3125rem;
    border-left: .075rem solid #96E34E;
}

.home_leftCn {
    /* height: 7.5rem; */
    height: 82%;
    /* background-color: #005275; */
    margin: .25rem .525rem 0 .5rem;
    margin-bottom: 0;
    overflow: hidden;
}

.home_TitleImg {
    /* width: 4.8875rem; */
    width: 100%;
    height: 40%;
    /* height: 2.65rem; */
}

.home_TitleImg img {
    width: 100%;
    height: 100%;
}

.home_leftText {
    overflow-y: auto;
    width: 100%;
    /*height: 100%;*/
    /* height: 4.375rem; */
    height: 58%;
    margin: .1875rem 0 0 0;
    scrollbar-color: #40C2F9 rgba(255, 255, 255, 0.4);
    scrollbar-width: thin;
}

.home_leftText::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .0625rem rgba(0, 0, 0, 0.3);
    border-radius: .0625rem;
    background-color: rgba(255, 255, 255, 0.4);
}

.home_leftText::-webkit-scrollbar {
    width: .05rem;
    background-color: rgba(0, 0, 0, 0);
}

.home_leftText::-webkit-scrollbar-thumb {
    border-radius: .0625rem;
    -webkit-box-shadow: inset 0 0 .0625rem #40C2F9;
    background-color: #40C2F9;
}

.home_leftText p {
    margin-bottom: .25rem;
    margin-right: .1875rem;
    font-size: .1875rem;
    color: #fff;
}


/** ---------------首页区域结束------------ */


/** ---------------视频监控区域开始------------ */

.region_left {
    float: left;
    position: absolute;
    margin-top: 7%;
    /* width: 4.3625rem; */
    width: 18%;
    /* height: 9.75rem; */
    height: 80%;
    background: url(../images/videoLeft_bg.png) no-repeat;
    background-size: 100% 100%;
}

.region_leftTitle {
    position: relative;
    /* width: 3.8375rem; */
    width: 85%;
    height: 1.7125rem;
    background: url(../images/videoTitle_bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    overflow: hidden;
}

.region_leftTitleCBg {
    width: 80%;
    height: .4rem;
    margin: 0 auto;
    margin-top: .3125rem;
}

.region_leftTitleBg {
    position: absolute;
    width: 80%;
    height: .4rem;
    line-height: .4rem;
    background: linear-gradient(90deg, #D8D8D8 0%, rgba(216, 216, 216, 0.15) 100%);
    opacity: 0.16;
}

.region_leftTitleCBg>a {
    position: absolute;
    display: block;
    width: 72%;
    height: .4rem;
    line-height: .4rem;
    margin: 0 auto;
    margin-left: .175rem;
    border-bottom: .0125rem solid #00A3E8;
    color: #fff;
    font-size: .1875rem;
}

.region_leftTitleCBg>a>span {
    position: absolute;
    right: 0;
    color: #9FEF56;
}

.region_leftCn {
    width: 80%;
    margin: 0 auto;
}

.region_leftCn>li {
    position: relative;
    width: 100%;
    height: .375rem;
    line-height: .375rem;
    color: #fff;
    font-size: .1875rem;
    padding-left: .175rem;
}

.region_leftCn>li span {
    position: absolute;
    right: 5%;
    color: #EFD056;
}


/* 视频 */

.region_cameraLeft {
    position: absolute;
    float: left;
    z-index: 5;
    margin-top: 7%;
    /* width: 4.3625rem; */
    width: 18%;
    /* height: 9.75rem; */
    height: 80%;
    color: whitesmoke;
}

.overflow {
    cursor: pointer;
    /* width: 3.825rem; */
    /* height: 7.725rem; */
    height: 70%;
    overflow: hidden;
    margin: 0 auto;
    /* margin-top: 145px; */
    margin-top: 50%;
    /* margin-top: 2rem; */
}

.region_cameraLeft ul {
    margin: 0 auto;
    /* width: 3.825rem; */
    width: 85%;
    height: 100%;
    /* height: 7.725rem; */
}

.region_cameraLeft ul>li {
    margin-top: .0375rem;
    width: 100%;
    /* height: 1.9rem; */
    height: 24.5%;
}

.region_cameraLeft ul>li img {
    width: 100%;
    height: 100%;
}

.region_cameraRight {
    position: absolute;
    /* float: right; */
    right: 0;
    margin-top: 7%;
    /* width: 4.3625rem; */
    width: 18%;
    /* height: 9.75rem; */
    height: 80%;
    background: url(../images/videoRight_bg.png) no-repeat;
    background-size: 100% 100%;
}

.region_cameraRight ul {
    margin: 0 auto;
    /* width: 3.825rem; */
    width: 85%;
    height: 100%;
}

.region_cameraRight ul>li {
    margin-top: .0375rem;
    width: 100%;
    /* height: 1.9rem; */
    height: 24.5%;
    background-color: rgb(54, 51, 253);
}

.region_cameraRight ul>li img {
    width: 100%;
    height: 100%;
}


/* 摄像机树形结构 */

.region_leftContent {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.region_leftContentGB {
    width: 100%;
    height: 100%;
}


/* 摄像头 */

.region_leftContent_Icon {
    cursor: pointer;
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -0.125rem -0.125rem;
    background-size: 4.4625rem 3.65rem;
}

.region_leftContent_Icon:hover {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -0.125rem -1.0375rem;
    background-size: 4.4625rem 3.65rem;
}

.camera_Active {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -1.0375rem -0.125rem;
    background-size: 4.4625rem 3.65rem;
}


/* 关闭 */

.Camera_gb {
    cursor: pointer;
    background: url(../images/spritesNavBtn.png) -2.8625rem -2.8625rem!important;
    background-size: 4.4625rem 3.65rem!important;
}

.Camera_gb:hover {
    background: url(../images/spritesNavBtn.png) -3.775rem -0.125rem!important;
    background-size: 4.4625rem 3.65rem!important;
}

.region_leftContent h6 {
    font-weight: 400;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 25px;
    color: #191919;
    background-color: #FFFFFF;
    /* background: url(../images/camera_iconTitle_bg.png) no-repeat; */
    background-size: 100% 100%;
    margin: 0 auto;
    padding-top: .025rem;
    text-align: center;
}

.region_leftContent h6 span {
    width: .55rem;
    height: .55rem;
    padding-top: .025rem;
    float: right;
}

.region_leftContent h6 span img {
    width: .55rem;
    height: .55rem;
}


/** ---------------视频监控模块结束------------ */


/** ---------------门禁系统开始------------ */

.control_left {
    float: left;
    position: absolute;
    margin-top: 7%;
    /* width: 4.3625rem;
    height: 9.75rem; */
    width: 18%;
    height: 80%;
    background: url(../images/videoLeft_bg.png) no-repeat;
    background-size: 100% 100%;
}

.control_leftTitle {
    position: relative;
    /* width: 3.8375rem; */
    width: 85%;
    height: 2rem;
    background: url(../images/controlTitle_bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    overflow: hidden;
}

.control_leftTitleCBg {
    width: 80%;
    height: .4rem;
    margin: 0 auto;
    margin-top: .3125rem;
}

.control_leftTitleBg {
    position: absolute;
    width: 80%;
    height: .375rem;
    line-height: .375rem;
    border-left: .05rem solid #9FEF56;
}

.control_leftTitleCBg>a {
    cursor: auto;
    position: absolute;
    display: block;
    width: 72%;
    height: .4rem;
    line-height: .4rem;
    margin: 0 auto;
    margin-left: .175rem;
    border-bottom: .0125rem solid #00A3E8;
    color: #fff;
    font-size: .1875rem;
}

.control_leftTitleCBg>a>span {
    position: absolute;
    right: 0;
    color: #9FEF56;
}

.control_leftCn {
    width: 80%;
    margin: 0 auto;
}

.control_leftCn>li {
    position: relative;
    width: 100%;
    height: .375rem;
    line-height: .375rem;
    color: #fff;
    font-size: .1875rem;
    padding-left: .175rem;
}

.control_leftCn>li img {
    vertical-align: middle;
    margin-right: .0625rem;
    margin-bottom: .0375rem;
    width: .25rem;
    height: .25rem;
}

.control_leftCn>li span {
    position: absolute;
    right: 5%;
    color: #EFD056;
}

.control_leftTitleOff {
    position: relative;
    /* width: 3.8375rem; */
    width: 85%;
    height: 2rem;
    background: url(../images/controlTitleOff_bg.png) no-repeat;
    background-size: 100% 100%;
    margin: .25rem auto;
    overflow: hidden;
    color: #fff;
}

.mg {
    margin-top: .2125rem;
}

.control_leftTitleOff ul {
    width: 3.125rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: 0 auto;
    margin-left: .5625rem;
}

.control_leftTitleOff ul li {
    float: left;
    width: 1.375rem;
    font-size: .1875rem;
    height: 100%;
}

.control_leftTitleOff ul li img {
    margin-left: .0625rem;
    width: .5rem;
    height: .5rem;
}

.control_leftTitleSign {
    position: relative;
    /* width: 3.8375rem; */
    width: 85%;
    /* height: 5.125rem; */
    height: 51%;
    background: url(../images/controlRitleSign_Bg.png) no-repeat;
    background-size: 100% 100%;
    margin: .25rem auto;
    color: #fff;
}

.sg {
    padding-top: .25rem;
    margin-bottom: .3125rem;
}

.control_leftTitleSign ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 98%;
    height: .375rem;
    line-height: .375rem;
    padding: 0 .1875rem;
    margin: 0 auto;
}

.control_leftTitleSign ul:hover li {
    color: #9FEF56!important;
}

.Sign_pic {
    width: 100%;
    /* height: 4.1875rem; */
    height: 75%;
    overflow-y: auto;
    scrollbar-color: #40C2F9 rgba(255, 255, 255, 0.4);
    scrollbar-width: thin;
}

.Sign_pic::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .0625rem rgba(0, 0, 0, 0.3);
    border-radius: .0625rem;
    background-color: rgba(255, 255, 255, 0.4);
}

.Sign_pic::-webkit-scrollbar {
    width: .05rem;
    background-color: rgba(0, 0, 0, 0);
}

.Sign_pic::-webkit-scrollbar-thumb {
    border-radius: .0625rem;
    -webkit-box-shadow: inset 0 0 .0625rem #40C2F9;
    background-color: #40C2F9;
}

.Sign_pic ul {
    cursor: pointer;
}

.control_leftTitleSign ul li {
    height: .375rem;
    line-height: .375rem;
    /* padding: 0 .125rem; */
    font-size: .15rem;
    color: #74E3FD;
}

.control_leftTitleSign ul:nth-child(odd) {
    background: rgba(25, 52, 88, 0.5);
}


/* 门禁树形结构 */

.control_leftContent {
    position: absolute;
    left: 100%;
    /* width: 2.675rem; */
    /* height: 9.5875rem; */
    width: 60%;
    height: 95%;
    top: .125rem;
    /* background-color: lawngreen; */
    display: block;
}

.control_leftContent_Icon {
    cursor: pointer;
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -1.0375rem -1.0375rem;
    background-size: 4.4625rem 3.65rem;
}

.control_leftContent_Icon:hover {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -1.95rem -1.0375rem;
    background-size: 4.4625rem 3.65rem;
}

.cameraIcon_Active {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -1.95rem -0.125rem;
    background-size: 4.4625rem 3.65rem;
}

.control_leftContent h6 {
    font-weight: 400;
    width: 100%;
    height: .55rem;
    line-height: .55rem;
    font-size: .25rem;
    color: #fff;
    padding: 0 0 0 .125rem;
    background: url(../images/camera_iconTitle_bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    padding-top: .025rem;
}

.control_leftContent h6 span {
    width: .55rem;
    height: .55rem;
    padding-top: .025rem;
    float: right;
}

.control_leftContent h6 span img {
    width: .55rem;
    height: .55rem;
}


/** ---------------门禁系统结束------------ */


/** ---------------能耗系统开始------------ */

.consume_left {
    float: left;
    position: absolute;
    margin-top: 7%;
    /* width: 4.3625rem;
    height: 9.75rem; */
    width: 18%;
    height: 80%;
    background: url(../images/videoLeft_bg.png) no-repeat;
    background-size: 100% 100%;
}

.consume_leftTitle {
    position: relative;
    /* width: 3.8375rem; */
    width: 85%;
    height: 2rem;
    background: url(../images/controlTitle_bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    overflow: hidden;
}

.consume_leftTitleCBg {
    width: 80%;
    height: .4rem;
    margin: 0 auto;
    margin-top: .3125rem;
}

.consume_leftTitleBg {
    position: absolute;
    width: 80%;
    height: .375rem;
    line-height: .375rem;
    border-left: .05rem solid #9FEF56;
}

.consume_leftTitleCBg>a {
    cursor: auto;
    position: absolute;
    display: block;
    width: 72%;
    height: .4rem;
    line-height: .4rem;
    margin: 0 auto;
    margin-left: .175rem;
    border-bottom: .0125rem solid #00A3E8;
    color: #fff;
    font-size: .1875rem;
}

.consume_leftTitleCBg>a>span {
    position: absolute;
    right: 0;
    color: #9FEF56;
}

.consume_leftCn {
    width: 80%;
    margin: 0 auto;
}

.consume_leftCn>li {
    position: relative;
    width: 100%;
    height: .375rem;
    line-height: .375rem;
    color: #fff;
    font-size: .1875rem;
    padding-left: .175rem;
}

.consume_leftCn>li span {
    position: absolute;
    right: 5%;
    color: #EFD056;
}

.consume_leftTitleSign {
    position: relative;
    /* width: 3.8375rem; */
    width: 85%;
    /* height: 7.375rem; */
    height: 76%;
    background: url(../images/controlRitleSign_Bg.png) no-repeat;
    background-size: 100% 100%;
    margin: .25rem auto;
    color: #fff;
}

.sg {
    padding-top: .25rem;
    margin-bottom: .3125rem;
}


/* 水电量统计 */

.hydropower {
    width: 98%;
    height: 1.3125rem;
    padding: 0 .1875rem;
    margin: 0 auto;
    margin-top: .625rem;
}

.hydropower li {
    float: left;
    /* width: 1.125rem; */
    width: 30%;
    margin: 0 .0375rem;
    color: #FFFFFF;
    /* height: .375rem; */
    /* height: .875rem; */
    height: 70%;
    line-height: .375rem;
    font-size: .15rem;
    text-align: center;
}

.hydropower li div {
    width: .875rem;
    height: .875rem;
}

.hydropower li span i {
    display: inline-block;
    width: .0875rem;
    height: .0875rem;
    margin-right: .0625rem;
    margin-bottom: .0125rem;
}

.hydropower1 li span i {
    display: inline-block;
    width: .0875rem;
    height: .0875rem;
    margin-right: .0625rem;
    margin-bottom: .0125rem;
}

.hydropower_Bg01 {
    margin: 0 auto;
    color: #74E3FD;
    background: url(../images/hydropower_Bg01.png) no-repeat;
    background-size: 100% 100%;
}

.hydropower_Bg02 {
    margin: 0 auto;
    color: #EF8056;
    background: url(../images/hydropower_Bg02.png) no-repeat;
    background-size: 100% 100%;
}

.hydropower_Bg03 {
    margin: 0 auto;
    color: #9FEF56;
    background: url(../images/hydropower_Bg03.png) no-repeat;
    background-size: 100% 100%;
}

.hydropower_Bg04 {
    margin: 0 auto;
    color: #74E3FD;
    background: url(../images/hydropower_Bg04.png) no-repeat;
    background-size: 100% 100%;
}

.hydropower_Bg05 {
    margin: 0 auto;
    color: #EF8056;
    background: url(../images/hydropower_Bg05.png) no-repeat;
    background-size: 100% 100%;
}

.hydropower_Bg06 {
    margin: 0 auto;
    color: #9FEF56;
    background: url(../images/hydropower_Bg06.png) no-repeat;
    background-size: 100% 100%;
}

.hydropower1 {
    width: 98%;
    height: 1.3125rem;
    padding: 0 .1875rem;
    margin: 0 auto;
}

.hydropower1 li {
    float: left;
    /* width: 1.125rem; */
    width: 30%;
    margin: 0 .0375rem;
    text-align: center;
    /* height: .375rem; */
    height: 70%;
    line-height: .375rem;
    font-size: .15rem;
    color: #FFFFFF;
}

.hydropower1 li div {
    width: .875rem;
    height: .875rem;
}

.hydropower_hr {
    width: 80%;
    height: .025rem;
    background-color: #005275;
    margin: .25rem auto;
}

.consume_leftTitleSign ul em {
    display: inline-block;
    font-size: .25rem;
    padding-top: .4125rem;
}


/* 摄像机树形结构 */

.consume_leftContent {
    position: absolute;
    left: 100%;
    width: 60%;
    /* width: 2.675rem;
    height: 9.5875rem; */
    height: 8.9625rem;
    top: .125rem;
    display: block;
}

.consume_leftContent_IconBox {
    height: .6625rem;
}


/* 水电树形结构 */

.consume_leftContent_Icon {
    float: left;
    cursor: pointer;
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -0.125rem -1.95rem;
    background-size: 4.4625rem 3.65rem;
    margin-right: 2px;
}

.consume_leftContent_Icon:hover {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -1.95rem -1.95rem;
    background-size: 4.4625rem 3.65rem;
}

.consume_Active {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -1.0375rem -1.95rem;
    background-size: 4.4625rem 3.65rem;
}

.consume_leftContent_Icon1 {
    float: left;
    cursor: pointer;
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -2.8625rem -0.125rem;
    background-size: 4.4625rem 3.65rem;
    margin-right: 2px;
}

.consume_leftContent_Icon1:hover {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -2.8625rem -1.95rem;
    background-size: 4.4625rem 3.65rem;
}

.consume_Active1 {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -2.8625rem -1.0375rem;
    background-size: 4.4625rem 3.65rem;
}

.consume_leftContent_Icon2 {
    float: left;
    cursor: pointer;
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -0.125rem -2.8625rem;
    background-size: 4.4625rem 3.65rem;
    margin-right: 2px;
}

.consume_leftContent_Icon2:hover {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -1.95rem -2.8625rem;
    background-size: 4.4625rem 3.65rem;
}

.consume_Active2 {
    width: .6625rem;
    height: .6625rem;
    background: url(../images/spritesNavBtn.png) -1.0375rem -2.8625rem;
    background-size: 4.4625rem 3.65rem;
}

.consume_leftContent h6 {
    font-weight: 400;
    width: 100%;
    height: .55rem;
    line-height: .55rem;
    font-size: .25rem;
    color: #fff;
    padding: 0 0 0 .125rem;
    background-size: 100% 100%;
    margin: 0 auto;
    padding-top: .025rem;
}

.consumeTitleBg {
    background: url(../images/camera_iconTitle_bg.png) no-repeat;
    background-size: 100% 100%;
}

.consumeTitleBg1 {
    background: url(../images/camera_iconTitle1_bg.png) no-repeat;
    background-size: 100% 100%;
}

.consumeTitleBg2 {
    background: url(../images/camera_iconTitle2_bg.png) no-repeat;
    background-size: 100% 100%;
}

.consume_leftContent h6 span {
    width: .55rem;
    height: .55rem;
    padding-top: .025rem;
    float: right;
}

.consume_leftContent h6 span img {
    width: .55rem;
    height: .55rem;
}


/* 右边水电趋势echorts */

.consume_right {
    position: absolute;
    float: right;
    right: 0;
    margin-top: 7%;
    /* width: 4.3625rem;
    height: 9.75rem; */
    width: 17%;
    height: 80%;
    background: url(../images/videoLeft_bg.png) no-repeat;
    background-size: 100% 100%;
}

.consume_rightTitle {
    position: relative;
    width: 94%;
    margin: 0 auto;
    padding: .25rem 0;
}

.consume_rightTitlecn {
    width: 90%;
    margin: 0 auto;
}

.consume_rightTitlecn i {
    position: absolute;
    width: 80%;
    height: .375rem;
    line-height: .375rem;
    border-left: .05rem solid #9FEF56;
}

.consume_rightTitlecn a {
    cursor: auto;
    position: absolute;
    display: block;
    width: 80%;
    height: .4rem;
    line-height: .4rem;
    margin: 0 auto;
    margin-left: .175rem;
    border-bottom: .0125rem solid #00A3E8;
    color: #fff;
    font-size: .1875rem;
}

.consume_rightCn {
    /* width: 3.75rem;
    height: 9.75rem; */
    width: 90%;
    height: 100%;
    /* background-color: aquamarine; */
    background: url(../images/consume_rightCnBg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

.consume_rightCn ul {
    padding-top: .375rem;
    width: 100%;
    height: 100%;
}

.consume_rightCn ul li {
    width: 3.75rem;
    height: 2.15rem;
    /* width: 100%;
    height: 24%; */
}

.mainMap {
    position: relative;
}

.mainMap img {
    position: absolute;
    margin-top: .0125rem;
    left: .25rem;
}

#main canvas,
#main1 canvas,
#main2 canvas,
#main3 canvas {
    width: 3.75rem !important;
    height: 2.15rem !important;
    /* width: 100%!important;
    height: 100%!important; */
}

.consume_item {
    display: none;
}


/** ---------------能耗系统结束------------ */


/** ---------------公共模块开始------------ */

.region_window {
    position: absolute;
    z-index: -1;
    width: 4.075rem;
    height: 2.875rem;
    left: 50%;
    top: 30%;
    background: url(../images/video_windowBg.png) no-repeat;
    background-size: 100% 100%;
}

.region_windowBtn {
    padding-top: .0625rem;
    text-align: right;
    width: 100%;
    height: .6125rem;
    padding-right: .0625rem;
    line-height: .6125rem;
    cursor: move;
}

.off_window {
    cursor: pointer;
    float: right;
    width: .5rem;
    height: .5rem;
    background: url(../images/off_window.png) no-repeat;
    background-size: 100% 100%;
}

.off_window:hover {
    background: url(../images/btn_offhover.png) no-repeat;
    background-size: 100% 100%;
}

.enlarge_window {
    cursor: pointer;
    float: right;
    width: .5rem;
    height: .5rem;
    background: url(../images/enlarge_window.png) no-repeat;
    background-size: 100% 100%;
}

.enlarge_window:hover {
    background: url(../images/enlarge_windowHover.png) no-repeat;
    background-size: 100% 100%;
}

.region_windowPic {
    width: 96% !important;
    height: 2.125rem !important;
    margin: 0 auto;
    overflow: hidden !important;
}

.region_windowPic img {
    width: 100% !important;
    height: 2.125rem !important;
}


/* 公告栏 */

.index_contentTop {
    width: 6.4rem;
    height: .525rem;
    line-height: .525rem;
    position: absolute;
    left: 50%;
    background: url(../images/notice_bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 1.375rem;
    transform: translate(-50%);
}

.index_contentTopNotice {
    width: 100%;
    height: 100%;
}

.index_contentTopNotice>h6 {
    text-align: center;
    color: #fff;
    font-size: .1875rem;
}

.index_contentTopNotice>h6>span {
    color: #9FEF56;
    padding-right: .125rem;
}


/* 开关按钮 */

.gate_off {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 30%;
    width: 2.3375rem;
    height: .8125rem;
    background: url(../images/gate_offBg.png) no-repeat;
    background-size: 100% 100%;
}

.gate_offNO {
    cursor: pointer;
    float: left;
    width: 1rem;
    height: .5rem;
    margin-top: .1125rem;
    margin-left: .15rem;
    background: url(../images/gate_offNO.png) no-repeat;
    background-size: 100% 100%;
}

.gate_offNO:hover {
    background: url(../images/gate_offNOhover.png) no-repeat;
    background-size: 100% 100%;
}

.gate_offOFF {
    cursor: pointer;
    float: left;
    width: 1rem;
    height: .5rem;
    margin-top: .1125rem;
    background: url(../images/gate_offOFF.png) no-repeat;
    background-size: 100% 100%;
}

.gate_offOFF:hover {
    background: url(../images/gate_offOFFhover.png) no-repeat;
    background-size: 100% 100%;
}


/* 详情窗口 */

.details {
    position: absolute;
    z-index: -1;
    top: 40%;
    left: 70%;
    width: 3.25rem;
    height: 5.1875rem;
    background: url(../images/detailsBg.png) no-repeat;
    background-size: 100% 100%;
}

.details h6 {
    margin-top: .125rem;
    margin-bottom: .125rem;
    color: #FFFFFF;
    font-size: .1875rem;
    text-align: center;
}

.detailsBox {
    width: 100%;
    height: 4.5rem;
    margin: 0 auto;
    margin-left: .125rem;
    overflow: hidden;
}

.detailsBox ul {
    clear: both;
    padding: .075rem 0;
}

.detailsBox ul li {
    float: left;
    margin-right: .0625rem;
}

.detailsBox ul li:nth-child(odd) {
    color: #74E3FD;
    font-size: .15rem;
}

.detailsBox ul li:nth-child(even) {
    color: #FFFFFF;
    font-size: .15rem;
}


/* 外景切换按钮 */

.switchLocation {
    position: absolute;
    right: 1%;
    margin-top: 15.5%;
    margin-right: .0625rem;
    width: .575rem;
    height: .575rem;
}

.switchLocation ul {
    width: 100%;
    height: 100%;
}

.switchLocation ul li {
    cursor: pointer;
    margin-top: .0125rem;
    width: 100%;
    height: .575rem;
    line-height: .575rem;
    background: url(../images/css_spritesFloor.png) no-repeat;
    background-position: -0.95rem -0.125rem;
    background-size: 1.65rem 1.65rem;
    text-align: center;
    font-size: .25rem;
    color: #40C2F9;
}

.switchLocation ul li:hover {
    background: url(../images/css_spritesFloor.png) no-repeat;
    background-position: -0.125rem -0.95rem;
    background-size: 1.65rem 1.65rem;
}

.switchLocation_active {
    color: #A5EEFF!important;
    background: url(../images/css_spritesFloor.png) no-repeat!important;
    background-position: -0.125rem -0.125rem;
    background-size: 1.65rem 1.65rem!important;
}


/* 楼层 */

.floor {
    /* float: right; */
    position: absolute;
    right: 1%;
    margin-top: 18%;
    margin-right: .0625rem;
    width: .575rem;
    max-height: 4.1125rem;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}

.floor::-webkit-scrollbar {
    display: none;
}

.floor ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
}

.floor ul li {
    cursor: pointer;
    margin-top: .0125rem;
    width: 100%;
    height: .575rem;
    line-height: .575rem;
    background: url(../images/css_spritesFloor.png) no-repeat;
    background-position: -0.95rem -0.125rem;
    background-size: 1.65rem 1.65rem;
    text-align: center;
    font-size: .25rem;
    color: #40C2F9;
}

.floor ul li:hover {
    width: 100%;
    height: .575rem;
    background: url(../images/css_spritesFloor.png) no-repeat;
    background-position: -0.125rem -0.95rem;
    background-size: 1.65rem 1.65rem;
}

.floorBg_active {
    width: 100%;
    height: .575rem;
    color: #A5EEFF!important;
    background: url(../images/css_spritesFloor.png)!important;
    background-position: -0.125rem -0.125rem!important;
    background-size: 1.65rem 1.65rem!important;
    /* background-size: 100% 100%!important; */
}


/* 底部导航栏 */

.date {
    position: absolute;
    top: .125rem;
    left: .25rem;
    text-align: center;
    font-size: .1875rem;
    color: #fff;
}

.time {
    position: absolute;
    top: .5rem;
    left: .1875rem;
    text-align: center;
    font-size: .4375rem;
    color: #fff;
}

.index_contentBottom {
    width: 9.5rem;
    /* height: 1rem; */
    position: absolute;
    left: 50%;
    bottom: .5rem;
    transform: translate(-50%);
}

.index_contentBottom>ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.index_contentBottom>ul li {
    cursor: pointer;
    width: 24.9%;
}


/* 导航栏雪碧图 */

.index_contentBottom>ul li:nth-child(1) {
    width: 2.25rem;
    height: 1rem;
    background: url(../images/css_sprites.png) -0.125rem -3.875rem;
    background-size: 7.5rem 5rem;
}

.index_contentBottom>ul li:nth-child(2) {
    width: 2.25rem;
    height: 1rem;
    background: url(../images/css_sprites.png) -5.125rem -1.375rem;
    background-size: 7.5rem 5rem;
}

.index_contentBottom>ul li:nth-child(3) {
    width: 2.25rem;
    height: 1rem;
    background: url(../images/css_sprites.png) -2.625rem -1.375rem;
    background-size: 7.5rem 5rem;
}

.index_contentBottom>ul li:nth-child(4) {
    width: 2.25rem;
    height: 1rem;
    background: url(../images/css_sprites.png) -0.125rem -0.125rem;
    background-size: 7.5rem 5rem;
}

.index_contentBottom>ul li:nth-child(1):hover {
    width: 2.25rem;
    height: 1rem;
    background: url(../images/css_sprites.png) -5.125rem -0.125rem;
    background-size: 7.5rem 5rem;
}

.index_contentBottom>ul li:nth-child(2):hover {
    width: 2.25rem;
    height: 1rem;
    background: url(../images/css_sprites.png) -5.125rem -3.875rem;
    background-size: 7.5rem 5rem;
}

.index_contentBottom>ul li:nth-child(3):hover {
    width: 2.25rem;
    height: 1rem;
    background: url(../images/css_sprites.png) -2.625rem -2.625rem;
    background-size: 7.5rem 5rem;
}

.index_contentBottom>ul li:nth-child(4):hover {
    width: 2.25rem;
    height: 1rem;
    background: url(../images/css_sprites.png) -2.625rem -0.125rem;
    background-size: 7.5rem 5rem;
}

.current1 {
    width: 2.25rem!important;
    height: 1rem!important;
    background: url(../images/css_sprites.png) -2.625rem -3.875rem!important;
    background-size: 7.5rem 5rem!important;
}

.current2 {
    width: 2.25rem!important;
    height: 1rem!important;
    background: url(../images/css_sprites.png) -5.125rem -2.625rem!important;
    background-size: 7.5rem 5rem!important;
}

.current3 {
    width: 2.25rem!important;
    height: 1rem!important;
    background: url(../images/css_sprites.png) -0.125rem -2.625rem!important;
    background-size: 7.5rem 5rem!important;
}

.current4 {
    width: 2.25rem!important;
    height: 1rem!important;
    background: url(../images/css_sprites.png) -0.125rem -1.375rem!important;
    background-size: 7.5rem 5rem!important;
}


/** ---------------公共模块结束------------ */
body {
    position: relative;
}

.UserSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* 当前位置弹窗 */

.PopUpPosition {
    position: fixed;
    left: 50%;
    height: 40px;
    line-height: 36px;
    font-size: 16px;
    padding: 0 30px;
    background-color: #F3F3F3;
    color: #0046D2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    opacity: 0.7;
}


/* 设备模型左右盒子 */

.containerLeft {
    position: absolute;
    /* left: 3%; */
    width: 270px;
    height: 100%;
}


/* 弹窗盒子 */

.AlarmPopupBox {
    position: absolute;
    top: 20%;
    left: 40%;
    pointer-events: none;
    width: 320px;
    height: 210px;
    background-color: #fff;
}

.AlarmPopupStateBox {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #BBE0E3;
}

.StateBoxTitle {
    font-size: 18px;
    color: #fff;
    padding-left: 10px;
}

.StateBoxTitle span {
    background-color: #12B0A2;
    font-size: 16px;
    padding: 3px 5px;
    margin-left: 15px;
    border-radius: 10px;
    font-weight: 800;
}

.StateBoxTitleColor {
    background-color: #F8AC59 !important;
}

.AlarmPopupConent {
    width: 100%;
    height: 170px;
}

.AlarmPopupConentItem {
    margin-top: 3px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #F8AC59;
}

.AlarmPopupConent .AlarmPopupConentItem:nth-child(even) {
    background-color: #E7F3F4;
}

.AlarmPopupConent .AlarmPopupConentItem:nth-child(odd) {
    background-color: #F3F9FA;
}

.ConentItemTitle {
    font-size: 18px;
    color: #000;
    padding-left: 10px;
}

    .ConentItemTitle span {
        font-size: 16px;
        padding: 3px 5px;
        border-radius: 10px;
        font-weight: 800;
    }

.MouseState {
    position: absolute;
    pointer-events: none;
    top: 2px;
}


/* 空间树形图右侧贴边菜单 */


/* .MenuBar {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 200px;
    background-color: yellow;
    opacity: 0.2;
} */

.open > a {
    color: #0080FF !important;
}


/* 树形结构菜单弹出框 */

.menuNavBox {
    display: none;
    position: fixed;
    top: 77px;
    left: 270px;
    width: 138px;
    height: 160px;
    background-color: #FFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    /*display:none;*/
}

    .menuNavBox ul {
        padding-top: 12px;
        width: 100%;
        height: 100%;
    }

        .menuNavBox ul span {
            display: inline-block;
            position: absolute;
            width: 0;
            height: 0;
            left: -20px;
            top: 35px;
            border: 10px solid;
            border-color: transparent transparent #ffffff;
            transform: rotate(-90deg);
        }

        .menuNavBox ul li {
            width: 100%;
        }

            .menuNavBox ul li a {
                padding: 6px 0px;
                padding-left: 10px;
                display: inline-block;
                width: 100%;
                font-size: 15px;
                color: #000000;
            }


/* 添加区域描述 详细信息 */

.RegionalInfoPopup {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -225px;
    width: 450px;
    height: 220px;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    z-index: 99;
}

    .RegionalInfoPopup h6 {
        text-align: center;
        font-size: 20px;
        color: #000000;
        margin: 30px 0;
    }

.RegionalInfoPopupBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    height: 30px;
    margin: 0 auto;
}

    .RegionalInfoPopupBox > li:nth-child(1) {
        width: 30%;
    }

    .RegionalInfoPopupBox > li:nth-child(2) {
        width: 65%;
    }

    .RegionalInfoPopupBox > li input {
        padding-left: 10px;
        background: none;
        outline: none;
        border: none;
        width: 100%;
        height: 100%;
        border: 1px solid #C5C5C5;
        border-radius: 6px;
    }

.RegionalInfoPopupBtn {
    margin: 0 auto;
    margin-top: 40px;
    width: 100%;
    height: 44px;
}

    .RegionalInfoPopupBtn > ul {
        width: 65%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
    }

        .RegionalInfoPopupBtn > ul li {
            cursor: pointer;
            width: 120px;
            height: 44px;
            line-height: 44px;
            text-align: center;
            font-size: 15px;
            color: #0080FF;
            border-radius: 22px;
            border: 1px solid #0080FF;
        }

            .RegionalInfoPopupBtn > ul li:hover {
                color: #FFFFFF;
                background: #0080FF;
            }


/* 添加负责人详细信息 */

.detailedinformation {
    position: absolute;
    display: none;
    width: 450px;
    height: 533px;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -217px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
}

.DetailedForm {
    width: 80%;
    margin: 0 auto;
    margin-top: 25px;
}

    .DetailedForm > ul {
        padding-top: 20px;
        width: 100%;
        height: 100%;
    }

        .DetailedForm > ul > li {
            display: flex;
            width: 100%;
            margin-top: 2px;
            color: #000000;
            font-size: 15px;
            padding: 15px 0;
        }

            .DetailedForm > ul > li span {
                display: inline-block;
                height: 30px;
                line-height: 30px;
                padding-right: 10px;
                font-size: 15px;
            }

.DetailedFormInput {
    position: relative;
    display: inline-block;
    width: 85%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

.DetailedRecord {
    position: absolute;
    display: none;
    width: 100%;
    max-height: 150px;
    padding-bottom: 10px;
    margin-top: -5px;
    border: 1px solid #C5C5C5;
    border-top: none;
    background-color: #FFFFFF;
    z-index: 5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.DetailedForm .DetailedRecord > ul {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .DetailedForm .DetailedRecord > ul > li {
        height: 23px;
        padding: 0 15px;
        line-height: 23px;
        font-size: 12px;
        color: #9C9C9C;
    }

.DetailedFormInputPolitics {
    position: relative;
    display: inline-block;
    width: 25%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

    .DetailedFormInputPolitics .PoliticsSpan {
        position: relative;
        cursor: pointer;
        border: 1px solid #CFCFCF;
        border-radius: 6px;
    }

        .DetailedFormInputPolitics .PoliticsSpan span {
            color: #717171;
            padding-left: 10px;
        }

        .DetailedFormInputPolitics .PoliticsSpan i {
            position: absolute;
            top: 6px;
            right: 2px;
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url(../images/PoliticsSpanIcon.png) no-repeat;
            background-size: 100% 100%;
            image-rendering: -webkit-optimize-contrast;
        }

.PoliticsSpanList {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    margin-top: -5px;
    width: 100%;
    border: 1px solid #CFCFCF;
    border-top: none;
    z-index: 5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .PoliticsSpanList .active {
        color: #0080FF;
    }

    .PoliticsSpanList em {
        cursor: pointer;
        padding-left: 10px;
        color: #C5C5C5;
        display: block;
    }


/* 职务 */

.DetailedFormInputPost {
    position: relative;
    display: inline-block;
    width: 32%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

    .DetailedFormInputPost .PostSpan {
        position: relative;
        cursor: pointer;
        border: 1px solid #CFCFCF;
        border-radius: 6px;
    }

        .DetailedFormInputPost .PostSpan span {
            color: #717171;
            padding-left: 10px;
        }

        .DetailedFormInputPost .PostSpan i {
            position: absolute;
            top: 6px;
            right: 2px;
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url(../images/PoliticsSpanIcon.png) no-repeat;
            background-size: 100% 100%;
            image-rendering: -webkit-optimize-contrast;
        }

.PostSpanList {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    margin-top: -5px;
    width: 100%;
    border: 1px solid #CFCFCF;
    border-top: none;
    z-index: 5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .PostSpanList .active {
        color: #0080FF;
    }

    .PostSpanList em {
        cursor: pointer;
        padding-left: 10px;
        color: #C5C5C5;
        display: block;
    }


/*  */

.DetailedFormInput input {
    width: 100%;
    height: 100%;
    border: none;
    outline: medium;
    padding-left: 10px;
    border-radius: 6px;
    border: 1px solid #C5C5C5;
}

.DetailedBtn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 77%;
    height: 44px;
    margin: 0 auto;
    margin-top: 60px;
}

    .DetailedBtn div {
        width: 120px;
        height: 100%;
        border-radius: 22px;
    }

        .DetailedBtn div a {
            display: inline-block;
            width: 100%;
            height: 44px;
            line-height: 44px;
            text-align: center;
            border-radius: 22px;
            font-size: 15px;
            border: 1px solid #0080FF;
            color: #0080FF;
        }

            .DetailedBtn div a:hover {
                background-color: #0080FF;
                color: #FFFFFF;
            }


/* 确认信息弹窗 */

.informationModify {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    margin-top: -203px;
    margin-left: -225px;
    width: 450px;
    height: 405px;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
}

.informationModifyTitle {
    position: relative;
    width: 100%;
    height: 50px;
    margin-top: 30px;
    line-height: 50px;
    text-align: center;
}

    .informationModifyTitle span {
        display: inline-block;
        position: absolute;
        top: 16px;
        left: 32%;
        width: 16px;
        height: 16px;
        line-height: 16px;
        background: url(../images/informationModifyIcon.png) no-repeat;
        background-size: 100% 100%;
        image-rendering: -webkit-optimize-contrast;
    }

    .informationModifyTitle h6 {
        display: inline-block;
        margin-left: 26px;
        color: #FF0000;
        font-size: 15px;
    }

.informationModifyBox {
    width: 65%;
    margin: 0 auto;
    padding-bottom: 30px;
}

    .informationModifyBox > li {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 14px;
        line-height: 30px;
    }

        .informationModifyBox > li em {
            color: #9C9C9C;
        }

        .informationModifyBox > li span {
            color: #414141;
        }

.informationModifyBoxHr {
    width: 80%;
    height: 1px;
    background-color: #C5C5C5;
    margin: 0 auto;
}

.informationModifyTips {
    text-align: center;
    color: #0080FF;
    font-size: 15px;
    padding: 25px 0;
}

.informationModifyBtn {
    width: 100%;
    height: 60px;
}

    .informationModifyBtn > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 60%;
        height: 100%;
        margin: 0 auto;
    }

        .informationModifyBtn > ul > li {
            cursor: pointer;
            width: 120px;
            height: 44px;
            line-height: 44px;
            border: 1px solid #0080FF;
            border-radius: 22px;
            font-size: 15px;
            text-align: center;
            color: #0080FF;
        }

            .informationModifyBtn > ul > li:hover {
                cursor: pointer;
                width: 120px;
                height: 44px;
                line-height: 44px;
                border: 1px solid #0080FF;
                border-radius: 22px;
                font-size: 15px;
                text-align: center;
                background-color: #0080FF;
                color: #FFFFFF;
            }


/* 情况删除弹出框 */

.EmptyDelete {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 414px;
    height: 210px;
    margin-left: -207px;
    margin-top: -105px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    z-index: 10;
}

.DetermineTitle {
    /*    width: 150px;*/
    margin: 0 auto;
    text-align: center;
    color: #191919;
    font-size: 25px;
    padding-top: 50px;
    padding-bottom: 39px;
}

.DetermineBtn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 77%;
    height: 44px;
    margin: 0 auto;
    margin-top: 10px;
}

    .DetermineBtn div {
        width: 120px;
        height: 100%;
        border-radius: 22px;
    }

        .DetermineBtn div a {
            display: inline-block;
            width: 100%;
            height: 44px;
            line-height: 44px;
            text-align: center;
            border-radius: 22px;
            font-size: 15px;
            border: 1px solid #0080FF;
            color: #0080FF;
        }

            .DetermineBtn div a:hover {
                background-color: #0080FF;
                color: #FFFFFF;
            }


/* 添加搜索 */

.AddSearchBox {
    position: relative;
    width: 100%;
    height: 80px;
    line-height: 50px;
    background-color: #FFF;
}

    .AddSearchBox > a {
        position: relative;
        margin-left: 10px;
        display: inline-block;
        color: #0080FF;
        font-size: 16px;
        padding: 5px 20px;
        line-height: 20px;
        border: 1px solid #0080FF;
        border-radius: 10px;
    }

      /*  .AddSearchBox > a i {
            margin-left: 15px;
        }*/

        .AddSearchBox > a > span {
            width: 16px;
            height: 16px;
            position: absolute;
            left: 15px;
            top: 7px;
            display: inline-block;
            background: url(../images/jiahao.png) no-repeat;
            background-size: 16px 16px;
        }

.AddSearchBoxInput {
    position: absolute;
    top: 7px;
    right: 10px;
    width: 155px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    border-radius: 25px;
}

.AddSearchBoxInputBox {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

    .AddSearchBoxInputBox i {
        position: absolute;
        left: 10px;
        top: 9px;
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../images/search_default.png) no-repeat;
        background-size: cover;
    }

    .AddSearchBoxInputBox input {
        width: 100%;
        height: 100%;
        border-radius: 25px;
        border: none;
        outline: medium;
        border: 1px solid #CFCFCF;
        padding-left: 30px;
        padding-right: 15px;
    }


/* 右侧无限极导航样式 */

.navMenu_Equipment {
    background-color: #F3F3F3;
}


/* 增加区域弹窗 */

.AddToPopup {
    position: fixed;
    width: 534px;
    /* height: 583px; */
    top: 50%;
    left: 50%;
    margin-left: -267px;
    margin-top: -292px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    background-color: #FFFFFF;
    overflow: hidden;
    display: none;
}

.AddToPopupTitle {
    width: 85%;
    line-height: 50px;
    margin-top: 20px;
    margin-left: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #C5C5C5;
}

    .AddToPopupTitle h6 {
        display: inline-block;
        font-size: 15px;
        color: #000;
    }

.AddToPopupInput {
    display: inline-block;
    width: 255px;
    height: 42px;
    margin-left: 40px;
    border-radius: 25px;
}

    .AddToPopupInput input {
        width: 100%;
        height: 100%;
        border-radius: 25px;
        border: none;
        outline: medium;
        border: 1px solid #CFCFCF;
        padding-left: 20px;
        padding-right: 15px;
    }


/* 内容盒子 */

.AddToPopupBox {
    display: none;
    width: 100%;
    height: 400px;
}

.RegionTitle {
    position: relative;
    width: 80%;
    height: 50px;
    line-height: 50px;
    margin-left: 40px;
}

    .RegionTitle h6 {
        display: inline-block;
        font-size: 15px;
        color: #000;
    }


/* 添加区域 */

.TabPlus {
    position: absolute;
    top: 6px;
    right: 0;
    height: 30px;
}

    .TabPlus span {
        cursor: pointer;
        position: absolute;
        top: 8px;
        left: 0;
        width: 20px;
        height: 20px;
        background: url(../images/TabPlus.png) no-repeat;
        background-size: cover;
    }

    .TabPlus i {
        cursor: pointer;
        position: absolute;
        top: 8px;
        left: 0;
        width: 20px;
        height: 20px;
        background: url(../images/TabPlus.png) no-repeat;
        background-size: cover;
    }

.TabAdministration {
    width: 80%;
    max-height: 155px;
    overflow-x: auto;
    margin-left: 55px;
}

    .TabAdministration::-webkit-scrollbar {
        width: 4px;
        /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
        background: #FFFFFF;
        border-radius: 2px;
    }


    /*定义滚动条轨道（凹槽）样式*/

    .TabAdministration::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        /* 较少使用 */
        border-radius: 3px;
    }


    /*定义滑块 样式*/

    .TabAdministration::-webkit-scrollbar-thumb {
        border-radius: 3px;
        /*height: 100px;*/
        /* 滚动条滑块长度 */
        background-color: #9f9f9f;
    }

    .TabAdministration > li {
        width: 100%;
        /*height: 44px;
    margin-top: 2px;*/
    }

    .TabAdministration ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        height: 100%;
    }

        .TabAdministration ul li {
            float: left;
            height: 44px;
            line-height: 44px;
            font-size: 15px;
            color: #000000;
        }

            .TabAdministration ul li:last-child {
                position: relative;
                width: 120px;
            }

            .TabAdministration ul li span {
                cursor: pointer;
                position: absolute;
                right: 90px;
                top: 13px;
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(../images/tabmodify.png) no-repeat;
                background-size: cover;
            }

            .TabAdministration ul li i {
                cursor: pointer;
                position: absolute;
                right: 60px;
                top: 13px;
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(../images/tabdelete.png) no-repeat;
                background-size: cover;
            }

            .TabAdministration ul li b {
                cursor: pointer;
                position: absolute;
                right: 33px;
                top: 13px;
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(../images/shangyi.png) no-repeat;
                background-size: cover;
            }

            .TabAdministration ul li strong {
                cursor: pointer;
                position: absolute;
                right: 7px;
                top: 13px;
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(../images/xiayi.png) no-repeat;
                background-size: cover;
            }

.TabAdministrationInfo {
    width: 80%;
    max-height: 155px;
    overflow-x: auto;
    margin-left: 55px;
}

    .TabAdministrationInfo::-webkit-scrollbar {
        width: 4px;
        /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
        background: #FFFFFF;
        border-radius: 2px;
    }


    /*定义滚动条轨道（凹槽）样式*/

    .TabAdministrationInfo::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        /* 较少使用 */
        border-radius: 3px;
    }


    /*定义滑块 样式*/

    .TabAdministrationInfo::-webkit-scrollbar-thumb {
        border-radius: 3px;
        height: 100px;
        /* 滚动条滑块长度 */
        background-color: #9f9f9f;
    }

    .TabAdministrationInfo > li {
        width: 100%;
        /*height: 44px;
    margin-top: 2px;*/
    }

    .TabAdministrationInfo ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        height: 100%;
    }

        .TabAdministrationInfo ul li {
            float: left;
            height: 44px;
            line-height: 44px;
            font-size: 15px;
            color: #000000;
        }

            .TabAdministrationInfo ul li:last-child {
                position: relative;
                width: 80px;
            }

            .TabAdministrationInfo ul li span {
                cursor: pointer;
                position: absolute;
                right: 60px;
                top: 13px;
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(../images/tabmodify.png) no-repeat;
                background-size: cover;
            }

            .TabAdministrationInfo ul li i {
                cursor: pointer;
                position: absolute;
                right: 20px;
                top: 13px;
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(../images/tabdelete.png) no-repeat;
                background-size: cover;
            }


/*  */

.confirmBtn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 60%;
    height: 44px;
    margin: 20px auto;
}

    .confirmBtn div {
        width: 120px;
        height: 100%;
        border-radius: 22px;
    }

        .confirmBtn div a {
            display: inline-block;
            width: 100%;
            height: 44px;
            line-height: 44px;
            text-align: center;
            border-radius: 22px;
            font-size: 15px;
            border: 1px solid #0080FF;
            color: #0080FF;
        }

            .confirmBtn div a:hover {
                background-color: #0080FF;
                color: #FFFFFF;
            }


/* 左侧选项卡 */

.containerRight {
    position: fixed;
    right: 2%;
    width: 120px;
    top: 2%;
    background-color: #fff;
    border-radius: 5px;
}

    .containerRight ul {
        width: 100%;
        margin: 13px 0;
    }

        .containerRight ul li {
            position: relative;
            width: 100%;
        }

            .containerRight ul li a {
                display: inline-block;
                width: 100%;
                color: #000;
                text-align: center;
                padding: 10px 0;
                font-size: 20px;
                padding-left: 33px;
            }

            .containerRight ul li:nth-child(1) a {
                background: url(../images/choice_default.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li:nth-child(1):hover a {
                background: url(../images/choice_hover.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li:nth-child(2) a {
                background: url(../images/addto_default.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li:nth-child(2):hover a {
                background: url(../images/addto_hover.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li:nth-child(3) a {
                background: url(../images/delete_default.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li:nth-child(3):hover a {
                background: url(../images/delete_hover.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li:nth-child(4) a {
                background: url(../images/move_default.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li:nth-child(4):hover a {
                background: url(../images/move_hover.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li:nth-child(5) a {
                background: url(../images/empty_default.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li:nth-child(5):hover a {
                background: url(../images/empty_hover.png) no-repeat;
                background-size: 30px 30px;
                background-position: 13px 10px;
            }

            .containerRight ul li img {
                position: absolute;
                top: 6px;
                left: 15px;
                width: 30px;
                height: 30px;
            }


/* 编辑器样式 */

.styleBoxHr {
    width: 73%;
    height: 1px;
    margin: 0 auto;
    background-color: #CFCFCF;
}

.styleBox {
    width: 100%;
    padding-bottom: 10px;
}

.styleBoxLi {
    position: relative;
    width: 100%;
    height: 45px;
    margin-top: 2px;
}

.styleBox .styleBoxLi:nth-child(1) a {
    background: url(../images/style_default.png) no-repeat;
    background-size: 30px 30px;
    background-position: 13px 10px;
}

.styleBox .styleBoxLi:nth-child(1):hover a {
    background: url(../images/style_hover.png) no-repeat;
    background-size: 30px 30px;
    background-position: 13px 10px;
}

.styleBox .styleBoxLi:nth-child(2) a {
    background: url(../images/preservation_default.png) no-repeat;
    background-size: 30px 30px;
    background-position: 13px 10px;
}

.styleBox .styleBoxLi:nth-child(2):hover a {
    background: url(../images/preservation_hover.png) no-repeat;
    background-size: 30px 30px;
    background-position: 13px 10px;
}

.styleBoxLi a {
    display: inline-block;
    width: 100%;
    color: #000;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    padding-left: 33px;
}


/* 阴影 */

.shadowMap {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 6;
}


/* 阴影2 */

.shadowMapCont {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 6;
}


/* 编辑器弹窗 */

.editorStyleBox {
    display: none;
    position: fixed;
    width: 948px;
    height: 679px;
    top: 50%;
    left: 50%;
    margin-left: -474px;
    margin-top: -340px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    overflow: hidden;
    z-index: 10;
}

.StyleBoxTitle {
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-radius: 20px 20px 0px 0px;
    background-color: #F3F3F3;
}

    .StyleBoxTitle h6 {
        display: inline-block;
        color: #000000;
        font-size: 20px;
        padding-left: 35px;
    }

    .StyleBoxTitle i {
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 15px;
        width: 26px;
        height: 26px;
        background: url(../images/editoStyleBtnOff.png) no-repeat;
        background-size: 100% 100%;
        image-rendering: -webkit-optimize-contrast;
    }

.StyleConent {
    position: relative;
    width: 100%;
    height: 83%;
    /* background-color: rgba(0, 0, 0, 0.35); */
    overflow: hidden;
}

.StyleListBox {
    width: 100%;
    height: 90px;
    /* background-color: yellow; */
}

.StyleList {
    width: 78%;
    height: 45px;
    line-height: 45px;
    /* background-color: pink; */
    margin-top: 30px;
    margin-left: 35px;
    overflow: hidden;
    border-bottom: 1px solid #C5C5C5;
}

    .StyleList > li {
        cursor: pointer;
        float: left;
        height: 45px;
        font-size: 15px;
        color: #000;
        padding: 0 20px;
        background-color: #EBEBEB;
        border-radius: 7px 7px 0px 0px;
    }

    .StyleList .Stylecurrent {
        color: #FFF;
        background-color: #0080FF;
    }

.StyleListFrame {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 12px;
    right: 31px;
    width: 100px;
    height: 100px;
    border: 1px solid #C5C5C5;
    border-radius: 8px;
}

.FrameRegion {
    width: 80px;
    height: 80px;
    /* background: rgba(3, 73, 142, 0.49); */
    border: 2px solid #00F6FF;
}

.ColorPickupBox {
    width: 100%;
}

.ColorItem {
    display: none;
    width: 100%;
    height: 100%;
    /* background-color: #00F6FF; */
}

.ColorStyle {
    padding-left: 55px;
    width: 50%;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}

    .ColorStyle span {
        display: inline-block;
        width: 30%;
    }

    .ColorStyle em {
        padding-right: 30px;
        color: #717171;
        border-bottom: 1px solid #C5C5C5;
    }

.ColorTransparent {
    padding-left: 55px;
    width: 50%;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}

    .ColorTransparent span {
        display: inline-block;
        width: 30%;
    }

    .ColorTransparent em {
        padding-right: 30px;
        color: #717171;
        border-bottom: 1px solid #C5C5C5;
    }

.ColorRegionBox {
    position: relative;
    width: 100%;
    height: 100%;
    /* background-color: rebeccapurple; */
}


/* 线 */

.ColorStyleLine {
    padding-left: 55px;
    width: 50%;
    /* height: 45px; */
    /* line-height: 45px; */
    font-size: 20px;
}

    .ColorStyleLine span {
        display: inline-block;
        width: 30%;
    }

    .ColorStyleLine em {
        padding-right: 30px;
        color: #717171;
        border-bottom: 1px solid #C5C5C5;
    }

.ColorStyleLineTransparent {
    padding-left: 55px;
    width: 50%;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}

    .ColorStyleLineTransparent span {
        display: inline-block;
        width: 30%;
    }

    .ColorStyleLineTransparent em {
        padding-right: 30px;
        color: #717171;
        border-bottom: 1px solid #C5C5C5;
    }

.ColorStyleLineWide {
    padding-left: 55px;
    width: 50%;
    /* height: 45px; */
    /* line-height: 45px; */
    font-size: 20px;
}

    .ColorStyleLineWide span {
        display: inline-block;
        width: 30%;
    }

    .ColorStyleLineWide em {
        padding-right: 30px;
        color: #717171;
        border-bottom: 1px solid #C5C5C5;
    }

.StyleBtn {
    width: 100%;
    height: 60px;
}

    .StyleBtn > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        float: right;
        margin-right: 20px;
        width: 300px;
    }

        .StyleBtn > ul > li {
            cursor: pointer;
            width: 45%;
            height: 45px;
            line-height: 45px;
            text-align: center;
            border: 1px solid #0080FF;
            border-radius: 22px;
            font-size: 15px;
            color: #0080FF;
        }

            .StyleBtn > ul > li:hover {
                color: #FFFFFF;
                background: #0080FF;
            }

.StyleHi {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 36px;
}

    .StyleHi input {
        padding-left: 10px;
        /* padding-right: 35px; */
        width: 100%;
        height: 100%;
        background: none;
        outline: none;
        border: none;
        border: 1px solid #C5C5C5;
        font-size: 16px;
        border-radius: 5px;
        color: #717171;
    }

.StyleHiLine {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 36px;
}

    .StyleHiLine input {
        padding-left: 10px;
        /* padding-right: 35px; */
        width: 100%;
        height: 100%;
        background: none;
        outline: none;
        border: none;
        border: 1px solid #C5C5C5;
        font-size: 16px;
        border-radius: 5px;
        color: #717171;
    }


/* .StyleHiBtnPlus {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 0;
    width: 20px;
    height: 21px;
    background: url(../images/PlusBtn.png) no-repeat;
    background-size: 100% 100%;
}

.StyleHiBtnReduce {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 0;
    width: 20px;
    height: 21px;
    background: url(../images/Plus01Btn.png) no-repeat;
    background-size: 100% 100%;
} */


/* 调整拾色编辑器样式 */

.picker {
    left: 55px !important;
    top: 30px !important;
}

.colorpickerZxf {
    border: 1px solid #C5C5C5;
    border-radius: 8px;
    padding: 10px;
}


/* 底部错误提示框样式 */

.am-share {
    width: 340px;
    height: 180px;
    font-size: 14px;
    border-radius: 0;
    bottom: 0;
    left: 50%;
    margin-left: -170px;
    position: fixed;
    text-align: center;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    z-index: 999;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    background: #FFFFFF;
}

.am-modal-active {
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.am-modal-out {
    z-index: 1109;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.am-share-footer {
    margin: 10px;
}

    .am-share-footer .share_btn {
        color: #555;
        display: block;
        width: 100%;
        background-color: #e6e6e6;
        border: 1px solid #e6e6e6;
        border-radius: 0;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
        padding: 0.625em 0;
        text-align: center;
        transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s;
        vertical-align: middle;
        white-space: nowrap;
        font-family: "微软雅黑";
    }

.sharebg {
    /* background-color: rgba(0, 0, 0, 0.6); */
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

.sharebg-active {
    opacity: 1;
    display: block;
}

.DetermineTitleam {
    margin: 0 auto;
    text-align: center;
    color: #191919;
    font-size: 25px;
    padding-top: 33px;
    padding-bottom: 20px;
}

.DetermineBtnam {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 77%;
    height: 38px;
    margin: 0 auto;
    margin-top: 10px;
}

    .DetermineBtnam div {
        width: 120px;
        height: 100%;
        border-radius: 22px;
    }

        .DetermineBtnam div a {
            display: inline-block;
            width: 100%;
            height: 38px;
            line-height: 38px;
            text-align: center;
            border-radius: 22px;
            font-size: 15px;
            border: 1px solid #0080FF;
            color: #0080FF;
        }

            .DetermineBtnam div a:hover {
                background-color: #0080FF;
                color: #FFFFFF;
            }