@charset "utf-8";
/*导航*/
.navbar-default {
	background: #1c2a36;
	border: none;
	height: 60px;
}
.navbar-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 60px;
	height: 60px;
}
.navbar-brand .pull-left {
	margin-right: 8px;
}
.navbar-brand .pull-right {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}
.navbar-brand .pull-right span {
	font-size: 14px;
	padding-left: 10px;
}
.navbar-default .mainNav {
	display: flex;
	flex-direction: row;
	background: #1c2a36;
	margin: 0 -15px;
}
.navbar-default .mainNav>li>a {
	font-size: 14px;
	color: #7aa1bb;
	word-break: keep-all;
}
.navbar-default .mainNav>li>a i {
	display: block;
	width: 15px;
	height: 20px;
	margin: 0 auto;
}
.navbar-default .mainNav>li>a .zhIcon {
	background: url("../images/jianzhuSprites.jpg") no-repeat 0 0;
}
.navbar-default .mainNav>li>a .nhMapIcon {
	background: url("../images/jianzhuSprites.jpg") no-repeat 0 -20px;
}
.navbar-default .mainNav>li>a .nhjcIcon {
	background: url("../images/jianzhuSprites.jpg") no-repeat 0 -40px;
}
.navbar-default .mainNav>li>a .gzIcon {
	background: url("../images/jianzhuSprites.jpg") no-repeat 0 -60px;
}
.navbar-default .mainNav>li>a .tzIcon {
	background: url("../images/jianzhuSprites.jpg") no-repeat 0 -80px;
}
.navbar-default .mainNav>li>a .tjIcon {
	background: url("../images/jianzhuSprites.jpg") no-repeat 0 -100px;
}
.navbar-default .mainNav>li>a:hover,
.navbar-default .mainNav>.active>a, 
.navbar-default .mainNav>.active>a:focus, 
.navbar-default .mainNav>.active>a:hover {
	color: #fff;
	background: #333f4a;
}

/*设置小齿轮按钮*/
.navbar-default .navbar-nav .SetUp>a {
	height: 60px;
	line-height: 35px;
}
.navbar-default .navbar-nav .SetUp>a.active {
	background: #333f4a;
}
.navbar-default .navbar-nav .SetUp>a .SetUpIcon {
	display: inline-block;
	background: url("../images/SetUpIcon.jpg") no-repeat 0 0;
	width: 14px;
	height: 13px;
}


/*登录后*/
.afterLanding .headerImg {
	display: inline-block;
	background: url("../static/images/headerImg.png") no-repeat 0 0;
	height: 34px;
	width: 34px;
	margin-right: 55px;
	border: 1px solid #1996e7;
	border-radius: 50%;
}
.afterLanding {
	position: relative;
}
.navbar-default .navbar-nav .afterLanding >a:hover,
.navbar-default .navbar-nav .afterLanding >a:focus {
	border-bottom: none;
	color: #7aa1bb;
}
.navbar-default .navbar-nav .afterLanding >a {
	display: flex;
	justify-content: center;
	line-height: 30px;
	color: #ffffff;
}
.mainNav>li>a {
	line-height: 20px;
	padding: 10px 15px;
}
.afterLanding>ul {
	display: none;
	position: absolute;
	top: 74px;
	right: 12px;
	background: #1c2a36;
	width: 140px;
}
.afterLanding>ul a{
	display: block;
	padding: 15px;
	color: #808080;
	text-align: center;
}
 .afterLanding>ul li {
 	text-align: center;
 }
 .afterLanding>ul li button {
 	background: #1c2a36;
 	color: #ffffff;
 	width: 100%;
 	text-align: center;
 	padding: 15px;
 	border: none;
 }
.afterLanding>ul a:hover,
.afterLanding>ul li button:hover {
	background: #1e4362;
	color: #1996e7;
	text-decoration: none;
}
.afterLanding .contentUsBtn:hover {
	color: #fff;
}
.afterLanding>ul .logout {
	border-top: 1px solid #808080;
}

.afterLanding ul .triangle { /*三角形*/
	position: absolute;
	top: -53px;
	right: 12px;
	width:0;
	height:0;
	border-width:0 13px 13px;
	border-style:solid;
	border-color:transparent transparent #1c2a36;
	margin:40px auto;
}



