@charset "UTF-8";
/*header*/
/*body{
	overflow: hidden;
}*/
.layui-tab-item{
    overflow: auto;
}
.wapper{
    width: 100%;
    margin: 0 auto;
    color: #000;
}
.header{
    position: relative;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    box-shadow: 0 6px 14px #3b98fd9c;
}
.logo-box{
    position: relative;
    z-index: 2;
    width: 93px;
    margin: 0 15px;
}
.logo-box img{
    display: block;
    width: 100%;
}
.menu-btn{
    position: relative;
    z-index: 2;
    display: block;
    width: 60px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-right: 1px solid #f1f2f3;
    border-left: 1px solid #f1f2f3;
    cursor: pointer;
}
.header-menu li{
    float: left;
    height: 50px;
    line-height: 47px;
    padding: 0 30px;
    font-size: 16px;
    color: #fff;
}
.header-menu li a{
    display: block;
    color: #fff;
}
.header .layui-nav{
    float: left;
    background-color: transparent;
}
.header .layui-nav .layui-nav-item{
    line-height: 50px;
}
.header .layui-nav .layui-this:after{
    background-color: #fff;
}
.header .layui-nav-bar{
    background-color: #fff;
}
.header nav{
    z-index: 1;
}
.navbar-default .navbar-nav>li>a{
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #fff;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
.refresh-icon{
    display: inline-block;
    vertical-align: middle;
    animation: refresh 1s;
    -moz-animation: refresh 1s;	/* Firefox */
    -webkit-animation: refresh 1s;	/* Safari 和 Chrome */
    -o-animation: refresh 1s;
}
/*刷新iframe动画*/
@keyframes refresh
{
    from {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg);     /* IE 9 */
        -moz-transform:rotate(0deg);    /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);     /* IE 9 */
        -moz-transform:rotate(360deg);    /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
        -o-transform:rotate(360deg);
    }
}

@-moz-keyframes refresh /* Firefox */
{
    from {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg);     /* IE 9 */
        -moz-transform:rotate(0deg);    /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);     /* IE 9 */
        -moz-transform:rotate(360deg);    /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
        -o-transform:rotate(360deg);
    }
}

@-webkit-keyframes refresh /* Safari 和 Chrome */
{
    from {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg);     /* IE 9 */
        -moz-transform:rotate(0deg);    /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);     /* IE 9 */
        -moz-transform:rotate(360deg);    /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
        -o-transform:rotate(360deg);
    }
}

@-o-keyframes refresh /* Opera */
{
    from {
        transform:rotate(0deg);
        -ms-transform:rotate(0deg);     /* IE 9 */
        -moz-transform:rotate(0deg);    /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);     /* IE 9 */
        -moz-transform:rotate(360deg);    /* Firefox */
        -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
        -o-transform:rotate(360deg);
    }
}



.herder-user{
    position: relative;
    z-index: 2;
    font-size: 0;
}
.herder-user i{
    display: inline-block;
    width: 34px;
    height: 50px;
    line-height: 50px;
    margin-right: 5px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.color-box{
    position: relative;
    display: inline-block;
    width: 34px;
    height: 50px;
    line-height: 50px;
    margin-right: 18px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.color-box i{
    vertical-align: top;
    width: 21px;
    height: 24px;
    line-height: 24px;
    margin-top: 13px;
    margin-bottom: 13px;
    border-radius: 30px;
    font-size: 20px;
}
.color-box:hover .theme-color-box{
    display: block;
}
.theme-color-box{
    display: none;
    position: absolute;
    z-index: 99;
    top: 44px;
    left: -26px;
    width: 76px;
    height: 71px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.4);
}
.theme-color-box a{
    display: block;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
}
.theme-color-box a:hover{
    background: #f2f2f2;
}
.theme-color-box:before{
    position: absolute;
    content: '';
    left: 50%;
    top: -10px;
    margin-left: -10px;
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #fff;
}
.theme-color-box ul{
    margin: 5px;
    padding-top: 5px;
}
.theme-color-box ul li{
    float: left;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 1px solid #fff;
    margin: 0 5px 5px;
}







.left-menu-box{
    width: 175px;
    margin: 0 7px 0;
    border: 1px solid #f3f3f3;
    background-color: #fff;
    transition: all .5s;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
.left-menu-box.close-hide{
    margin-left: -175px;
}
.menu-p{
    position: relative;
    height: 50px;
    line-height: 50px;
    padding-left: 5px;
    font-size: 16px;
    border-bottom: 1px solid #f3f3f3;
    color: #000;
}
.menu-p i{
    position: absolute;
    top: 50%;;
    right: -3px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #fff;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #fff;
    z-index: 9;
}
.menu-p i.cur{
    right: -12px;
}
/*.menu-p i:after{
	content: '';
	position: absolute;
	left: -25px;
	top: 50%;
	width: 25px;
	height: 1px;
	background-color: #9a9a9a;

}*/
.menu-p i:before{
    content: '\e911';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
}
.menu-p i.cur:before{
    content: '\e601';
}
.menu-search-box{
    position: relative;
    font-size: 0;
    border-bottom: 1px solid #f3f3f3;
    padding: 8px;
}
.search-box-content{
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
}
.search-history-list{
    position: absolute;
    z-index: 13;
    top: 45px;
    left: 0;
    width: 100%;
    max-height: 150px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    overflow: auto;
}
.search-history-list ul li{
    width: 100%;
    padding-left: 10px;
    line-height: 25px;
    color: #000;
    font-size: 12px;
    border-bottom: 1px solid #eaeaea;
}
.menu-search-box input{
    display: inline-block;
    vertical-align: top;
    width: 130px;
    padding: 5px 0 5px 10px;
    height: 30px;
    line-height: 30px;
    border: 0;
    outline: none;
    color: #222;
    font-size: 12px;

}
.menu-search-box i{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin: 2px 0;
    font-size: 18px;
    color: #fff;
    cursor: pointer;

}
.menu-company-name{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f3f3f3;
    color: #000;
    font-size: 16px;
    padding-left: 14px;
    font-weight: bold;
}
/*.menu-list{
	height: 46px;
	line-height: 46px;
	color: #000;
	font-size: 14px;
	padding-left: 15px;
	border-bottom: 1px solid #f3f3f3;
    box-sizing: border-box;
    white-space: nowrap;
}
.selecting{
	color: #d43635 !important;
}
.menu-list a,
.menu-list2 a,
.menu-list3 a,
.menu-list4 a,
.menu-list5 a,
.menu-list6 a{
	display: inline-block;
	cursor: initial;
	color: #000;
}
.menu-list a.cursor,
.menu-list2 a.cursor,
.menu-list3 a.cursor,
.menu-list4 a.cursor,
.menu-list5 a.cursor,
.menu-list6 a.cursor{
	cursor: pointer;
}
.menu-list i+a,
.menu-list2 i+a,
.menu-list3 i+a,
.menu-list4 i+a,
.menu-list5 i+a,
.menu-list6 i+a{
	display: inline-block;
}
.menu-list2{
	height: 42px;
	line-height: 42px;
	color: #000;
	font-size: 14px;
	padding-left: 25px;
	border-bottom: 1px solid #f3f3f3;
	cursor: pointer;
	box-sizing: border-box;
    white-space: nowrap;
}
.menu-list3{
	height: 38px;
	line-height: 38px;
	color: #000;
	font-size: 14px;
	padding-left: 35px;
	border-bottom: 1px solid #f3f3f3;
	cursor: pointer;
	box-sizing: border-box;
    white-space: nowrap;
}
.menu-list4{
	height: 38px;
	line-height: 38px;
	color: #000;
	font-size: 14px;
	padding-left: 45px;
	border-bottom: 1px solid #f3f3f3;
	cursor: pointer;
	box-sizing: border-box;
    white-space: nowrap;
}
.menu-list5{
	height: 32px;
	line-height: 32px;
	color: #000;
	font-size: 14px;
	padding-left: 55px;
	border-bottom: 1px solid #f3f3f3;
	cursor: pointer;
	box-sizing: border-box;
    white-space: nowrap;
}
.menu-list6{
	position: relative;
	height: 32px;
	line-height: 32px;
	color: #000;
	font-size: 14px;
	padding-left: 65px;
	border-bottom: 1px solid #f3f3f3;
	cursor: pointer;
	box-sizing: border-box;
    white-space: nowrap;
}*/

#menuList{
    position: relative;
}
#menuList:before{
    content: '';
    position: absolute;
    top: 0;
    left: 11px;
    border-left: 1px solid #ffffff;
    width: 0;
    height: 15px;
    z-index: 4;

}
#menuList:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 11px;
    border-left: 1px solid #ffffff;
    width: 0;
    height: 15px;
    z-index: 4;

}
.tree-box{
    position: relative;
    z-index: 5;
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin: 0 5px 0 1px;
    background: #fff;
    display: inline-block;
}
.tree-box:after{
    content: '';
    position: absolute;
    z-index: 3;
    top: 6px;
    right: -4px;
    width: 5px;
    height: 0;
    border-top: 1px dotted #000;
}
.tree-box:before{
    position: relative;
    width: 12px;
    height: 12px;
    display: block;
    z-index: 6;
    content: '\e656';
    font-size: 12px;
    color: #000;
}
p.active .tree-box:before{
    content: '\e66e';
    z-index: 6;
}
p.active.menu-list6 .tree-box:before{
    content: '';
}

