.user span {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background: #939393;
    vertical-align: text-top;
}

.content-img {
    position: absolute;
    z-index:1;
    top:0;
    width:100%;
    height:700px;
    background:url("../../img/pc/look-build-1.png");
    background-size: 100% 100%;
}

.content-img img {
    width: 100%;
    display: block;
}

.content-Electricity {
    width: 100%;
    background: #efefef;
    padding-top: 40px;
    padding-bottom: 100px;
    /*min-width:1100px;*/
}

.content-surface {
    width: 60%;
    margin: 0 auto;
    background: #fff;
    padding-top: 16px;
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 11px;
}

select {
    padding-left: 10px;
    outline: none;
    height: 30px;
    font: 14px '微软雅黑';
    border: solid 1px #999;
    /*appearance:none;*/
    /*-moz-appearance:none;*/
    /*-webkit-appearance:none;*/
}

#show {
    /*width: 25%;*/
    /*background: url("../../../ui/img/icon/select.jpg") no-repeat;*/
}

.dataBigBox{
    position:relative;
}
.dataBigBox:after{
    content:"";
    display:block;
    clear:both;
}
.button-show-power{
    position:relative;
    left:50%;
    margin-left:-100px;
    top:-32px;
    width:200px;
    border:2px solid red;
    border-radius:10px;
    padding:10px 0;
    text-align:center;
}
.button-show-power-two{
    position:absolute;

    top:-1px;
}
#region {
    /*width: 35%;*/
    margin-left: 4px;
}

.station-list {
    width: 100%;
    margin-top: 20px;
}

.station-list>li {
    width: 25%;
    float: left;
}

.station-list li {
    text-align: center;
}

.station-list img {
    width: 30px;
    vertical-align: middle;
}

.mylist-one li:first-of-type {
    font: 14px/30px '微软雅黑';
    color: #fff;
    background: #143470;
}

.mylist-one li:nth-of-type(2) {
    font: bold 25px/32px '微软雅黑';
    color: #143470;
}

.mylist-one li:nth-of-type(3) {
    font: bold 13px/26px '微软雅黑';
    color: black;
}

.mylist-one li:nth-of-type(4) {
    font: 12px/24px '微软雅黑';
    color: #999;
}

.mylist-two,
.mylist-four {
    padding: 20px 0px;
    background: #f9e4f5;
}

.mylist-three {
    padding: 20px 0px;
    background: #f8f8f8;
}

.mylist-two li:first-of-type,
.mylist-three li:first-of-type,
.mylist-four li:first-of-type {
    font: 15px '微软雅黑';
    color: #999;
}

.mylist-two li:last-of-type,
.mylist-three li:last-of-type,
.mylist-four li:last-of-type {
    font: 21px/44px '微软雅黑';
    color: #4f4f4f;
}

.content-image {
    width: 60%;
    padding: 30px 11px 50px;
    margin: 0 auto;
    margin-top: 40px;
    background: #fff;
    position: relative;
}

.content-image .Histogram {
    width: 100%;
    margin-top: 150px;
}

.content-image .Histogram img {
    width: 95%;
    margin-left: 2.5%;
}

.content-image div span:first-of-type {
    font: 20px '微软雅黑';
    color: black;
    display: inline-block;
    border-right: 2px solid black;
    padding: 0px 20px;
}

.content-image div span:last-of-type {
    font: 20px '微软雅黑';
    color: #999;
    padding-left: 20px;
}

.timer {
    width: 100%;
    height: 22px;
    padding-left: 11px;
    padding-bottom: 60px;
    margin-top: 80px;
}

.timer li {
    width: 45px;
    height: 22px;
    float: left;
    text-align: center;
    background: #999;
    color: #fff;
    font: 15px/22px '微软雅黑';
}

.timer li:first-of-type {
    background: #f07399;
}

.other-con {
    width: 100%;
    margin: 0 auto;
    /*border:1px solid red;*/
    position: absolute;
    top: 100px;
    left: 0px;
    display: none;
    background: #fff;
}

.other-con .img-house {
    width: 90%;
    /*border:1px solid red;*/
    margin: 0 auto;
}

.p-address-style {
    padding-left: 20px;
}

.other-con .img-house img {
    width: 100%;
}

.other-con p {
    font: 15px '微软雅黑';
    color: #333;
    margin-top: 30px;
}

.img-list {
    width: 98%;
    height: 80px;
    border: 1px solid #333;
    padding: 10px 0px;
    margin: 0 auto;
    margin-top: 20px;
}

.img-list img {
    height: 100%;
}