/*台账查询-左边导航*/
.aloneEnergyByyear>.aloneEnergyByyearCon {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.aloneEnergyByyear>.aloneEnergyByyearCon .contentLeft {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	background: #2f4659;
	width: 10%;
	padding-top:75px;
	z-index: 999;
}
.aloneEnergyByyear>.aloneEnergyByyearCon .contentRight {
	width: 90%;
	padding: 60px 15px 15px 15px;
}
.aloneEnergyByyear>.aloneEnergyByyearCon .contentLeft .navLeft p{
	display: flex;
	font-size: 12px;
	color: #5a788e;
	padding-left: 15px;
}
.aloneEnergyByyear>.aloneEnergyByyearCon .contentLeft .navLeft .oneBuilding {
	margin: 0 0 15px 0;
}
.aloneEnergyByyear>.aloneEnergyByyearCon .contentLeft .navLeft .oneBuilding:before {
	content: "";
	background: url("../images/aloneEnergySprites.png") no-repeat 0 0;
	height: 14px;
	width: 10px;
	margin-right: 10px;
}
.aloneEnergyByyear>.aloneEnergyByyearCon .contentLeft .navLeft .detailEnergy {
	margin: 15px 0 15px 0;
}
.aloneEnergyByyear>.aloneEnergyByyearCon .contentLeft .navLeft .detailEnergy:before {
	content: "";
	background: url("../images/aloneEnergySprites.png") no-repeat -10px 0;
	height: 14px;
	width: 10px;
	margin-right: 10px;
}
.aloneEnergyByyear .contentLeft .navLeft li.active a{
	background: #108ee9;
}
.aloneEnergyByyear .contentLeft .navLeft li a {
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 15px 0 15px 40px;
}
.aloneEnergyByyear .contentLeft .navLeft li a:hover {
	background: #108ee9;
	text-decoration: none;
}

/*台账查询-右边内容 搜索条*/
.aloneEnergyByyear .contentRight .searchBar {
	margin-top: 15px;
}
.aloneEnergyByyear .contentRight .searchBar span {
	font-size: 12px;
	color: #333;
}
.aloneEnergyByyear .contentRight .searchBar input:hover,
.aloneEnergyByyear .contentRight .searchBar .classification:hover,
.aloneEnergyByyear .contentRight .searchBar .grade:hover {
	cursor: pointer;
}
.aloneEnergyByyear .contentRight .searchBar .startTime,
.aloneEnergyByyear .contentRight .searchBar .endTime,
.aloneEnergyByyear .contentRight .searchBar .classification,
.aloneEnergyByyear .contentRight .searchBar .grade {
	display: inline-block;
	/*font-size: 12px;*/
	/*width: 75px;*/
	padding:6px 12px;
	/*border: 1px solid #ccc;*/
	border-radius: 4px;
	/*line-height: 12px;*/

}
.aloneEnergyByyear .contentRight .searchBar .grade {
	width: 300px;
}
.aloneEnergyByyear .contentRight .searchBar .g100 {
	width: 130px;
}
.aloneEnergyByyear .contentRight .searchBar .section .g90 {
	width: 90px;
}
.aloneEnergyByyear .contentRight .searchBar .section .g170 {
	width: 170px;
}
.aloneEnergyByyear .contentRight .searchBar .section .g180 {
	width: 180px;
}
.aloneEnergyByyear .contentRight .searchBar  .g75 {
	width: 75px;
}
.aloneEnergyByyear .contentRight .searchBar .section,
.aloneEnergyByyear .contentRight .searchBar .startTime,
.aloneEnergyByyear .contentRight .searchBar .zhi {
	margin-right: 10px;
}
.aloneEnergyByyear .contentRight .searchBar .searchBtn {
	display: inline-flex;
	align-items: center;
	background: #108ee9;
	color: #fff;
	border: 1px solid #108ee9;
	margin-right: 10px;
	padding: 6px 10px;
}
.searchBtn {
	display: inline-flex;
	align-items: center;
	background: #108ee9;
	color: #fff;
	border: 1px solid #108ee9;
	margin-right: 10px;
	padding: 6px 10px;
}
.searchBtn:hover,.printingBtn:hover {
	color: #ffffff;
}
.aloneEnergyByyear .contentRight .searchBar .printingBtn {
	display: inline-flex;
	align-items: center;
	background: #108ee9;
	color: #ffffff;
	border: 1px solid #108ee9;
	padding: 6px 10px;
	outline-style: none;
}
.printingBtn {
	display: inline-flex;
	align-items: center;
	background: #108ee9;
	color: #ffffff;
	border: 1px solid #108ee9;
	padding: 6px 10px;
	outline-style: none;
}
.aloneEnergyByyear .contentRight .searchBar .searchBtn .searchIcon {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../images/aloneEnergySprites.png") no-repeat 0 -14px;
	margin-right: 10px;
}
.aloneEnergyByyear .contentRight .searchBar .printingBtn .printinIcon {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../images/aloneEnergySprites.png") no-repeat 0 -26px;
	margin-right: 8px;
}
/*台账查询-右边内容 表格*/
.aloneEnergyByyear .contentRight .table-responsive {
	margin-top: 15px;
}
.aloneEnergyByyear .contentRight .table-responsive>table>thead {
	font-size: 12px;
	color: #333;
	background: #f7f7f7;
}
.aloneEnergyByyear .contentRight .table-responsive>table>thead th:nth-child(n+2){
	color: #108ee9;
}
.aloneEnergyByyear .contentRight .table-responsive>table>thead th:nth-child(n+5){
	color: #333;
	font-weight: bold;
}
.aloneEnergyByyear .contentRight .noData {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #999;
}
.aloneEnergyByyear .contentRight .noData:before{
	content: "";
	background: url("../images/noData.jpg") no-repeat 0 0;
	width: 13px;
	height: 13px;
	margin-right: 2px;
}
/*年弹出框*/
.dropdown-menu {
	z-index: 999999;
}




/*台账查询-按月汇总查询*/
.aloneEnergyBymonth .contentRight .searchBar .startTime {
	width: 85px;
}
.aloneEnergyBymonth .contentRight .table-responsive>table>thead th:nth-child(n+5){
	color: #108ee9;
	font-weight: normal;
}
.aloneEnergyBymonth .contentRight .table-responsive>table>thead th:last-child{
	color: #333;
	font-weight: bold!important;
}

/*台账查询-按日汇总查询*/
.aloneEnergyBydys .contentRight .table-responsive>table>thead th:nth-child(n+2){
	color: #333;
	font-weight: normal;
}
.aloneEnergyBydys .contentRight .table-responsive .table-bordered>tbody>tr>td:nth-child(n+2) {
	color: #108ee9;
}
.aloneEnergyBydys .contentRight .searchBar .startTime {
	width: 90px;
}

/*台账查询-按日明细查询*/
.aloneEnergyDetailedByday .contentRight .table-responsive>table>thead th{
	color: #333!important;
}
.aloneEnergyDetailedByday .contentRight .table-responsive>table>thead th:last-child{
	font-weight: normal!important;
}
.aloneEnergyDetailedByday .contentRight .table-responsive>table>tbody>tr>td:last-child {
	color: #108ee9;
}

/*台账查询-按时明细查询*/
.aloneEnergyDetailedByhour .contentRight .section .jiliangdian:before {
	content: "*";
    color: red;
    font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: 5px;
}
.aloneEnergyDetailedByhour .contentRight .searchIput {
	width: 200px;
    padding: 6px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    line-height: 12px;
}
.aloneEnergyDetailedByhour .contentRight .startTimeBar .preDays,
.aloneEnergyDetailedByhour .contentRight .startTimeBar .nextDays {
    width: 75px;
    padding: 7px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    line-height: 12px;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -4px;
}
.aloneEnergyDetailedByhour .contentRight .startTimeBar .nextDays {
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.aloneEnergyDetailedByhour .contentRight .startTimeBar .startTime {
	margin-right: -4px;
	border-radius: 0;
	height: 29px;
	text-align: center;
}
.aloneEnergyDetailedByhour .contentRight .startTimeBar .glyphicon {
	color: #666;
}

/* 修改密码 */
.changePasswordTips {
	background: #ecf6fd;
	border: 1px solid #d2eafb;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0);
	color: #333;
}

.hp-sheding1:before {
        color: #fff !important;
    }


/************************ 告警弹框 start 2019/08/29 *************************/
.warning_Dialogs {
	position: fixed;
	bottom: 50px;
	right: 50px;
	background: #2f4659;
	padding: 10px;
	width: 450px;
	height: 400px;
	border: 1px solid #20558b;
	border-radius: 6px;
	box-shadow: 0 0 10px #051c33;
	-webkit-transition: all ease-out .2s;
    -moz-transition: all ease-out .2s;
    -ms-transition: all ease-out .2s;
    -o-transition: all ease-out .2s;
	transition: all ease-out .2s;
	z-index: 999;
}
.warning_Dialogs p {
	margin-bottom: 0;
}
.warning_Dialogs p .title {
	display: inline-block;
	width: 110px;
	height: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.warning_Dialogs p .time {
	padding-left: 6px;
}
.warning_Dialogs .table-content{
	position: relative;
	padding:15px;
}
.warning_Dialogs .table-content .close_icon {
	position: absolute;
	top: -24px;
    left: -24px;
    cursor: pointer;
    width: 30px;

}
.warning_Dialogs .pull-right .date_this {
    border-bottom: 5px solid #01a7ad;
    color:#fff;
}
.warning_Dialogs .dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}
.warning_Dialogs .dd ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.warning_Dialogs .dd-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	background: #253848;
	color: #98bad8;
    border: 1px solid #0b5482;
	border-radius: 6px;
	padding: 4px 10px;
	margin-bottom: 6px;
}
.warning_Dialogs .dd-list:hover {
	background: #1c2a36;
}


.warning_Dialogs .dd-item,
.warning_Dialogs .dd-empty,
.warning_Dialogs .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}
.warning_Dialogs .dd-handle1 {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #e7eaec;
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.warning_Dialogs .dd-handle1 span {
    font-weight: bold;
}
.warning_Dialogs .dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}
.warning_Dialogs .dd-item > button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
}
.warning_Dialogs .dd-item > button[data-action="collapse"]:before {
    content: '-';
}
.warning_Dialogs #nestable2 .dd-item > button {
    font-family: FontAwesome;
    height: 34px;
    width: 33px;
    color: #c1c1c1;
}
.warning_Dialogs #nestable2 .dd-item > button:before {
    content: "\f067";
}
.warning_Dialogs #nestable2 .dd-item > button[data-action="collapse"]:before {
    content: "\f068";
}
.warning_Dialogs .dd-placeholder,
.warning_Dialogs .dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.warning_Dialogs .dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}
.warning_Dialogs .dd-dragel {
    position: absolute;
    z-index: 9999;
    pointer-events: none;
}
.warning_Dialogs .dd-dragel > .dd-item .dd-handle1 {
    margin-top: 0;
}
.warning_Dialogs .dd-dragel .dd-handle1 {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
/**
* Nestable Extras
*/
.warning_Dialogs .nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
.warning_Dialogs #nestable-menu {
    padding: 0;
    margin: 10px 0 20px 0;
}
.warning_Dialogs #nestable-output,
.warning_Dialogs #nestable2-output {
    width: 100%;
    font-size: 0.75em;
    line-height: 1.333333em;
    font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.warning_Dialogs #nestable2 .dd-handle1 {
    color: inherit;
     border: 1px solid #3a566d; 
    background: #2a3f50;
	padding: 10px;
	color: #01a7ad;
}
.warning_Dialogs #nestable2 .dd-handle1 a {
	color: #98bad8;
}
.warning_Dialogs #nestable2 .active a {
	color: #fff;
}
.warning_Dialogs #nestable2 .active {
	background: #1c2a36;
	color: #fff;
}
.warning_Dialogs #nestable2 .tab-pane {
	padding: 10px;
	height: 270px;
	overflow: hidden;
	overflow-y: scroll;
}
.warning_Dialogs #nestable2 .tab-pane .more_btn {
	display:block;
	font-size: 12px;
	text-align: right;
	margin-bottom: 10px;
	color: #98bad8;
}