.menu-box{
    position: relative;

}
.menu-border1:before{
    z-index: 3;
    position: absolute;
    content: '';
    top: 0;
    left: 11px;
    width: 0;
    height: 100%;
    border-left: 1px dotted #000;
}
.menu-border2:before{
    z-index: 3;
    position: absolute;
    content: '';
    top: -9px;
    left: 28px;
    width: 0;
    height: 100%;
    border-left: 1px dotted #000;
}
.menu-border3:before{
    z-index: 3;
    position: absolute;
    content: '';
    top: -9px;
    left: 44px;
    width: 0;
    height: 100%;
    border-left: 1px dotted #000;
}
.menu-border4:before{
    z-index: 3;
    position: absolute;
    content: '';
    top: -9px;
    left: 61px;
    width: 0;
    height: 100%;
    border-left: 1px dotted #000;
}
.menu-border5:before{
    z-index: 3;
    position: absolute;
    content: '';
    top: -9px;
    left: 77px;
    width: 0;
    height: 100%;
    border-left: 1px dotted #000;
}
.menu-border6:before{
    z-index: 3;
    position: absolute;
    content: '';
    top: -9px;
    left: 93px;
    width: 0;
    height: 100%;
    border-left: 1px dotted #000;
}
.menu-border7:before{
    z-index: 3;
    position: absolute;
    content: '';
    top: -9px;
    left: 110px;
    width: 0;
    height: 100%;
    border-left: 1px dotted #000;
}
.menu-list1 .tree-box{
    margin-left: 7px;
}
.menu-list2 .tree-box{
    margin-left: 14px;
}
.menu-list3 .tree-box{
    margin-left: 20px;
}
.menu-list4 .tree-box{
    margin-left: 27px;
}
.menu-list5 .tree-box{
    margin-left: 33px;
}
.menu-list6 .tree-box{
    margin-left: 40px;
    background: transparent;

}
.menu-list6 .tree-box:before{
    content: '';
}
.menu-list6 .tree-box:after{
    width: 9px;
}
.selecting{
    color: #d43635 !important;
}
.menu-list a,
.menu-list1 a,
.menu-list2 a,
.menu-list3 a,
.menu-list4 a,
.menu-list5 a,
.menu-list6 a{
    display: inline-block;
    cursor: initial;
    color: #000;
}
.menu-list a.cursor,
.menu-list1 a.cursor,
.menu-list2 a.cursor,
.menu-list3 a.cursor,
.menu-list4 a.cursor,
.menu-list5 a.cursor,
.menu-list6 a.cursor{
    cursor: pointer;
}
.menu-list i+a,
.menu-list1 i+a,
.menu-list2 i+a,
.menu-list3 i+a,
.menu-list4 i+a,
.menu-list5 i+a,
.menu-list6 i+a{
    display: inline-block;
}
/*.menu-list:before{
	position: absolute;
	z-index: 3;
	content: '';
	top: 0;
	left: 11px;
	width: 0;
	height: 100%;
	border-left: 1px dotted #000;
}
.menu-list1:before{
	position: absolute;
	z-index: 3;
	content: '';
	top: 0;
	left: 11px;
	width: 0;
	height: 100%;
	border-left: 1px dotted #000;
}*/
.menu-list{
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    padding-left: 15px;
    box-sizing: border-box;
    white-space: nowrap;
}
.menu-list1{
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    padding-left: 15px;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
}
.menu-list2{
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    padding-left: 25px;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
}
.menu-list3{
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    padding-left: 35px;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
}
.menu-list4{
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    padding-left: 45px;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
}
.menu-list5{
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    padding-left: 55px;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
}
.menu-list6{
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    padding-left: 65px;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
}
.point-i{
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    margin: 0 5px;
    background-color: #000;
}
.type-menu-list{
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    border-bottom: 1px solid #f3f3f3;
}
.select-icon{
    position: relative;
    font-size: 12px;
    padding-right: 3px;
    cursor: pointer;
}
.arrow-icon{
    position: relative;
    font-size: 16px;
    padding-right: 3px;
    cursor: pointer;
}
.arrow-icon:before{
    display: inline-block;
    content: '\e60f';
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.menu-box p.active .arrow-icon:before{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.search-ul li{
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding-left: 7px;
    border-bottom: 1px solid #f3f3f3;
}
.search-ul li a{
    color: #000;
}

.main-box{
    padding-left: 190px;
    padding-right: 7px;
    transition: padding-left .5s;
}
.main-box.close-hide{
    padding-left: 7px;
}
.main-top-box{
    border: 1px solid #f3f3f;
    background-color: #fff;

}
.main-list-box{
    min-width: 100%;
    overflow-x: auto;
    border: 1px solid #f3f3f3;
}
.main-list-box:hover::-webkit-scrollbar-corner,::-webkit-scrollbar-track {
    background-color:#fff;
    border-radius: 0px;
    border: 1px solid #fff;
}
.main-list-box::-webkit-scrollbar-thumb {
    border-radius:0px;
    background-color:#fff;

}
.main-list-box:hover::-webkit-scrollbar-thumb {
    border-radius:0px;
    background-color:#369bf7;

}
.main-list-ul{
    height: 61px;
    padding: 0 12px;
    border-bottom: 1px solid #f3f3f3;
    font-size: 14px;
    color: #666;
    display: table;
    align-items: center;
    justify-content: left;
    margin: 0 7px 0;
    background-color: #fff;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
.main-list-ul li{
    display: table-cell;
    min-width: 70px;
    margin-right: 6px;
    height: 58px;
    line-height: 58px;
    cursor: pointer;
    text-align: center;
}
.main-list-ul li a{
    color: #666;
}
.main-content{
    background: #fff;
    padding: 20px;
    border: 1px solid #f3f3f3;
    margin: 0 10px 20px;
}
.content-box{
    background: #fff;
    border: 1px solid #f3f3f3;
    margin: 0 10px 20px;
}
.crumbs-box{
    padding: 10px 20px;
    font-size: 14px;
    color: #999;
}
.crumbs-box > span{
    display: inline-block;
    width: 50px;
    line-height: 34px;
    float: left;
}
.crumbs-box p{
    line-height: 34px;
    padding: 0 100px 0 50px;
}
.crumbs-box p span{
    padding-right: 10px;
}
.crumbs-box p i{
    cursor: pointer;
    padding-left: 5px;
    cursor: pointer;
}
.crumbs-box .btn-color{
    text-align: center;
    display: block;
    width: 70px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
}
.main-table-box{
    width: 100%;
    overflow: auto;
}
.main-table-box table{
    /*width: 1633px;*/
    width: 1200px;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow-y:scroll;

}
.main-table-box table td{
    width: 150px;
    padding: 10px 20px;
    font-size: 12px;
    text-align: left;
}
.filter-icon{
    padding: 0 5px;
    cursor: pointer;
}
.table-container{
    width: 1650px;
    min-width: 100%;
    overflow-y: scroll;
    background-color: #f3f3f3;
}
.table-list-box{
    width: 100%;
}
.table-list{
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #dbe2e7;
    background: #fff;
    color: #353b4b;
    font-size: 12px;
}
.table-list:hover{
    background-color: rgb(250, 250, 250);
}
.table-list-row{
    display: table;
    overflow: hidden;
    align-items: center;
    justify-content: left;
    width: 100%;
    padding: 0;
}
.table-rows-croll{
    width: 150px;
    max-width: 150px;
    display: table-cell;
    overflow: hidden;
    padding: 0 20px;
}



/*系统管理页面*/
.system-menu li{
    height: 46px;
    line-height: 46px;
    padding-left: 15px;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
}
.system-menu li a{
    display: block;
    color: #000;
}
.edit-icon{
    color: #3fc567;
    padding-right: 15px;
    cursor: pointer;
}
.del-icon{
    color: #f55b6b;
    padding-right: 15px;
    cursor: pointer;
}


/*首页*/
.row-container{
    padding: 15px 0px 0;
}
.row-col-25{
    float: left;
    width: 28.33%;
    padding: 0 15px 20px;
    box-sizing: border-box;
}
.row-col-50{
    float: left;
    width: 43.34%;
    padding: 0 15px 20px;
    box-sizing: border-box;
}
.row-col-70{
    float: left;
    width: 71.67%;
    padding: 0 15px 20px;
    box-sizing: border-box;
}
.row-col-100{
    float: left;
    width: 100%;
    padding: 0 15px 20px;
    box-sizing: border-box;
}
.all-station-plan{
    border-radius: 5px;
    box-shadow: 0 0 14px 6px rgba(59, 152, 253, 0.2);
    background-color: #fff;
    border: 1px solid #f2f2f2;
}
.city-hot-box{
    height: 315px;
    border-radius: 5px;
    box-shadow: 0 0 14px 6px rgba(59, 152, 253, 0.2);
    background-color: #fff;
    border: 1px solid #f2f2f2;
}
.city-hot-p{
    color: #017efe;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}
.map-box{
    position: relative;
    height: 650px;
    border-radius: 5px;
    box-shadow: 0 0 14px 6px rgba(59, 152, 253, 0.2);
    background-color: #fff;
    overflow: hidden;
}
.model-title-box{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    padding: 22px 20px 25px;
}
.model-title-box span{
    color: #333;
    font-size: 12px;
}
.city-ul li{
    float: left;
    width: 33.33%;
    font-size: 12px;
    color: #333;
    padding: 0 0 30px 20px;
}
.city-ul li a{
    text-decoration: underline !important;
}
.city-ul li p:nth-of-type(2){
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
}
.pie-box{
    width: 50%;
    height: 128px;
}
.fault-chart-box{
    width: 100%;
    height: 175px;
}
.map-ul{
    padding: 30px 0;
}
.map-ul li{
    padding-left: 40px;
    float: left;
    width: 25%;
    font-size: 16px;
    color: #000;
}
.map-ul li p:nth-of-type(1){
    position: relative;
    font-weight: bold;
    margin-bottom: 5px;
}
.map-ul li p:nth-of-type(1):before{
    position: absolute;
    content: '';
    top: 50%;
    left: -13px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}
.map-ul li:nth-of-type(1) p:nth-of-type(2){
    color: #017efe;
}
.map-ul li:nth-of-type(1) p:nth-of-type(1):before{
    background-color: #017efe;
}
.map-ul li:nth-of-type(2) p:nth-of-type(2){
    color: #f55b6b;
}
.map-ul li:nth-of-type(2) p:nth-of-type(1):before{
    background-color: #f55b6b;
}
.map-chart{
    width: 100%;
    height: 100%;
}
.full-screen-map{
    position:fixed;
    width: 100%;
    height: 100%;
    top: 90px;
    left:0;
    z-index: 9;
}
.map-icon{
    position: absolute;
    top: 10px;
    right: 0;
    height: 40px;
    z-index: 9;
    font-size: 0;
}
.map-icon i{
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    line-height: 28px;
    margin-right: 10px;
    border: 1px solid #808080;
    background-color: #fff;
    border-radius: 30px;
    font-size: 20px;
    color: #5b89e9;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(128, 128, 128, 0.58);
}

.temperature-box{
    text-align: center;
    padding: 20px 0 50px;
}
.temperature-num{
    font-size: 36px;
    font-weight: bold;
    color: #017efe;
}
.temperature-status{
    padding-left: 20px;
    font-size: 33px;
    color: #666;
}
.temperature-time{
    padding-top: 15px;
    font-size: 14px;
    color: #999;
}
.temperature-ul li{
    float: left;
    width: 33.33%;
    font-size: 12px;
    color: #999;
    text-align: center;
}
.temperature-ul li p:nth-of-type(2){
    padding-top: 10px;
    font-size: 16px;
}
.heating-ul li{
    float: left;
    width: 50%;
    height: 85px;
}
.heating-num{
    text-align: center;
    color: #017EFE;
    font-size: 25px;
    font-weight: bold;
}
.heating-p{
    text-align: center;
    font-size: 14px;
    color: #999;
}
.bar-box{
    height: 40px;
    border-radius: 5px;
    margin: 0 20px 10px;
    background: #f1f8ff;
    overflow: hidden;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.10);
}
.bar-box > div{
    height: 40px;
    background-color: #2c91fd;
    background-image: url(../images/img.png);
    background-repeat: repeat-x;
    background: -webkit-gradient(linear,0% 0%, 100% 0%, from(#3F9AFD), to(#017EFE)) repeat-x url(../images/img.png) ;

}
.security-box{
    margin: 0 20px 20px;
    font-size: 12px;
}
.security-box p:nth-of-type(1){
    color: #999;
}
.security-p{
    padding-left: 20px;
    font-size: 14px;
    color: #999;
}
.security-ul{
    margin: 5px 17px 15px 20px;
}
.security-ul li{
    float: left;
    width: 20%;
    height: 25px;
    font-size: 12px;
    color: #fff;
    padding-right: 3px;
    text-align: center;
}
.security-ul li p{
    width: 100%;
    height: 25px;
    line-height: 25px;
    background-color: #ff4d28;
    border-radius: 3px;
}
.security-ul li:nth-of-type(2) p{
    background-color: #fe7d14;
}
.security-ul li:nth-of-type(3) p{
    background-color: #febd01;
}
.security-ul li:nth-of-type(4) p{
    background-color: #33c15d;
}
.security-ul li:nth-of-type(5) p{
    background-color: #017efe;
}
.monitor-btn{
    display: inline-block;
    vertical-align: top;
    width: 70px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
}
.index-main-table-box{
    width: 100%;
    overflow: auto;
}
.index-table{
    width: 810px;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow-y: scroll;
}
.index-table td{
    width: 135px;
    padding: 10px 20px;
    font-size: 12px;
    text-align: left;
}
.index-table-container{
    width: 810px;
    min-width: 100%;
    overflow-y: scroll;
    background-color: #f3f3f3;
}
.index-table-list-box{
    width: 100%;
}
.index-table-list{
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #dbe2e7;
    background: #fff;
    color: #353b4b;
    font-size: 12px;
}
.index-table-list:hover{
    background-color: rgb(250, 250, 250);
}
.index-table-list-row{
    display: table;
    overflow: hidden;
    align-items: center;
    justify-content: left;
    width: 100%;
    padding: 0;
}
.index-table-rows-croll{
    width: 135px;
    max-width: 135px;
    display: table-cell;
    overflow: hidden;
    padding: 0 20px;
}
.map-div{
    width: 100%;
    height: 100%;
}


/*换热站页面*/
.station-info{
    height: 38px;
    width: 100%;
}
.station-btn{
    margin: 10px 0;
}
.station-info > p{
    padding-left: 20px;
    line-height: 36px;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #ddd;
}
.station-ul{
    float: left;
}
.station-ul li{
    float: left;
    width: 16.66%;
    min-width: 200px;
    padding: 20px;
    font-size: 12px;
    color: #666;
    text-align: center;
}
.station-ul li p:nth-of-type(2){
    padding-top: 5px;
    font-size: 16px;
}
.img{
    display: block;
    width: 100%;
}
.always-ul{
    height: 235px;
    overflow: hidden;
}
.always-ul li{
    float: left;
    width: 33.33%;
    font-size: 13px;
    color: #333;
    text-align: center;
}
.always-ul li a{
    color: #333;
}
.always-ul li i{
    display: block;
    margin: 0 auto;
    font-size: 50px;
    line-height: 66px;
}
.always-ul li p{
    height: 40px;
    line-height: 1.5;
}
.always-ul li i:before{
    content: '\e7ba';
    color: #ea00ff;
}
.always-ul li .icon-always1:before{
    content: '\e7be';
    color: #ff0882;
}
.always-ul li .icon-always2:before{
    content: '\e7bd';
    color: #4897ff;
}
.always-ul li .icon-always3:before{
    content: '\e7bc';
    color: #59d827;
}
.always-ul li .icon-always4:before{
    content: '\e7bb';
    color: #3b4fff;
}
.always-ul li .icon-always5:before{
    content: '\e7ba';
    color: #ea00ff;
}
.always-ul li .icon-always6:before{
    content: '\e7b9';
    color: #18df9c;
}
.always-ul li .icon-always7:before{
    content: '\e7b8';
    color: #00c8ff;
}
.always-ul li .icon-always8:before{
    content: '\e7b7';
    color: #ffca12;
}
.always-ul li .icon-always9:before{
    content: '\e7b6';
    color: #ff9700;
}
.always-ul li .icon-always10:before{
    content: '\e7b5';
    color: #ff4e4d;
}
.always-ul li .icon-always11:before{
    content: '\e7b4';
    color: #a032ff;
}

/*热站编辑*/
.heating-edit-box{
    /*min-width: 1290px;*/
    background-color: #fff;
    border-radius: 5px;
    min-height: 600px;
}
.heating-edit-tit{
    position: relative;
    padding: 0 0 10px;
    font-size: 16px;
    color: #2BA5F6;
}
.heating-edit-content{
    /*width: 1250px;*/
    margin: 0 auto;
}
.heating-edit-map{
    position: relative;
    width: 1000px;
    min-height: 500px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*.heating-edit-menu{
	width: 250px;

}*/
.heating-edit-menu-tit{
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #007AFF;
    text-align: center;
}
.heating-edit-menu-ul{
    margin-bottom: 20px;
    border: 1px solid #D0D0D0;
    background: #fff;
    width: 280px;
    position: absolute;
    z-index: 10;
    display: none;
    font-size: 13px;
}
.close-btn{
    position: absolute;
    right: -6px;
    top: -6px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    cursor: pointer;
    display: block;
    color: #007AFF;
    font-size: 16px;
    background-color: #fff;
}
.heating-edit-menu-ul ul li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #D0D0D0;
}
.heating-edit-menu-ul ul:nth-of-type(1){
    width: 55%;
    border-right: 1px solid #D0D0D0;

}
.heating-edit-menu-ul ul:nth-of-type(2){
    width: 45%;
    text-align: center;

}
/*.heating-edit-menu-ul ul li > p:nth-of-type(2){
	width: 45%;
	text-align: center;
}*/
.heating-edit-btn{
    display: block;
    width: 80px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 5px;
    color: #fff;
    background-color: #007AFF;
}
.movBox{
    background-color: #D0D0D0;
    width: 60px;
    height: 30px;
    top: 30px;
    left: 200px;
    position: absolute;
}
.heating-edit-table{
    width: 100%;
    border-color: #D0D0D0;
}
.heating-edit-table td,
.heating-edit-table th{
    height: 35px;
    border-color: #D0D0D0;
    text-align: center;
}
.heating-edit-table th{
    background-color: #007AFF;
    color: #fff;
}
.heating-edit-table tr:nth-of-type(2) {
    background-color: #007AFF;
    color: #fff;

}
.heating-edit-table td a{
    color: #007AFF;
}
.heating-edit-table-btn{
    display: block;
    margin: 15px auto 0;
    width: 80px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #007AFF;
}
.heating-edit-popup{
    position: fixed;
    left: 50%;
    top: 150px;
    margin-left: -400px;
    width: 800px;
    height: 470px;
    z-index: 6;
}
.popup-layer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 5;
}
.popup-box{
    position: relative;
    z-index: 6;
    width: 100%;
    padding-bottom: 20px;
    min-height: 470px;
    background-color: #fff;
}
.popup-box img{
    display: block;
    width: 100%;
}
.upload-button{
    position: relative;
    background-color: transparent;
    color: #000;
    border: 1px solid #cccaca;
}
.upload-button input{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.upload-button p{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 38px;
    text-align: center;
}

/**/
@media screen and (max-width: 1200px) {
    .row-col-25{
        width: 100%;
    }
    .row-col-50{
        width: 100%;
    }
    .row-col-70{
        width: 100%;
    }
}
@media (min-width:1124px) {
    .navbar-toggle {
        display: none
    }
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
    .navbar-fixed-bottom,.navbar-fixed-top {
        border-radius: 0
    }
    .navbar-static-top {
        border-radius: 0
    }
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
        background-color: transparent;
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
    .navbar-header {
        float: left
    }
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }

}
@media (max-width:1123px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        color: #000;
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}



/*色系---蓝色*/
html,body{
    background-color: #f3f9ff;
}
.bg2f8ffa{
    background-color: #017efe;
}
.fontco2f8ffa{
    color: #017efe;
}
.bg-blue .header{
    background: -webkit-gradient(linear,0% 0%, 100% 0%, from(#3F9AFD), to(#017EFE));
    background-color: #228cfd;
}
.bg-blue .header-menu li.active{
    background-color: #fff;
    color: #017efe;
    border-bottom: 3px solid #017efe;
}
.bg-blue .header-menu li.active a{
    color: #017efe;
}
.bg-blue .main-list-ul li.active{
    color: #017efe;
    border-bottom: 4px solid #017efe;
}
.bg-blue .main-list-ul li.active a{
    display: block;
    color: #017efe;
}
.bg-blue .main-list-ul li a:hover{
    color: #017efe;
}
.bg-blue .main-table-box table th{
    background-color: #dfeeff;
    color: #017efe;
}
.bg-blue .system-menu li.active a{
    color: #017efe;
}
.bg-blue .btn-color{
    background-color: #017efe;
}
.bg-blue .font-color{
    color: #017efe;
}
.bg-blue .index-table{
    background-color: #dfeeff;
    color: #017efe;
}
.bg-blue .index-main-table-box th,
.bg-blue .city-hot-box th{
    background-color: #dfeeff;
    color: #017efe;
}
.bg-blue .menu-box li.active,
.bg-blue .menu-box li.active a{
    color: #017efe;
}
.bg-blue .layui-nav .layui-nav-child dd.layui-this a,
.bg-blue .layui-nav-child dd.layui-this{
    background-color: #017efe;
}
.bg-blue .navbar-collapse{
    background-color: #017efe;
}
.bg-blue .nav-list-ul li a:hover{
    color: #017efe;
}
.bg-blue .tab-title-bg .layui-this{
    background: #017efe;
    color: #fff;
}
.bg-blue .layui-form-select dl dd.layui-this{
    background: #017efe;
}
.bg-blue .layui-btn{
    background: #017efe;
}
.bg-blue .layui-laydate .layui-this{
    background: #017efe!important;
}
.bg-blue .layui-laydate-content td.laydate-selected{
    background: #82bffd;
}
/*.bg-blue .reporting-ul li.active,
.bg-blue .reprot-ul li.active{
	background-color: #017efe;
	color: #fff;
}*/
.bg-blue .monitor-box{
    height: 26px;
    border: 1px solid #017efe;
}
.bg-blue .monitor-btn.active{
    background-color: #017efe;
    color: #fff;
}
.bg-blue .template-ul-box ul li.active a{
    color: #017efe;
}
.bg-blue .mas-check i:before {
    content: '\e6b3';
    color: #017efe;
    font-size: 12px;
}
.bg-blue .mas-checked i:before {
    content: '\e6b4';
    color: #017efe;
}
/*.bg-blue .model-title-box{
    color: #017efe;
}*/
.bg-blue .model-title-box span{
    font-size: 12px;
}
.bg-blue .city-hot-box,
.bg-blue .map-box,
.bg-blue .all-station-plan,
.bg-blue .box-shadow{
    box-shadow: 0 0 14px 6px rgba(59, 152, 253, 0.2);
    -moz-box-shadow: 0 0 14px 6px rgba(59, 152, 253, 0.2);
}
.bg-blue .tree-box:before{
    color: #017efe;
}
.bg-blue .tree-box:after,
.bg-blue .menu-border1:before,
.bg-blue .menu-border2:before,
.bg-blue .menu-border3:before,
.bg-blue .menu-border4:before,
.bg-blue .menu-border5:before,
.bg-blue .menu-border6:before,
.bg-blue .menu-border7:before{
    border-color: #017efe;
}
.bg-blue .tab-title-bg li{
    color: #017efe;
    background: #c9e4ff;
}
.bg-blue .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #017efe;
}
.bg-blue .layui-tab-title li .layui-tab-close{
    color: #017efe;
}
.bg-blue .menu-search-box{
    background: #c9e4ff;
}
.bg-blue .building-ul li{
    border: 1px solid #017efe;
    color: #017efe;
}
.bg-blue .building-ul li.active{
    background-color: #017efe;
}
.bg-blue .analyze-tab-box ul li.active{
    color: #017efe;
    background: rgb(224, 224, 224);
}


/*色系---黑色*/
.bg2a314b{
    background-color: #2a314b;
}
.fontco2a314b{
    color: #2a314b;
}
.bg-black .header{
    background: -webkit-gradient(linear,0% 0%, 100% 0%, from(#2a314b), to(#2a314b));
    background-color: #2a314b;
}
.bg-black .header-menu li.active{
    background-color: #fff;
    color: #2a314b;
    border-bottom: 3px solid #2a314b;
}
.bg-black .header-menu li.active a{
    color: #2a314b;
}
.bg-black .main-list-ul li.active{
    color: #2a314b;
    border-bottom: 4px solid #2a314b;
}
.bg-black .main-list-ul li.active a{
    display: block;
    color: #2a314b;
}
.bg-black .main-list-ul li a:hover{
    color: #2a314b;
}
.bg-black .main-table-box table th{
    background-color: #d4d5db;
    color: #2a314b;
}
.bg-black .system-menu li.active a{
    color: #2a314b;
}
.bg-black .btn-color{
    background-color: #2a314b;
}
.bg-black .font-color{
    color: #2a314b;
}
.bg-black .index-table{
    background-color: #dce7fb;
    color: #2a314b;
}
.bg-black .index-main-table-box th,
.bg-black .city-hot-box th{
    background-color: #d4d5db;
    color: #2a314b;
}
.bg-black .menu-box li.active,
.bg-black .menu-box li.active a{
    color: #2a314b;
}
.bg-black .layui-nav .layui-nav-child dd.layui-this a,
.bg-black .layui-nav-child dd.layui-this{
    background-color: #2a314b;
}
.bg-black .navbar-collapse{
    background-color: #2a314b;
}
.bg-black .nav-list-ul li a:hover{
    color: #2a314b;
}
.bg-black .tab-title-bg .layui-this{
    background: #2a314b;
    color: #fff;
}
.bg-black .layui-form-select dl dd.layui-this{
    background: #2a314b;
}
.bg-black .layui-btn{
    background: #2a314b;
}
.bg-black .layui-laydate .layui-this{
    background: #2a314b!important;
}
.bg-black .layui-laydate-content td.laydate-selected{
    background: #b8c3ec;
}
.bg-black .monitor-box{
    height: 26px;
    border: 1px solid #2a314b;
}
.bg-black .monitor-btn.active{
    background-color: #2a314b;
    color: #fff;
}
.bg-black .template-ul-box ul li.active a{
    color: #2a314b;
}
.bg-black .mas-check i:before {
    content: '\e6b3';
    color: #2a314b;
    font-size: 12px;
}
.bg-black .mas-checked i:before {
    content: '\e6b4';
    color: #2a314b;
}
.bg-black .city-hot-box,
.bg-black .map-box,
.bg-black .all-station-plan,
.bg-black .box-shadow{
    box-shadow: 0 0 14px 6px rgba(42, 49, 75, 0.2);
    -moz-box-shadow: 0 0 14px 6px rgba(42, 49, 75, 0.2);
}
.bg-black .tree-box:before{
    color: #2a314b;
}
.bg-black .tree-box:after,
.bg-black .menu-border1:before,
.bg-black .menu-border2:before,
.bg-black .menu-border3:before,
.bg-black .menu-border4:before,
.bg-black .menu-border5:before,
.bg-black .menu-border6:before,
.bg-black .menu-border7:before{
    border-color: #2a314b;
}
.bg-black .tab-title-bg li{
    color: #2a314b;
    background: #c8d7f3;
}
.bg-black .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #2a314b;
}
.bg-black .layui-tab-title li .layui-tab-close{
    color: #2a314b;
}
.bg-black .menu-search-box{
    background: #c8d7f3;
}
.bg-black .building-ul li{
    border: 1px solid #2a314b;
    color: #2a314b;
}
.bg-black .building-ul li.active{
    background-color: #2a314b;
}
.bg-black .analyze-tab-box ul li.active{
    color: #2a314b;
    background: rgb(224, 224, 224);
}

/*色系---绿色*/
.bg32ce98{
    background-color: #32ce98;
}
.fontco32ce98{
    color: #32ce98;
}
.bg-green .header{
    background: -webkit-gradient(linear,0% 0%, 100% 0%, from(#3bceaf), to(#26cd7c));
    background-color: #32ce98;
}
.bg-green .header-menu li.active{
    background-color: #fff;
    color: #32ce98;
    border-bottom: 3px solid #32ce98;
}
.bg-green .header-menu li.active a{
    color: #32ce98;
}
.bg-green .main-list-ul li.active{
    color: #32ce98;
    border-bottom: 4px solid #32ce98;
}
.bg-green .main-list-ul li.active a{
    display: block;
    color: #32ce98;
}
.bg-green .main-list-ul li a:hover{
    color: #32ce98;
}
.bg-green .main-table-box table th{
    background-color: #d6f5ea;
    color: #32ce98;
}
.bg-green .system-menu li.active a{
    color: #32ce98;
}
.bg-green .btn-color{
    background-color: #32ce98;
}
.bg-green .font-color{
    color: #32ce98;
}
.bg-green .index-table{
    background-color: #d6f5ea;
    color: #32ce98;
}
.bg-green .index-main-table-box th,
.bg-green .city-hot-box th{
    background-color: #d6f5ea;
    color: #32ce98;
}
.bg-green .menu-box li.active,
.bg-green .menu-box li.active a{
    color: #32ce98;
}
.bg-green .layui-nav .layui-nav-child dd.layui-this a,
.bg-green .layui-nav-child dd.layui-this{
    background-color: #32ce98;
}
.bg-green .navbar-collapse{
    background-color: #32ce98;
}
.bg-green .nav-list-ul li a:hover{
    color: #32ce98;
}
.bg-green .tab-title-bg .layui-this{
    background: #32ce98;
    color: #fff;
}
.bg-green .layui-form-select dl dd.layui-this{
    background: #32ce98;
}
.bg-green .layui-btn{
    background: #32ce98;
}
.bg-green .layui-laydate .layui-this{
    background: #32ce98!important;
}
.bg-green .layui-laydate-content td.laydate-selected{
    background: #a7ecd5;
}
.bg-green .city-hot-box,
.bg-green .map-box,
.bg-green .all-station-plan,
.bg-green .box-shadow{
    box-shadow: 0 0 14px 6px rgba(167, 236, 213, 0.4);
    -moz-box-shadow: 0 0 14px 6px rgba(167, 236, 213, 0.4);
}
.bg-green .monitor-box{
    height: 26px;
    border: 1px solid #32ce98;
}
.bg-green .monitor-btn.active{
    background-color: #32ce98;
    color: #fff;
}
.bg-green .template-ul-box ul li.active a{
    color: #32ce98;
}
.bg-green .mas-check i:before {
    content: '\e6b3';
    color: #32ce98;
    font-size: 12px;
}
.bg-green .mas-checked i:before {
    content: '\e6b4';
    color: #32ce98;
}
.bg-green .tree-box:before{
    color: #32ce98;
}
.bg-green .tree-box:after,
.bg-green .menu-border1:before,
.bg-green .menu-border2:before,
.bg-green .menu-border3:before,
.bg-green .menu-border4:before,
.bg-green .menu-border5:before,
.bg-green .menu-border6:before,
.bg-green .menu-border7:before{
    border-color: #32ce98;
}
.bg-green .tab-title-bg li{
    color: #32ce98;
    background: #dbf3ea;
}
.bg-green .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #32ce98;
}
.bg-green .layui-tab-title li .layui-tab-close{
    color: #32ce98;
}
.bg-green .menu-search-box{
    background: #dbf3ea;
}
.bg-green .building-ul li{
    border: 1px solid #32ce98;
    color: #32ce98;
}
.bg-green .building-ul li.active{
    background-color: #32ce98;
}
.bg-green .analyze-tab-box ul li.active{
    color: #32ce98;
    background: rgb(224, 224, 224);
}

/*色系---深蓝*/
.bg1d396b{
    background-color: #1d396b;
}
.fontco1d396b{
    color: #1d396b;
}
.bg-deongaree .header{
    background: -webkit-gradient(linear,0% 0%, 100% 0%, from(#1d396b), to(#1d396b));
    background-color: #1d396b;
}
.bg-deongaree .header-menu li.active{
    background-color: #fff;
    color: #1d396b;
    border-bottom: 3px solid #1d396b;
}
.bg-deongaree .header-menu li.active a{
    color: #1d396b;
}
.bg-deongaree .main-list-ul li.active{
    color: #1d396b;
    border-bottom: 4px solid #1d396b;
}
.bg-deongaree .main-list-ul li.active a{
    display: block;
    color: #1d396b;
}
.bg-deongaree .main-list-ul li a:hover{
    color: #1d396b;
}
.bg-deongaree .main-table-box table th{
    background-color: #d1d7e1;
    color: #1d396b;
}
.bg-deongaree .system-menu li.active a{
    color: #1d396b;
}
.bg-deongaree .btn-color{
    background-color: #1d396b;
}
.bg-deongaree .font-color{
    color: #1d396b;
}
.bg-deongaree .index-table{
    background-color: #e0e9f9;
    color: #1d396b;
}
.bg-deongaree .index-main-table-box th,
.bg-deongaree .city-hot-box th{
    background-color: #d1d7e1;
    color: #1d396b;
}
.bg-deongaree .menu-box li.active,
.bg-deongaree .menu-box li.active a{
    color: #1d396b;
}
.bg-deongaree .layui-nav .layui-nav-child dd.layui-this a,
.bg-deongaree .layui-nav-child dd.layui-this{
    background-color: #1d396b;
}
.bg-deongaree .navbar-collapse{
    background-color: #1d396b;
}
.bg-deongaree .nav-list-ul li a:hover{
    color: #1d396b;
}
.bg-deongaree .tab-title-bg .layui-this{
    background: #1d396b;
    color: #fff;
}
.bg-deongaree .layui-form-select dl dd.layui-this{
    background: #1d396b;
}
.bg-deongaree .layui-btn{
    background: #1d396b;
}
.bg-deongaree .layui-laydate .layui-this{
    background: #1d396b!important;
}
.bg-deongaree .layui-laydate-content td.laydate-selected{
    background: #9db9ea;
}
.bg-deongaree .tab-title-bg li{
    color: #1d396b;
    background: #c8d5ec;
}

.layui-btn.layui-btn-danger{
    background-color: #FF5722;
}
.bg-deongaree .monitor-box{
    height: 26px;
    border: 1px solid #1d396b;
}
.bg-deongaree .monitor-btn.active{
    background-color: #1d396b;
    color: #fff;
}
.bg-deongaree .template-ul-box ul li.active a{
    color: #1d396b;
}
.bg-deongaree .mas-check i:before {
    content: '\e6b3';
    color: #1d396b;
    font-size: 12px;
}
.bg-deongaree .mas-checked i:before {
    content: '\e6b4';
    color: #1d396b;
}
.bg-deongaree .city-hot-box,
.bg-deongaree .map-box,
.bg-deongaree .all-station-plan,
.bg-deongaree .box-shadow{
    box-shadow: 0 0 14px 6px rgba(29, 57, 107, 0.2);
    -moz-box-shadow: 0 0 14px 6px rgba(29, 57, 107, 0.2);
}
.bg-deongaree .tree-box:before{
    color: #1d396b;
}
.bg-deongaree .tree-box:after,
.bg-deongaree .menu-border1:before,
.bg-deongaree .menu-border2:before,
.bg-deongaree .menu-border3:before,
.bg-deongaree .menu-border4:before,
.bg-deongaree .menu-border5:before,
.bg-deongaree .menu-border6:before,
.bg-deongaree .menu-border7:before{
    border-color: #1d396b;
}
.bg-deongaree .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #1d396b;
}
.bg-deongaree .layui-tab-title li .layui-tab-close{
    color: #1d396b;
}

.bg-deongaree .menu-search-box{
    background: #c8d5ec;
}
.bg-deongaree .building-ul li{
    border: 1px solid #1d396b;
    color: #1d396b;
}
.bg-deongaree .building-ul li.active{
    background-color: #1d396b;
}
.bg-deongaree .analyze-tab-box ul li.active{
    color: #1d396b;
    background: rgb(224, 224, 224);
}










.tab-title-bg li.layui-this .layui-tab-close{
    color: #fff;
}
.tab-title-bg li .layui-tab-close:hover{
    color: #fff;
}

/*面板版本*/
.nev-panel-list{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 49px;
}
.nev-panel-list > a {
    position: relative;
    display: block;
    padding: 0 20px;
    color: #fff;
    color: rgba(255,255,255,1);
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: 16px;
}
.nev-panel-list > a div.le1{
    display: none;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    z-index: 1000;
    bottom: -1px;
    left: 50%;
    margin-left: -8px;
}
.nev-panel-list:hover div.le1{
    display: block;
}
/*.nev-panel-list:hover .nav-panel-box{
	height: 400px;
}*/
.nav-panel-box{
    position: absolute;
    top: 50px;
    right: 180px;
    z-index: 10;
    min-width: 900px;
    display: none;
    background-color: #fff;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.4);
    overflow: hidden;
}
.nav-panel-box > div{
    padding: 28px 20px;
}
.nav-panel-tit{
    height: 24px;
    line-height: 24px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.nav-list-ul{
    width: 130px;
    color: #1b2226;
    font-size: 12px;
}
.nav-list-ul li{
    height: 24px;
    line-height: 24px;
    color: #1b2226;
    font-size: 12px;
    margin-bottom: 4px;
}
.nav-list-ul li a{
    display: block;
    cursor: pointer;
}
.nav-list-ul li a:hover{
    color: #000;
}
.fixed-table-container{
    border: 0;
    border-radius: 0;
}



/*热户信息页面*/
.household-col-50{
    width: 50%;
    padding: 0 10px 10px;
    box-sizing: border-box;
}
.household-col-100{
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
}
.household-info-box{
    height: 240px;
    background-color: #fff;
    border: 1px solid #eee;
    /*box-shadow: 0 0 14px 6px rgba(59, 152, 253, 0.2);*/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
.household-tit{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    padding-left: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.household-name{
    font-weight: bold;
    padding: 0 0 10px 15px;
    font-size: 18px;
}
.building-chart-box{
    position: relative;
}
.building-chart{
    position: absolute;
    top: 0;
    left: 0;
    height: 180px;
    width: 100%;
    z-index: 1;
}
.building-chart #chartBox,
.building-chart #chartBox2{
    float: left;
    width: 50%;
    height: 180px;
}
.household-chart{
    width: 100%;
    height: 545px;
}
.temperature-chart{
    width: 100%;
    height: 565px;
}
.household-info-ul li{
    float: left;
    width: 50%;
    height: 26px;
    line-height: 26px;
    color: #000;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.household-info-ul li span{
    display: inline-block;
    /*width: 90px;*/
    padding-left: 15px;
}
.household-info-ul2{
    /*padding-left: 100px;*/
}
.household-info-ul2 li{
    float: left;
    width: 50%;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.household-info-ul2 li span{
    display: inline-block;
    width: 80px;
    padding-left: 15px;
}
em.em-color1{
    color: #000fff;
}
em.em-color2{
    color: #008000;
}
.household-chart-box{
    background-color: #fff;
    min-height: 540px;
    border: 1px solid #eee;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
.checkbox-common > div.layui-form-checkbox{
    margin-top: 0 !important;
}
.household-table-box{
    background-color: #fff;
    height: 310px;
    border: 1px solid #eee;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    font-size: 12px;
}
.household-table-box > .table{
    border-radius: 0;
}
.household-table-box table th{
    background-color: #ededee;
}
.fixed-table-container thead th:first-child:not([data-not-first-th]){
    border-radius: 0;
}
.household-chart-box > .table{
    border-radius: 0;
}
.household-chart-box table th{
    background-color: #ededee;
}
.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner{
    background: #ededee;
}
/*小区，楼房，单元*/
.building-ul li{
    float: left;
    padding: 0 5px;
    height: 26px;
    line-height: 26px;
    margin: 9px 0;
    font-size: 12px;
    border: 1px solid #1d396b;
    cursor: pointer;
    color: #1d396b;
}
.building-ul li.active{
    background-color: #1d396b;
    color: #fff;
}

/*热表告警查询*/
.alarm-top-box{
    height: 87px;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    margin: 0 10px 10px;
}
.alarm-ul1{
    height: 87px;
}
.alarm-ul1 li{
    padding: 20px 30px;
    float: left;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.alarm-ul1 li p:nth-of-type(2){
    margin-top: 5px;
}

/*耗热量分析页面*/
.analysis-heat-box{
    width: 100%;
    height: 100%;
    border: 1px solid #f3f3f3;
    background-color: #fff;
    padding-top: 20px;
}

/**/
.analysis-consumption-box{
    width: 100%;
    border: 1px solid #f3f3f3;
    background-color: #fff;
    padding-top: 20px;
}
.analysis-consumption-box:nth-of-type(1){
    margin-bottom: 20px;
}
.artificial-box{
    margin: 0 10px;
    padding: 20px 0;
}
.artificial-box .layui-form-label{
    width: 110px;
}

table.plan-table th{
    text-align: center;
    font-weight: bold;
    color: #000;
}
table.plan-table td{
    text-align: center;
}

.time-edit-class{
    background-color: #fff;
}

.layui-colorpicker-main-input div.layui-inline{
    margin-right: 0;
}
.layui-btn-primary.layui-btn{
    background-color: #fff;
}
.layui-colorpicker.layui-colorpicker-lg{
    height: 38px;
    width: 38px;
    line-height: 36px;
}

/*百度地图覆盖*/
.anchorBL{
    display: none;
}

/*登录页面*/
.login-box{
    position: relative;
    width: 600px;
    height: 440px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #797979a1;
}
.login-box .layui-form{
    width: 365px;
    margin: 0 auto;
    padding-top: 110px;
}
.login-box .layui-form .layui-input-block{
    margin-left: 0;
    margin-bottom: 25px;
}
.login-box .layui-form .layui-input-block .layui-input{
    height: 52px;
    line-height: 50px;
    background-color: #f3f3f3;
    font-size: 18px;
}
.center-btn-box{
    width: 100%;
}
.center-btn{
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    background: #2ba6f6;
    background: -webkit-linear-gradient(135deg, #2ba6f6, #416df0);
    background: linear-gradient(135deg, #2ba6f6, #416df0);
}
.forget{
    padding-top: 10px;
    color: #000;
}
.forget:hover{
    color: red;
}


/**/
.reporting-ul{
    position: absolute;
    right: 30px;
    top: 27px;
    overflow: hidden;
}
.reporting-ul li{
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.reporting-ul li span{
    padding-bottom: 2px;
}
.reporting-ul li.active span{
    border-bottom: 1px solid #828282;
}
.reporting-box{
    display: none;
}
table.reporting-table th{
    text-align: center;
    font-weight: bold;
    color: #000;
}
table.reporting-table td{
    text-align: center;
}

/*负荷预测分析*/
.forecastt-box{
    width: 100%;
    height: 100%;
    border: 1px solid #f3f3f3;
    background-color: #fff;
    padding-top: 20px;
}
.forecastt-box .layui-form-label{
    width: 125px;
}
.forecastt-box .layui-form-item .layui-input-inline{
    width: 120px;
}
.forecastt-ul{
    width: 82px;
    height: 26px;
    border: 1px solid #000;
    border-radius: 25px;
    text-align: center;
    margin: 9px 20px;
    overflow: hidden;
}
.forecastt-ul li{
    float: left;
    width: 40px;
    line-height: 24px;
    font-size: 12px;
    cursor: pointer;
}

.itemIcon{
    display: inline-block;
    margin-right: 5px;
    border-radius: 10px;
    width: 10px;
    height: 10px;
}


/*历史数据*/
.history-box{
    width: 100%;
    background: #fff;
}

.all-section{
    margin: 0 10px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #f2f2f2;
}

.reprot-ul li{
    position: relative;
    float: left;
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    cursor: pointer;
}
.reprot-ul li:nth-of-type(1){
    border-right-width: 0;
}
.reprot-ul li span{
    padding-bottom: 2px;
}
.reprot-ul li.active span{
    border-bottom: 1px solid #828282;
}
.map-line-width{
    display: inline-block;
    height: 36px;
    width: 85px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    vertical-align: middle;
}
.map-drawing-box{
    position: absolute;
    top: 85px;
    right: 20px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.4);
}
.map-drawing-box button{
    font-size: 18px;
}

/*介绍登录页*/
.introduce-header{
    position: fixed;
    z-index: 100;
    top: 30px;
    left: 0;
    width: 100%;
    height: 85px;
    display: block;
}
.header-box{
    height: 100%;
    padding: 0 40px;
    min-width: 821px;
}
.header-box .introduce-logo{
    display: block;
    width: 132px;
    height: 85px;
    background-position: 0 0;
}
.header-box .introduce-logo img{
    display: block;
    width: 100%;
}
.introduce-login-btn{
    font-size: 14px;
    display: block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    border-radius:35px;
    text-align: center;
    color: #fff;
    background: #0f3e92;
    box-shadow: 0 6px 50px rgba(42, 122, 251, 0.5);
    margin: 25px 0;
}

/*注册窗口*/



.arrow {
    opacity: 1;
    animation: arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
    -webkit-animation: arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: absolute;
    z-index: 100;
    bottom: 10px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height: 58px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    overflow: hidden;
}
.arrow:hover{
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
@keyframes arrow{
    0%  {
        bottom:10px;
        opacity:1;
    }
    50% {
        bottom:50px;
        opacity:.5
    }
    100%{
        bottom:10px;
        opacity:1;
    }
}
@-webkit-keyframes arrow{
    0%  {
        bottom:10px;
        opacity:1;
    }
    50% {
        bottom:50px;
        opacity:.5
    }
    100%{
        bottom:10px;
        opacity:1;
    }
}
.first-img{
    display: block;
    max-width: 981px;
    width: 61.25%;
    margin: 0 auto;
}
.home-menu-content .introduce-p2{
    width: 930px;
    margin: 0 auto;
    padding: 0 0 30px 20px;
    text-align: left;
    font-weight: bold;
    font-size: 36px;
}
.introduce-ul{
    width: 930px;
    margin: 0 auto 80px;
}
.introduce-ul li{
    width: 270px;
    margin: 0 20px;
    float: left;
}
.introduce-ul li div{
    width: 100%;
    height: 230px;
    padding: 68px 0 0;
    background-color: rgba(42, 122, 251, 0.4);
    border-radius: 10px;

}
.introduce-ul li div img{
    display: block;
    margin: 0 auto;
}
.introduce-ul li p{
    width: 140px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: -25px auto 0;
    text-align: center;
    color: #fff;
    background-color: #00173b;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 0 6px 50px rgba(42, 122, 251, 0.5);
}
.introduce-ul-box{
    font-size: 0;
    height: 50px;
    line-height: 50px;
    margin-bottom: 25px;
    color: #fff;
    transform: translate(100%);
    opacity: 0;
    transition: all .75s ease-out;
}
.introduce-ul-box.animateList{
    transform: none;
    opacity: 1;
}
.introduce-ul-box:nth-of-type(2){
    transition: all .7s ease-out .3s;
}
.introduce-ul-box:nth-of-type(3){
    transition: all .7s ease-out .5s;
}
.introduce-ul-box span{
    vertical-align: top;
    display: inline-block;
    margin-right: 25px;
    font-size: 28px;
}
.introduce-ul-box ul{
    position: relative;
    width: 743px;
    height: 50px;
    padding: 0 10px;
    vertical-align: top;
    display: inline-block;
    font-size: 20px;
}
.introduce-ul-box ul:before{
    content: '';
    z-index: 0;
    left: 0;
    top: 50%;
    margin-top: -5px;
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #15489c;
    border-radius: 25px;
}
.introduce-ul-box ul li{
    position: relative;
    z-index: 1;
    float: left;
    width: 140px;
    height: 50px;
    line-height: 50px;
    margin: 0 50px;
    border-radius: 10px;
    text-align: center;
    background-color: #00173b;
}
.introduce-ul-box2{
    font-size: 0;

}

.introduce-ul-box2 img{
    margin-top: 55px;
    margin-right: 70px;
    vertical-align: top;
    display: inline-block;
}
.introduce-box3{
    color: #fff;
    width: 690px;
}
.introduce-box3{
    vertical-align: top;
    display: inline-block;
}
.introduce-ul-box2 .introduce-box3 p{
    text-align: left;
    font-weight: bold;
    font-size: 36px;
    padding-bottom: 20px;
    transform: translate(100%);
    opacity: 0;
    transition: all .75s ease-out;
}
.introduce-ul-box2 img{
    transform: translatey(-100%);
    opacity: 0;
    transition: all .35s ease-out;
}
.introduce-ul-box2 img.animateList{
    transform: none;
    opacity: 1;
}
.introduce-ul-box2 .introduce-box3 p.animateList{
    transform: none;
    opacity: 1;
}
.introduce-ul-box2 .introduce-box3 p:nth-of-type(2){
    font-size: 20px;
    font-weight: 400;
    transition: all .75s ease-out .1s;
}
.introduce-box3 ul li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    text-align: left;
    opacity: 0;
    transform: translatey(400%);
    transition: all .7s ease-out;

}
.introduce-box3 ul li.animateList{
    transform: none;
    opacity: 1;
}
.introduce-box3 ul li:nth-child(2){
    transition: all .7s ease-out .3s;
}
.introduce-box3 ul li:nth-child(3){
    transition: all .7s ease-out .5s;
}
.introduce-box3 ul li:nth-child(4){
    transition: all .7s ease-out .7s;
}
.introduce-box3 ul li:before{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #fff;

}

.panel{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}
.section-bg{
    display: block;
    height: 100%;
    flex-shrink: 0;
}
.left-box{
    width: 100%;
    min-width: 22%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background-color: rgba(22,151,209,.9);*/
    z-index: 99;
    text-align: center;
    -webkit-transition: background-color 1.2s ease-out;
    -moz-transition: background-color 1.2s ease-out;
    transition: background-color 1.2s ease-out;
}

/*.meiyue{
	background-color: rgba(231, 164, 53, 0.9);
}
.cenci{
	background-color: rgba(52, 76, 108, 0.9);
}
.binggou{
	background-color: rgba(149, 34, 49, 0.9);
}
.shike{
	background-color: rgba(62, 62, 126, 0.9);
}*/

.home-menu{
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
}
.home-menu-content{
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -150px;
}
.home-menu-content h3{
    font-size: 56px;
    margin-bottom: 20px;
    font-weight: 500;
    width: 100%;
    color: #fff;
}
.home-menu-content p{
    font-size: 32px;
    font-weight: 200;
    padding-bottom: 75px;
    color: #fff;
}
.home-menu-content a{
    position: relative;
    color: #000;
    font-size: 18px;
    -webkit-transition:color .4s ease-out;
    -moz-transition:color .4s ease-out;
    transition:color .4s ease-out;
}
.home-menu-content a:hover{
    color: #fff;
}
.home-menu-content a:after {
    content:'';
    height:3px;
    background-color:#fff;
    width:auto;
    position:absolute;
    right:0;
    bottom:-10px;
    left:0;
    -webkit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    transform:scaleX(0);
    opacity:0;
    -webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);
    -moz-transition:all .5s cubic-bezier(.165,.84,.44,1);
    transition:all .5s cubic-bezier(.165,.84,.44,1);
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.home-menu-content a:hover:after {
    -webkit-transform:scaleX(1);
    -moz-transform:scaleX(1);
    -ms-transform:scaleX(1);
    -o-transform:scaleX(1);
    transform:scaleX(1);
    opacity:1
}

.introduce-login{
    width: 838px;
    font-size: 0;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left:50%;
    margin-left: -419px;
    margin-top: -305px;
    z-index: 301;
    background-color: #fff;
    display: none;

}
.introduce-login-box{
    display: inline-block;
    width: 419px;
    padding: 60px 55px 0;
    font-size: 16px;
    color: #666;
}
.introduce-login-box input{
    display: block;
    width: 100%;
    height: 38px;
    line-height: 1.3;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 4px;
    text-indent: 10px;
    margin-bottom: 20px;
}
.introduce-login-title{
    padding-bottom: 25px;
    font-size: 30px;
    color: #333;
}
.close-button {
    position: absolute;
    left: 50%;
    top: -60px;
    width: 60px;
    height: 60px;
    line-height: 58px;
    margin-left: -30px;
    border-radius: 60px;
    z-index: 98;
    font-size: 34px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    transform: scale(.8);
    -ms-transform:scale(.8);
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    -o-transform: scale(.8);
}
.close-button:hover {
    border-color:#2a7afb;
    color:#2a7afb;
}
.overlay {
    display: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    background-color: rgba(0,0,0,.8);
    -webkit-transition: opacity .8s cubic-bezier(.23,1,.32,1);
    -moz-transition: opacity .8s cubic-bezier(.23,1,.32,1);
    transition: opacity .8s cubic-bezier(.23,1,.32,1);
}
.template-ul-box{
    width: 180px;
    height: 650px;
    overflow: auto;
    border: 1px solid #e6e6e6;
    margin-right: 30px;
}
.template-ul-box ul li{
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    white-space: nowrap;
    border-bottom: 1px solid #e6e6e6;
}
.template-ul-box ul li a{
    padding: 0 10px;
    color: #000;

}
.analyze-tab-box{
    position: relative;
    left: 0;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #e8e8e8;
}
.analyze-tab-box ul{
    height: 32px;
    border: 1px solid #d5d5d5;

}
.analyze-tab-box ul li{
    line-height: 30px;
    float: left;
    padding: 0 25px;
    background: rgb(238, 238, 238);
    color:rgb(56, 56, 56);
    border-right: 1px solid #d5d5d5;
    cursor: pointer;
}

.all-station-plan-ul{
    padding-bottom: 25px;
}
.all-station-plan-ul li{
    float: left;
    width: 16.66%;
    height: 150px;
}
.heat-table-box{
    text-align: center;
}
.heat-table-box table th{
    text-align: center;

}
.heat-table-box table .heat-table-tit{
    background-color: #f2f2f2;
}
.line-btn{
    color: #0062A0;
}
.checkbox-list{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding-left: 20px;
    padding-bottom: 15px;
}
.table-input{
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    text-align: center;
}
.table-input.active{
    border-color: blue;
}

.introduce-login-box label{
    display: block;
    margin-bottom: 10px;
}
.introduce-login-box label i{
    color: red;
    padding-right: 5px;
}
.code-btn{
    display: inline-block;
    width: 35%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #dcdcdc;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}
.code-btn.cur{
    color: #fff;
    background: #2ba6f6;
    background: linear-gradient(135deg, #2ba6f6, #416df0)
}
.introduce-register-box{
    width: 838px;
}
.introduce-register-box label{
    margin-bottom: 1px;
}
.introduce-register-box input{
    margin-bottom: 15px;
}

/*热源图控*/
.heat_edit-box{
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
.heat-edit-map{
    width: 1000px;
    position: relative;
    min-height: 563px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.heat_edit-img{
    width: 100%;
    display: block;
}
.video-box{
    position: relative;
    float: left;
    display: block;
    width: 50%;
}
.video-box .video-controls{
    position: absolute;
    z-index: 1;
    bottom: 20px;
    right: 20px;
    width: 75px;
    height: 75px;
}
.video-controls img{
    display: block;
    width: 100%;
}
.video-controls-up{
    position: absolute;
    top: 0;
    width: 30px;
    left: 22px;
    height: 30px;
    cursor: pointer;
}
.video-controls-down{
    position: absolute;
    bottom: 0;
    width: 30px;
    left: 22px;
    height: 30px;
    cursor: pointer;
}
.video-controls-left{
    position: absolute;
    top: 23px;
    width: 30px;
    left: 0;
    height: 30px;
    cursor: pointer;
}
.video-controls-right{
    position: absolute;
    top: 23px;
    width: 30px;
    right: 0;
    height: 30px;
    cursor: pointer;
}
.video-box video{
    display: block;
    width: 100%;
}
/*video::-webkit-media-controls{
    display:none !important;
}*/
.heat-map-list{
    width: 200px;
    height: 20px;
}
.heat-map-list div{
    float: left;
    height: 20px;
}
/*.ratio-box{
    padding-left: 5px;
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px dashed #999;
}*/
.ratio-box li{
    float: left;
    width: 50%;
    line-height: 20px;
}
.ratio-p{
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px dashed #999;
}
.ratio-icon1{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: #ff5b21;
}
.ratio-icon2{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: #ff9f2e;
}
.ratio-icon3{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: #ffd930;
}
.ratio-icon4{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: #f7f46c;
}
.ratio-icon5{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: #d2fbe1;
}
/*layui覆盖*/

.has-table-tool .layui-table-view{
    border-top: 0;
}
.layui-table-view .layui-table-tool{
    min-height: 0;
    height: 0;
    padding: 0;
    border: 0;
}
.layui-table-view .layui-table-tool-self{
    top: -65px;
    right: 0;
}
.layui-form-item .layui-input-inline{
    width: 120px;
}
.layui-form-item .layui-form-label{
    padding: 9px 8px;
}
.layui-table-view .layui-table td{
    padding: 2px 0;
}
.layui-table-view .layui-table th{
    padding: 0;
}
.layui-table-cell{
    padding: 0 10px;
}
.tab-title-bg li{
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    color: #017efe;
    background: #d9ebff;
    margin-top: 5px;
    padding: 0 5px;
    border-right: 1px solid #dcdcdc;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}
.tab-title-bg{
}
.main-box .layui-tab-title li{
    padding: 0 10px;
    border-right: 1px solid #dcdcdc;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.layui-tab-title .layui-this:after{
    border-right: 0;
}
.layui-btn{
    border-radius: 5px;
}
/*.layui-tab-title li .iconfont{
	padding: 2px;
}
.layui-tab-title li .iconfont:hover{
	border-radius: 2px;
	background: #FF5722;
}*/
.content-padding{
    padding: 10px 0;
}
table.plan-table tbody tr:hover{
    background: #fff;
}
table.layui-table tbody tr:hover{
    background: #fff;
}


.bg-blue .change-table-tr th{
    background-color: #dfeeff;
    color: #017efe;
}
.bg-blue .table-inputs{
    background-color: #dfeeff;
    border-color: #dfeeff;
}
.bg-green .change-table-tr th{
    background-color: #d6f5ea;
    color: #32ce98;
}
.bg-green .table-inputs{
    background-color: #d6f5ea;
    border-color: #dfeeff;
}
.bg-deongaree .change-table-tr th{
    background-color: #e0e9f9;
    color: #1d396b;
}
.bg-deongaree .table-inputs{
    background-color: #e0e9f9;
    border-color: #dfeeff;
}
.bg-black .change-table-tr th{
    background-color: #dce7fb;
    color: #2a314b;
}
.bg-black .table-inputs{
    background-color: #dce7fb;
    border-color: #dfeeff;
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{
    border-color: #e2e2e2;
}
.layui-layer-setwin .layui-layer-min{
    display: none;
}