.img-list img:last-of-type {
    float: right;
    margin-right: 15px;
    height: 30px;
    margin-top: 25px;
    margin-left: 15px;
}

.img-list img:first-of-type {
    height: 30px;
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
}

.line {
    width: 100%;
    height: 5px;
    background: #143470;
}

.myfooter {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 80px;
    /*min-width:1100px;*/
}

.mybottomul {
    width: 61%;
    margin: 0 auto;
}

.myfooter .mybottomul>li {
    float: left;
    width: 18%;
    font: bold 16px '微软雅黑';
    color: #545454;
}

.myfooter .mybottomul>li:first-of-type {
    width: 28%;
}

.mybottomul li ul li {
    font-size: 12px;
    padding: 2px 0px;
}

.mybottomul li ul li:first-of-type {
    margin-top: 20px;
}

.mybottomul img {
    width: 100px;
}


.div-content {
    width: 100%;
}

.content-mydata {
    width: 1080px;
    margin: 0 auto;
}

.content-mydata>p {
    padding-top: 30px;
    font: 16px '微软雅黑';
    color: #fff;
}

.content-mydata div {
    font: bold 35px '微软雅黑';
    color: #fff;
    text-align: center;
    padding-top: 100px;
}

.content-mydata div p {
    padding-top: 15px;
    font: 400 20px '微软雅黑';
    color: #fff;
}


/*正文   start*/

* {
    margin: 0;
    padding: 0;
}

#contaner {
    width: 1080px;
    margin: 30px auto;
    margin-top:600px;
    /*content: "";*/
    /*display: block;*/
    /*clear: both;*/
}
#contaner .titleBox{
    text-align:center;
    margin-bottom:30px;
}


/*左块 开始*/

.contaner_left {
    /*float: left;*/
    width:1080px;
    margin:0 auto;
}

.contaner_right {
    /*float: left;*/
}

.contaner_left .inp {
    /*margin-bottom: 20px;*/
}

.contaner_left .inp select {
    border-radius: 14px;
    background: #ebebeb;
    width: 294px;
    height: 28px;
    padding: 0 4px;
    line-height: 28px;
    font-size: 14px;
    font-family: "微软雅黑";
    border: 1px solid #DDDDDD;
}

.contaner_left .inp input:nth-child(1) {
    margin-right: 4px;
}

.contaner_left .inp input:nth-child(2) {}

#contaner .contaner_left table {
    width: 598px;
    font-size: 14px;
    font-family: "微软雅黑";
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    padding-bottom: 50px !important;
}

.contaner_left table .header th {
    height: 28px;
    padding: 0 4px;
    line-height: 28px;
    border: 1px solid #DDDDDD;
    background: #F0F0F0;
}

.contaner_left table td {
    text-align: center;
    height: 28px;
    line-height: 1.5;
}

.contaner_left table td img {
    width: 162px;
    margin: 15px;
}

.contaner_left table td .bold {
    font-weight: bold;
}
/**/
.showData{
    width:100%;
    background:#143470;
}
.showData ul,
.reductionData,
.info{
    width:1080px;
    margin:0 auto;
}
.info {
    margin-bottom: 40px;
}
.showData ul li{
    float:left;
    padding:15px 0;
    color:white;
    text-align:center;
    width:16.66666667%;
}
.showData ul li img,
.reductionData li img{
    width:76px;
}
.showData ul li p{
    margin-top:8px;
    font-size:18px;
}
.showData ul li span{
    font-size:17px;
}
.reductionData li{
    float:left;
    width:25%;
    padding:50px 0;
}
.reductionData li img{
    float:left;
}
.reductionData li h3{
    float:left;
    margin-left:15px;
}
.reductionData li h3 p{
    margin: 15px 0 7px 0;
}
.info #banner{
    float:left;
    width:50%;
}
.info .infoText{
    width:38%;
    float:right;
    border-radius:20px;
    box-shadow:0 0 10px #333;
}
.info .infoText h3{
    background:#143470;
    text-align:center;
    color:white;
    border-radius: 20px 20px 0 0;
    padding: 10px 0;
}
.info .infoText div{
    font-size:15px;
    background:#eeeeee;
    border-radius:0 0 20px 20px;
    padding: 15px 20px;
}
.info .infoText div li{
    margin-bottom: 5px;
}

/**/
.bolder {
    display: inline-block;
    padding-bottom: 30px;
}

.dataBox {
    width: 1080px;
    margin:0 auto;
}

.dataBox .bt {
    border-bottom: 2px solid #5B595A;
    margin: 20px 0;
}

div.data_curve1 {
    display: block;
}