.warning_Dialogs #nestable2 span.label {
    margin-right: 10px;
}
.warning_Dialogs #nestable-output,
.warning_Dialogs #nestable2-output {
    font-size: 12px;
    padding: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/*修改滚动条样式*/
div::-webkit-scrollbar{
	width:10px;
	height:10px;
}
div::-webkit-scrollbar-track{
	/* background: rgb(239, 239, 239); */
	border-radius:2px;
}
	div::-webkit-scrollbar-thumb{
	background: #253848;
	border-radius:10px;
}
	div::-webkit-scrollbar-corner{
	background: #179a16;
}

/* 大框关闭后，显示个球 */
.warning_Dialogs_ball {
	position: fixed;
	bottom: 50px;
	right: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	width: 60px;
	font-size:28px;
	/* font-weight:bold; */
	color: #fff;
	border-radius: 100%;
	background: linear-gradient(to bottom, #102e4a, #497da9);
	border: 1px solid #20558b;
	box-shadow: 0 5px 9px #8aa5c1;
	cursor: pointer;
	-webkit-animation: bounce-up 2.4s linear infinite;animation: bounce-up 2.4s linear infinite;
	z-index: 999;
}

.warning_Dialogs_ball .gaojing_icon {
	width: 20px;
	height: 20px;
}  
@-webkit-keyframes bounce-up {
	25% {-webkit-transform: translateY(4px);}
	50%, 100% {-webkit-transform: translateY(0);}
	75% {-webkit-transform: translateY(-4px);}
}

@keyframes bounce-up {
	25% {transform: translateY(4px);}
	50%, 100% {transform: translateY(0);}
	75% {transform: translateY(-4px);}
}


/************************ 告警弹框 end 2019/08/29 *************************/

/*电桩列表-chargelists start*/
#chargelists .search-bar {
	display: flex;
	padding-top: 20px;
}
#chargelists .search-bar .selectbar{
	background: rgba(4,18,47,.4);
	border: 1px solid #073664;
	color: #fff;
}
#chargelists .search-bar .btn-default,
#chargelists .search-bar .form-control {
	margin-left: 10px;
	background: rgba(4,18,47,.4);
	border: 1px solid #073664;
	color: #fff;
}
#chargelists {
	background: url("../images/chargelists-bg.jpg") 0 0;
}
.chargelists {
	position: relative;
}
.chargelists .tips {
	position: absolute;
	top: 0;
	right: 90px;
	font-size: 12px;
	color: #5394fd;
	padding-bottom: 6px;
	z-index: 9999;
}
/*图表*/
.chargelists .echarts-box {
	margin-top: 20px;
}
.chargelists .echarts{
	position: relative;
	background: rgba(4,18,47,.4);
	border: 2px solid #073664;
}
/*角 左上*/
.chargelists .echarts .conner-wrap {
	position: absolute;
	top: -3px;
	left: -3px;
}
/*角 右上*/
.chargelists .echarts .conner-wrap1 {
	position: absolute;
	top: 3px;
	right: -8px;
	transform: rotate(90deg);
}
/*角 左下*/
.chargelists .echarts .conner-wrap2 {
	position: absolute;
	bottom: 3px;
	left: -8px;
	transform: rotate(-90deg);
}
/*角 右下*/
.chargelists .echarts .conner-wrap3 {
	position: absolute;
	bottom: -3px;
	right: -3px;
	transform: rotate(180deg);
}
/*角*/
.chargelists .echarts .conner-box {
	position: relative;
}
.chargelists .echarts .conner-box i {
	display: block;
	width: 14px;
	height: 3px;
	background: #0b15de;
}
.chargelists .echarts .conner-box .coner-bottom {
	position: absolute;
	left: -6px;
	transform: rotate(90deg);
	top: 8px;
}
.chargelists .echarts .top-title {
	background: url("../images/toptitlebg.png") no-repeat  0 0;
	width: 100%;
	height: 55px;
	background-size: 100% 100%;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
}


#manage .con-row{
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: center;*/
	border-top: 2px solid #20425e;
	border-bottom: 2px solid #20425e;
	height: 858px;
	overflow: hidden;
	overflow-y: scroll;
	padding-top: 45px;
}
#manage .row-center {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#manage .text-center {
	position: relative;
	padding: 0 16px;
	margin: 20px 40px;
}
/*四角 start*/
/*角 左上*/
.chargelists .text-center .conner-wrap {
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 99;
}
.chargelists .text-center .conner-wrap .conner-box .coner-bottom {
	left: -11px;
	transform: rotate(128deg);
	top: 5px;
}
/*角 右上*/
.chargelists .text-center .conner-wrap1 {
	position: absolute;
	top: 3px;
	right: -8px;
	transform: rotate(90deg);
	z-index: 99;
}
.chargelists .text-center .conner-wrap1 .conner-box .coner-top {
	position: absolute;
	right: -9px;
	transform: rotate(-44deg);
	bottom: -6px;
}
.chargelists .text-center .conner-wrap1 .conner-box .coner-bottom {
	top: 14px;
	left: -10px;
}
/*角 左下*/
.chargelists .text-center .conner-wrap2 {
	position: absolute;
	bottom: 4px;
	left: -15px;
	transform: rotate(-90deg);
	z-index: 99;
}
.chargelists .text-center .conner-wrap2 .conner-box .coner-top {
	position: absolute;
	right: -9px;
	transform: rotate(-44deg);
	bottom: -6px;
}
.chargelists .text-center .conner-wrap2 .conner-box .coner-bottom {
	top: 14px;
	left: -10px;
}
/*角 右下*/
.chargelists .text-center .conner-wrap3 {
	position: absolute;
	bottom: -3px;
	right: -3px;
	transform: rotate(180deg);
	z-index: 99;
}
.chargelists .text-center .conner-wrap3 .conner-box .coner-top {
	position: absolute;
	right: -9px;
	transform: rotate(180deg);
	bottom: -6px;
}
.chargelists .text-center .conner-wrap3 .conner-box .coner-bottom {
	top: 8px;
	left: -15px;
	transform: rotate(-54deg);
}
/*角*/
.chargelists .text-center .conner-box {
	position: relative;
}
.chargelists .text-center .conner-box i {
	display: block;
	width: 14px;
	height: 3px;
	background: #0b15de;
}
.chargelists .text-center .conner-box .coner-bottom {
	position: absolute;
	left: -6px;
	transform: rotate(90deg);
	top: 8px;
}
/*四角 end*/
#manage .text-center .header-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transition: all .3s linear;
	z-index: 99;
}
#manage .text-center .linear-gradient {
	transition: all .3s linear;
	background: linear-gradient(
			to right,
			rgba(0,0,0,0) 0%,
			rgba(5, 76, 142,0.5) 20%,
			rgba(5, 76, 142,0.6) 30%,
			rgba(5, 76, 142,0.9) 50%,
			rgba(5, 76, 142,0.6) 70%,
			rgba(5, 76, 142,0.5) 80%,
			rgba(0,0,0,0) 100%);
}
#manage .text-center .header-box .top-header {
	display: block;
	background: url("../images/topheader.png") no-repeat  0 0;
	width: 362px;
	height: 45px;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
	line-height: 45px;
	letter-spacing: 6px;

}
#manage .text-center .left-border-img {
	position: absolute;
	top: 0;
	left: -32px;
	display: block;
	background: url("../images/left-border-img.png") no-repeat  0 0;
	width: 34px;
	height: 858px;
	background-size: 100% 100%;
}
#manage .text-center .right-border-img {
	position: absolute;
	top: 0;
	right: -32px;
	display: block;
	background: url("../images/right-border-img.png") no-repeat  0 0;
	width: 34px;
	height: 858px;
	background-size: 100% 100%;
}
#manage .col-zdlg-2-5{
	position: relative;
	width: 18%;
	/*float: left;*/
	/*height: 448px;*/
	margin: 15px 10px;
	border: 1px solid #103985;
	border-radius: 6px;
	box-shadow: 0 0 12px #002663;
	transition: all .3s linear;
}
#manage .col-zdlg-2-5:hover{
	transform:translate(0,-10px);
	transition: all .3s linear;
	cursor: pointer;
}
/*装饰左上角 图片*/
#manage .col-zdlg-2-5 .cornericon {
	display: block;
	background: url("../images/corner.png") no-repeat  0 0;
	width: 34px;
	height: 35px;
	background-size: 100% 100%;
}
#manage .col-zdlg-2-5 .corner-l {
	position: absolute;
	top: 0;
	left: 0;
}
#manage .col-zdlg-2-5 .corner-r {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}
/*渐变 图片*/
#manage .col-zdlg-2-5 .line-l {
	background: url("../images/line.png") no-repeat  0 0;
	background-size: 100% 100%;
	 position: absolute;
	 left: -2px;
	width: 4px;
	height: 241px;
 }
#manage .col-zdlg-2-5 .line-r {
	background: url("../images/line.png") no-repeat  0 0;
	background-size: 100% 100%;
	position: absolute;
	right: -2px;
	width: 4px;
	height: 241px;
}
/*渐变底部 图片*/
#manage .col-zdlg-2-5 .line-b {
	background: url("../images/line-b.png") no-repeat  0 0;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	width: 241px;
	height: 4px;
	margin: 0 auto;
}
#manage .col-zdlg-2-5 h5 {
	font-size: 14px;
	color: #fff;
	padding-bottom: 10px;
}
#manage .col-zdlg-2-5 .content {
	display: flex;
	justify-content: space-around;
}
#manage .col-zdlg-2-5 .content .con-l img{
	padding-bottom: 30px;
}
#manage .col-zdlg-2-5 .content .con-l .typy-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
#manage .col-zdlg-2-5 .content .con-l .typy-icon img{
	width: 40px;
	height: 40px;
	padding: 0;
}