div.data_curve2 {
    display: none;
}

.data_curve2 .dateBox_sm1 select {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-family: "微软雅黑";
}

.data_curve2 .dateBox button {
    display: inline-block;
    width: 50px;
    height: 24px;
    line-height: 24px;
    background: #E6EBE7;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    font-family: "微软雅黑";
}

.data_curve2 .dateBox_sm2 button {
    display: inline-block;
    width: 50px;
    background: #E6EBE7;
    margin-left: -6px !important;
}


/*.dateBox_sm1 button:hover,
.dateBox_sm2 button:hover{
	background:#5F5D5E ;
}*/

.dataBox .bt span {
    width: 76px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
}

.dataBox .bt span.dataBox_power {
    background: #143470;
    border-top-left-radius: 6px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
	color: #FFF;
}

.dataBox .bt span.dataBox_per {
    border-top-right-radius: 6px;
}

.dateBox {
    width: 1080px;
    margin: 10px 0;
    content: "";
    display: block;
    clear: both;
}

.dateBox .dateBox_sm1,
.dateBox .dateBox_sm2 {
    float: left;
    width: 350px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.dateBox .dateBox_sm1 input {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

.dateBox .dateBox_sm1 span {
    margin: 5px;
}

.dateBox .dateBox_sm1 .span1,
.dateBox .dateBox_sm1 .span2,
.dateBox .dateBox_sm1 .span3 img {
    width: 16px;
    height: 16px;
    color: #FFFFFF;
    font-weight: 900;
    text-align: center;
    display: inline-block;
    line-height: 16px;
    background: #157CC9;
}

.dateBox .dateBox_sm2 {
    float:right;
    width: 165px;
    height: 40px;
    line-height: 20px;
}

.dateBox .dateBox_sm2 span {
    display: inline-block;
    width: 70px;
    height: 20px;
    color: #FFFFFF;
    text-align: center;
    background: #5F5D5D;
    border-radius: 5px;
}


/*左块 结束*/


/*右块 开始*/

.contaner_right {
    width: 400px;
    box-sizing: border-box;
    position: relative;
}

.contaner_right .lunbo {
    width: 400px;
    height: 224px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.contaner_right .lunbo img:nth-child(1) {
    display: inline-block;
    width: 300px;
    height: 120px;
    padding: 40px 50px;
    float: left;

}

.contaner_right .lunbo img:nth-child(2) {
    display: inline-block;
    width: 400px;
    height: 200px;
    float: left;
}
.contaner_right .heib{
    width: 400px;
    height: 24px;
    position: absolute;
    top: 200px;
    background: #B7B7B7;
}
.contaner_right .yuanD1,
.contaner_right .yuanD2{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #FFFFFF;
    position: absolute;
    top:202px;
    left: 196px;
    margin: 5px;
}
.contaner_right .yuanD2{
    left: 210px;
}

.contaner_right .rightText {
    width: 400px;
    height: 170px;
    margin-top: 20px;
    margin-bottom: 70px;
    font-size: 14px;
    font-family: "微软雅黑";
    border-radius: 6px;
    border: 1px solid #CCCCCC;
}

.contaner_right .rightText .conts {
    padding-left: 10px;
}

.conts li option {
    font-size: 12px;
}

.conts li select {
    height: 20px;
    line-height: 20px;
    margin: 6px 0 0 0;
}

.contaner_right .rightText li {
    height: 26px;
    line-height: 26px;
}

.rightText h3 {
    width: 390px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    padding-left: 10px;
    background: #F2F2F2;
    border-bottom: 1px solid #CCCCCC;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.contaner_right table {
    width: 400px;
    text-align: center;
}

.contaner_right table td {
    height: 110px;
}

.contaner_right table .txt {
    height: 50px;
    font-size: 12px;
    font-family: "微软雅黑";
    padding-bottom: 20px;
}

.contaner_right table span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
}

.contaner_right table span.blod {
    font-weight: 600;
}

.contaner_right table img {
    width: 170px;
    height: 110px;
    margin-left: 12px;
}


#banner {
    width: 50%;
    position: relative;
    z-index: -100;
    /*overflow: hidden;*/
}

#banner .bd {
    width: 100%;
}

#banner .bd li {
    position: relative;
    z-index: -100;
}

#banner .bd li img {
    width: 100%;
    height: 260px;
    vertical-align: top;
}

#banner .hd {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 24px;
}

#banner .hd ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#banner .hd li {
    float: left;
    margin: 4px 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #000;
    opacity: 0.7;
}

#banner .hd li.on {
    background: #eb5a86;
}