#manage .col-zdlg-2-5 .content .con-l p,
#manage .col-zdlg-2-5 .content .con-r p{
	margin-bottom: 5px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}
#manage .col-zdlg-2-5 .content .con-l p span,
#manage .col-zdlg-2-5 .content .con-r p span{
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #11a921;
	border-radius: 100%;
	margin-right: 4px;
}
#manage .col-zdlg-2-5 .content .con-r p + p {
	padding-left: 14px;
}
/*连接*/
#manage .col-zdlg-2-5 .content .con-l p + p,
#manage .col-zdlg-2-5 .content .con-r p + p {
	color: #a3a3a3;
}
/*工作 work*/
#manage .col-zdlg-2-5 .work .con-l p + p,
#manage .col-zdlg-2-5 .work .con-r p + p {
	color: #a3a3a3 !important;
}
/*四个按钮*/
#manage .col-zdlg-2-5 .four-icons {
	position: absolute;
	left: 15px;
	bottom: 6px;
}

#manage .col-zdlg-2-5 .hpMinSize {
	margin: 0 8px;
}
#manage .col-zdlg-2-5 .hpMinSize:hover {
	border-bottom: 1px solid #fff;
}
#manage .col-zdlg-2-5 .hp-dingdanliang-:before,
#manage .col-zdlg-2-5 .hp-zaixian1:before{
	color: #7aa1bb;
}
#manage .col-zdlg-2-5 .hp-liuliangtongji:before {
	color: #7aa1bb;
}
#manage .col-zdlg-2-5 .hp-kaiqi:before {
	color: #7aa1bb;
}
.chargetypy2-img {
	position: relative;
}
/*电池*/
   .battery {
	   position: absolute;
	   top: 56px;
	   left: 27px;
	   width: 20px;
	   height: 11px;
	   border: 1px solid #f0a957;
	   border-radius: 2px;
	   transform: rotate(-90deg);
	   background-image: linear-gradient(to right, #290505, #980909);
	   background-repeat: no-repeat;
	   background-size: 10% 80%;
	   background-position: 2px 50%;
	   animation: charge 5s steps(8) infinite;
   }
/*电池动画*/
@keyframes charge {
	from {
		background-size: 10% 80%;
	}
	to {
		background-size: 95% 80%;
	}
}
@-webkit-keyframes charge {
	from {
		background-size: 10% 80%;
	}
	to {
		background-size: 95% 80%;
	}
}
@-ms-mskeyframes charge {
	from {
		background-size: 10% 80%;
	}
	to {
		background-size: 95% 80%;
	}
}
@-moz-keyframes charge {
	from {
		background-size: 10% 80%;
	}
	to {
		background-size: 95% 80%;
	}
}
@-o-keyframes charge {
	from {
		background-size: 10% 80%;
	}
	to {
		background-size: 95% 80%;
	}
}
#manage .col-zdlg-2-5 .work .con-l p span,
#manage .col-zdlg-2-5 .work .con-r p span {
	background: #f0a957;
}
/*离线 not-online*/
#manage .col-zdlg-2-5 .not-online .con-l p + p,
#manage .col-zdlg-2-5 .not-online .con-r p + p {
	color: #a3a3a3 !important;
}
#manage .col-zdlg-2-5 .not-online .con-l p span,
#manage .col-zdlg-2-5 .not-online .con-r p span {
	background: #a3a3a3;
}
/*故障 fault*/
#manage .col-zdlg-2-5 .fault .con-l p + p,
#manage .col-zdlg-2-5 .fault .con-r p + p {
	color: #a3a3a3 !important;
}
#manage .col-zdlg-2-5 .fault .con-l p span,
#manage .col-zdlg-2-5 .fault .con-r p span {
	background: #fb6044;
}
/*未归位 not-ready*/
#manage .col-zdlg-2-5 .not-ready .con-l p + p,
#manage .col-zdlg-2-5 .not-ready .con-r p + p {
	color: #a3a3a3 !important;
}
#manage .col-zdlg-2-5 .not-ready .con-l p span,
#manage .col-zdlg-2-5 .not-ready .con-r p span {
	background: #ff00ff;
}
/*连接*/
#manage .col-zdlg-2-5 .content .con-l p + p,
#manage .col-zdlg-2-5 .content .con-r p + p {
	color: #a3a3a3;
}
#manage .col-zdlg-2-5 .content .con-r .bar {
	padding-bottom: 6px;
}
.chargelists .right-content {
	padding-right: 30px;
	padding-left: 0;
}



@media (min-width: 376px){

}
@media (min-width: 415px){

}
@media (min-width: 640px){

}
@media (min-width: 720px){

}
@media (min-width: 750px){

}
@media (min-width: 800px){

}
@media (min-width: 1024px){

}
@media (min-width: 1100px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){
	#manage .col-zdlg-2-5{
		float: left;
		width:22.6%;
	}
	.chargedetail #charge_order_id,
	.chargedetail #charge_mac_add,
	.chargedetail #charge_sim_seq,
	.chargedetail #charge_start_time,
	.chargedetail #charge_cal_rule_id,
	.chargedetail #charge_trader_id,
	.chargedetail #charge_device_name{
		display: block;
		width: 92px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
}
@media (min-width: 1440px){

}

@media (min-width: 1680px){

}
@media (min-width: 1920px){
	#manage .col-zdlg-2-5{
		float: left;
		width:18%;
	}
	.chargedetail #charge_order_id,
	.chargedetail #charge_mac_add,
	.chargedetail #charge_sim_seq,
	.chargedetail #charge_start_time,
	.chargedetail #charge_cal_rule_id,
	.chargedetail #charge_trader_id,
	.chargedetail #charge_device_name{
		width: 100%;

	}
}

/*电桩列表-chargelists end*/


/*电桩详情-chargedetail start*/
.chargedetail .charge-names {
	font-size: 12px;
	color: #5394fd;
	padding-bottom: 6px;
}
.chargedetail .col-md-6, .col-lg-6,.col-lg-7 {
	padding: 0 6px;
}
.chargedetail .echarts{
	height: 378px;
	box-shadow: 0 0 12px #002663;
	margin-bottom: 40px;
}
.chargedetail .echarts .content {
	padding: 34px 0 0 0;
	color: #fff;
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
}
.chargedetail .charge-guns,
.chargedetail .charge-pile {
	padding-left: 0;
	padding-right: 0;
}
.chargedetail .charge-guns .bar,
.chargedetail .charge-pile .bar{
	display: flex;
	margin-bottom: 24px;
	padding: 2px;
}
.chargedetail .charge-guns .bar img,
.chargedetail .charge-pile .bar img{
	 width: 40px;
	 height: 40px;
	margin-right: 4px;
 }
/*编辑*/
.chargedetail .charge-pile .editing-bar,
.chargedetail .charge-guns .editing-bar{
	background: rgba(4,34,85,1);
	padding: 2px;
	border-radius: 2px;
}
.chargedetail .charge-pile .editing-bar .can-editing p,
.chargedetail .charge-guns .editing-bar .can-editing p{
	display: flex;
}
.chargedetail .charge-pile .editing-bar img,
.chargedetail .charge-guns .editing-bar img{
	display: block;
}
.chargedetail .charge-pile .editing-bar .can-editing .editing,
.chargedetail .charge-guns .editing-bar .can-editing .editing{
	width: 14px;
	height: 14px;
	margin-left: 4px;
	display: none;
}
.chargedetail .charge-pile .editing-bar:hover .editing,
.chargedetail .charge-guns .editing-bar:hover .editing{
	display: block;
}
.chargedetail .charge-pile .editing-bar .can-editing .editing:hover,
.chargedetail .charge-guns .editing-bar .can-editing .editing:hover{
	cursor: pointer;
}


.chargedetail .charge-guns .bar p,
.chargedetail .charge-pile .bar p{
	margin-bottom: 0;
	font-size: 12px;
}
.chargedetail .charge-pile .bar input,
.chargedetail .charge-guns .bar input{
	background: 0;
	border: 0;
	color: #dca00a;
	font-size: 12px;
}
.chargedetail .charge-guns .bar p + p,
.chargedetail .charge-pile .bar p + p{
	font-size: 12px;
	color: #dca00a;
}
/*复制icon*/
.chargedetail .charge-pile .bar .copy,
.chargedetail .charge-guns .bar .copy{
	width: 16px;
	height: 15px;
	margin-left: 4px;
	/*display: none;*/
}
.chargedetail .charge-pile .bar .copy:hover,
.chargedetail .charge-guns .bar .copy:hover{
	cursor: pointer;
}
/*.chargedetail .charge-pile .bar:hover .copy,*/
/*.chargedetail .charge-guns .bar:hover .copy{*/
	/*display: block;*/
/*}*/
.chargedetail .charge-pile .bar .copybox,
.chargedetail .charge-guns .bar .copybox{
	display: inline-block;
	height: 12px;
}
.chargedetail .soc .hpMinSize {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
	z-index: 999;
}
.chargedetail .soc .hp-kaiqi:before {
	color: #ff0000;
}
.chargedetail .soc .time {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
}
.chargedetail .soc .content .mycar {
	position: relative;
}
/*计费规则*/
.chargedetail .calRuleName {
	position: relative;
}
.chargedetail .charge-pile .bar .rule-help {
	display: flex;
	align-items: center;
}
.chargedetail .charge-pile .bar .helpicon {
	width: 20px;
	height: 20px;
	margin-left: 2px;
}
.chargedetail .chargingrule .rulecon {
	position: absolute;
	top: 0;
	/*left: 0;*/
	right: 80px;
	background: rgba(9,61,131,.9);
}
.chargedetail .chargingrule .popover {
	background: rgba(9,61,131,.9);
	width: 160px;
}
.chargedetail .chargingrule .popover.right>.arrow {
	top: 20px;
}
.chargedetail .chargingrule .popover.right>.arrow:after {
	border-right-color:rgba(9,61,131,.9);
}
.chargedetail .chargingrule .popover-content {
	font-size: 12px;
	padding: 4px 6px;
}

.chargedetail .chargingrule .popover-content .service {
	margin-left: 6px;
}
.chargedetail .chargingrule .popover-content .padbar {
	padding-left: 12px;
}
.chargedetail .chargingrule .popover-content .time {
	display: inline-block;
	padding-top: 4px;
}
.chargedetail .chargingrule .popover-content span i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #11a921;
	border-radius: 100%;
	margin-right: 4px;
}
.chargedetail .chargingrule .popover-content span .eleccolor,
.chargedetail .chargingrule .popover-content span .servicecolor {
	background: #dca00a;
}
.chargedetail .chargingrule:hover .popover{
	display: block;
}
/*车*/
.chargedetail .soc .content .car {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	background: url("../images/car.gif") no-repeat  center center;
	width: 100%;
	height: 312px;
	margin: 0 auto;
	background-size: contain;
}
.chargedetail .soc .content .motorbike {
	background: url("../images/motorbike1.gif") no-repeat  center center;
	background-size: contain;
}
.chargedetail .soc .content .cargif {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	background: url("../images/car.gif") no-repeat  center center;
	width: 100%;
	height: 316px;
	margin: 0 auto;
	background-size: contain;
}
.chargedetail .soc .content .no-car {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	background: url("../images/car2.png") no-repeat  center center;
	width: 100%;
	height: 316px;
	margin: 0 auto;
	background-size: contain;
}
.chargedetail .soc .content .no-motorbike {
	background: url("../images/motorbik2.png") no-repeat  center center;
	background-size: contain;
}
.chargedetail .top-title {
	padding-bottom: 10px;
}
.chargedetail .header-title{
	background: url("../images/detailheader.png") no-repeat  center;
	width: 100%;
	height: 49px;
	margin: 10px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	font-weight: bold;
	color: #5394fd;
	text-align: center;
}
.chargedetail .echarts .top-title {
	position: absolute;
	top: -13px;
	background: url("../images/detailtitle.png") no-repeat  center;
	width: 100%;
	height: 37px;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	text-align: center;
	z-index: 99;
}
.chargedetail .car-box {
	position: relative;
}
.chargedetail #water-ball {
	position: absolute;
	right: 0;
	top: 0;
}
/*告警*/
.chargedetail .alarm h6 {
	font-size: 14px;
	color: #fff;
	padding: 0 0 0 10px;
}
.chargedetail .alarm h6 span {
	font-size: 14px;
	color: red;
	padding-right: 4px;
}
.chargedetail .alarm img {
	margin: 0 auto;
}
.chargedetail .alarm p{
	font-size: 12px;
	color: #799eb8;
	text-align: center;
	margin: 0;
}
.chargedetail .alarm p span {
	font-size: 24px;
	color: #fff;
}
.chargedetail .ss-alarm {
	padding: 0 30px 10px 30px;
	background: rgba(4,34,85,.4);
	margin: 0 10px 0 20px;
	border-radius: 2px;
}
.chargedetail .ss-alarm a {
	display: block;
	font-size: 16px;
	color: #fff;
	padding-bottom: 4px;
	padding-top: 6px;
	text-decoration: underline;
}
.chargedetail .data,
.chargedetail .desc span{
	font-size: 12px;
	color: #799eb8;
	padding-bottom: 4px;
}
.chargedetail .desc span {
	display: inline;
	background: #799eb8;
	border-radius: 6px;
	color: #fff;
	padding: 2px 6px;
}
.chargedetail .desc .grade {
	background: #ff0000;
}
.chargedetail .desc .grade span{
	background: #ff0000;
}
.chargedetail .line {
	display: block;
	height: 1px;
	background: #094189;
	width: 90%;
	margin: 20px auto;
}
/*路由*/
.chargedetail .router-icon {
	width: 128px;
	height: 128px;
	margin: 0 auto;
	display: none;
}

/*关闭按钮*/
.close-icon {
	position: absolute;
	top: 30px;
	right: 30px;
}
.close-icon img {
	width: 20px;
	height: 20px;
}
/*电桩详情-chargedetail end*/








@media  (max-width: 768px) {
	
}
@media (max-width: 440px) {
	.aloneEnergyByyear>.aloneEnergyByyearCon .contentLeft {
		position: relative;
		width: 100%;
	}
	.aloneEnergyByyear>.aloneEnergyByyearCon .contentRight {
		padding: 10px 15px 15px 15px;
		width: 100%;
	}
	.aloneEnergyByyear .contentRight .searchBar .section {
		display: inline-block;
		margin: 4px 0;
	}
	.navbar-default .mainNav>li>a i {
		margin: 2px 15px;
	}
}
@media (max-width: 375px) {

}

@media (max-width: 320px) {

}

/* 居中对齐 */
.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 两边对齐 */
.flex_space_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex_space_between_top {
	display: flex;
	justify-content: space-between;
}
/* 两侧的间隔相等 */
.flex_space_around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
/* 左对齐 */
.flex_flex_start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
/* 右对齐 */
.flex_flex_end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/*自定义表格样式  2020-04-17*/
.diy-table-list {
	/*border: 1px solid #bbcca5;*/
	border-radius: 4px;
	margin-bottom: 15px;
	box-shadow: 0 0 10px #ccc;
}
/*头部*/
.diy-table-list .table-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f9f9f9;
	border-bottom: 1px solid #eee;
	border-radius: 4px;
	padding: 10px;
}
.diy-table-list .table-header h1 {
	font-size: 16px;
	color: #333f4a;
	margin: 0;
	padding: 8px 0;
}
.diy-table-list .table-header .edit-btn {
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	background: #108ee9;
	border-radius: 50px;
	padding: 2px 10px;
}
/*内容*/
.diy-table-list ul {
	margin: 0 15px;
	padding-bottom: 15px;
}
.diy-table-list input {
	background: rgba(0,0,0,0);
	border: 1px solid rgba(0,0,0,0);
}
.diy-table-list .basic-info-r {
	border-left: 1px solid #eee;
	padding-left: 30px;
}
.diy-table-list ul li {
	display: flex;
	justify-content: flex-start;
	padding: 10px;
	/*border-bottom: 1px solid #eee;*/
}
.diy-table-list ul li:hover{
	background: #f9f9f9;
}
.diy-table-list ul li:hover p,select {
	background: #f9f9f9;
}
.diy-table-list ul li .table-title {
	width: 180px;
	font-size: 14px;
	color: #999;
	margin-right: 6%;
	padding: 7px 0;
}
.diy-table-list ul li .w70  {
	width: 70px;
}
.diy-table-list ul li p,
.diy-table-list ul li select{
	height: 34px;
	font-size: 14px;
	color: #333;
	margin: 0;
	border: none;
	background: #fff;
	margin-right: 5px;
	padding:7px 0 7px 7px;
	white-space:nowrap;
	overflow: hidden;
}
.diy-table-list ul li p {
	padding-left: 0;
}
.diy-table-list ul li select {
	background: rgba(0,0,0,0);
	border: 1px solid rgba(0,0,0,0);
	padding: 6px 0 8px 0;
}
.diy-table-list ul li .edit-bar {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.diy-table-list ul li .adit {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding:6px;
	width: 256px;
	white-space:nowrap;
	overflow: hidden;
	background: #fff;
}
.diy-table-list ul li .adit196 {
	width: 86px;
}
.diy-table-list ul li .adit46 {
	width: 46px;
}
/*隐藏 select的三角 icon*/
.diy-table-list ul li select.appearance {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
	padding-left: 0;
}
.diy-table-list ul li select.aditselect {
	padding-left: 0;
}
/*显示 select的三角 icon*/
.diy-table-list ul li .aditselect {
	color: #666;
	border-radius: 4px;
	/*padding: 6px 0 8px 0;*/
	background: #fff;
}
.diy-table-list ul li .adit.rationalityChargeName-con,
.diy-table-list ul li .adit.typeName-con,
.diy-table-list ul li .adit.parkFeeFlagName-con,
.diy-table-list ul li .adit.supportOrderName-con,
.diy-table-list ul li .adit.scanCodeName-con{
	width: 70px;
}
.diy-table-list ul li .adit.openingFlagName-con {
	width: 75px;
}
.diy-table-list ul li .adit.remark-con,
.diy-table-list ul li .adit.parkInfo-con{
	width: 500px;
}
/*编辑框*/
.diy-table-list ul li .bar-con:focus {
	border-color: #66afe9;
    outline: 0;
	color: #108ee9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
/*编辑按钮*/
.diy-table-list ul li .edit-btn {
	width: 15px;
	height: 15px;
}
.diy-table-list ul li .edit-btn:hover {
	cursor: pointer;
}

/*选择按钮*/
.diy-table-list .change-btn {
	display: flex;
	/*margin-right: 5px;*/
}
.diy-table-list .change-btn input {
	font-size: 14px;
	color: #666;
	border: 1px solid #ccc;
	background: #fff;
	padding:5px 15px;
	display: none;
}
.diy-table-list .change-btn .first-btn {
	border-right: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.diy-table-list .change-btn .second-btn {
	border-left: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.diy-table-list .change-btn .active-input {
	border: 1px solid #108ee9;
	color: #108ee9;
}
/*保存取消*/
.diy-table-list .save-btn {
	display: flex;
}
.diy-table-list .save-btn button {
	font-size: 14px;
	color: #fff;
	border: 1px solid #108ee9;
	background: #108ee9;
	border-radius: 4px;
	padding:5px 8px;
	display: none;
	-webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.diy-table-list .edit-btn-main {
	font-size: 14px;
	color: #fff;
	border: 1px solid #108ee9;
	background: #108ee9;
	border-radius: 4px;
	padding:5px 8px;
	display: block;
	-webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.diy-table-list .save-btn button.cancel-btn {
	color: #666;
	border: 1px solid #ccc;
	background: #fff;
}
.diy-table-list .save-btn button.cancel-btn:hover {
	background: #ececec;
}
.diy-table-list .save-btn button.save-btn {
	margin-right: 10px;
}
.diy-table-list .save-btn button.save-btn:hover {
	background: #1B79E9;
}
.diy-table-list {
	position: relative;
}
.diy-table-list .top-img-box {
	display: flex;
	justify-content: flex-start;
	padding: 10px;
	position: absolute;
	top: 65px;
	left: 20px;
}
.diy-table-list .top-img-box #groupImg {
	position: relative;
	z-index: 1029;
}
.diy-table-list .top-img-box #groupImg .more-img {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 14px;
	color: #fff;
	background: #108ee9;
	padding: 4px 10px;
}
.diy-table-list .top-img-box #groupImg
.diy-table-list .top-img-box #groupImg img,
.diy-table-list .top-img-box #groupLayoutImg img{width: 180px;height: 180px;border-radius: 2px;object-fit: cover}
.diy-table-list .top-img-box #brandImg img {width: 30px;height: 30px;}
.diy-table-list .top-img-box #groupImg img,
.diy-table-list .top-img-box #groupImg,
.diy-table-list .top-img-box .carousel-inner{
	width: 460px;
	height: 220px;
	overflow: hidden;
}
.pswp__img {object-fit: contain !important;}

/*2020/05/07 修改*/
.diy-table-list #payment_chosen {
    width: 100% !important;
}
.diy-table-list .chosen-choices .default {
	width: 70px !important;
}
.diy-table-list .chosen-choices {
	appearance: listbox;
    -moz-appearance: listbox;
    -webkit-appearance: listbox;
    color: #666;
    border-radius: 4px;
    padding: 6px 0 8px 0;
    background: #fff;
}
.diy-table-list .highlghted {
	background: #108ee9 !important;
	padding: 4px 0;
}
.diy-table-list .chosen-container-active {
	border-color: #66afe9;
    outline: 0;
    color: #108ee9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.diy-table-list .chosen-container-multi .chosen-choices{
	border: none;
}
.diy-table-list .chosen-container-multi .chosen-choices.no-border{
	border: 1px solid #CBD5DD;
}
.diy-table-list #paymentDiv {
    display: flex;
}
.diy-table-list #paymentDiv button {
    width: 50px;
}
.diy-table-list #paymentDiv button:first-child {
    margin:0 5px;
}
.diy-table-list .w30 {
	width: 50px;
}
/*省市区*/
/*.diy-table-list .addr-bar {*/
/*	width: 100px;*/
/*}*/
.diy-table-list .addr-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.diy-table-list #locationMsg {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.diy-table-list #locationMsg button:first-child {
	margin-right: 10px;
}
.diy-table-list .chosen-container .chosen-results li.highlighted {
	background: #108ee9;
	padding: 9px 6px;
}
.diy-table-list .chosen-container .chosen-results li {
	padding: 9px 6px;
}
.diy-table-list .chosen-container-active .chosen-choices {
	border: 1px solid #66afe9 !important;
    outline: 0;
    color: #108ee9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.diy-table-list .chosen-container-multi .chosen-choices {
	border-radius: 4px;
}
.diy-table-list .chosen-container .chosen-drop {
	border: 1px solid #66afe9 !important;
}

/*去掉表格四周的描边 2020/07/23*/
/*.table_head,.bootstrap-table .table {
	border: 0px;
}*/
.fixed-table-container {
	border-bottom: 0px !important;
}
.table-bordered>tbody>tr>td,
.table>thead:first-child>tr:first-child>th{
	border-right: 0;
}

.fa {
	padding-right: 6px;
}


/*所有input框 鼠标经过效果*/
.btn-primary {
	background: #108ee9;
	border: 1px solid #108ee9;
}
.btn-primary:hover {
	background: #0c81d6;
	border: 1px solid #0c81d6;
}

.form-control:hover {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.form-control:disabled {
	border-color: #ccc;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0);
}
button {
	transition: all 0.25s;
}
button:hover {
	background: #4ab3ff !important;
	box-shadow: 0 3px 15px rgba(0,0,0,0.25);
	transition: all 0.25s;
}
.btn-default:hover {
	color: #333 !important;
	background-color: #e6e6e6 !important;
	border-color: #adadad !important;
}

/*日历插件*/
.btn-success {
	background: #108ee9;
	border: 1px solid #108ee9;
}
.btn-success:hover {
	border: 1px solid #108ee9;
}
.ranges li.active,.ranges li:hover,.daterangepicker td.active, .daterangepicker td.active:hover {
	background: #108ee9 !important;
}
.daterangepicker .input-mini.active {
	border: 1px solid #108ee9 !important;
}

/*分页*/
.btn-group .dropdown-toggle:hover,
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
	border-color: #66afe9 !important;
	outline: 0;
	background: #ffffff !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background: #108ee9
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	border-color: #108ee9 !important;
	background: #108ee9 !important;
}

/*删除按钮*/
.layui-layer-btn a {
	height: 34px !important;
	line-height: 34px !important;
}
.layui-layer-btn .layui-layer-btn0 {
	background: #108ee9 !important;
	border: 1px solid #108ee9 !important;
	transition: all 0.25s;
}
.layui-layer-btn .layui-layer-btn0:hover {
	background: #4ab3ff !important;
	box-shadow: 0 3px 15px rgba(0,0,0,0.25);
	transition: all 0.25s;
}
.layui-layer-btn .layui-layer-btn1:hover {
	box-shadow: 0 3px 15px rgba(0,0,0,0.25);
	transition: all 0.25s;
}

.btn:focus-visible,
.btn:focus, .btn:active:focus{
	outline: aliceblue;
}