@charset "utf-8";


/* Running time样式 */
.runningtime{ margin:12px 0 12px 24px; width:1232px; height:659px;}

.runn_list{ width:264px; height:659px;}
.runn_list h1{ height:66px; line-height:66px; color:#fff; font-size:22px; padding-left:48px;border-bottom: 1px solid #1a232f;margin-left:1px;}


.runn_content{ width:968px; height:659px; position:relative;
float:right;background:#fff;margin-top:1px;border-top-right-radius:5px;border-bottom-right-radius:5px;
}

.runn_content .rheader{height:66px; border-bottom:1px solid #d8d9db; padding:0 20px; }
.runn_content .rcontent{ height:512px;border-bottom:1px solid #d8d9db;}
.rcontent .rontent-none{ padding-top:235px; font-size:18px; color:#999; line-height:30px; text-align:center;}

.runn_content .rfooter{ height:80px; position:relative;}


.runn_content .rheader dl{ float:left; width:580px;padding-top:15px;}
.runn_content .rheader dl dd{position:relative; float:left;font-weight:normal; display:inline-block;}
.runn_content .rheader dl dt{ display:inline-block; float:left; margin-left:20px;}
.runn_content .rheader dl dt a{ font-weight:normal; font-family:Arial, Helvetica, sans-serif,Microsoft Yahei;}



.btn_time{ display: inline-block;height: 40px;width: 98px;text-align: center;padding-top: 3px; background:url(../images/report/btn_normal_Monthly.png) no-repeat center top;}
.btn_time:hover{ background:url(../images/report/btn_selected_Monthly.png) no-repeat center top; color:#fff; text-decoration:none;}

.rheader-button{ width:255px; float:right; margin-top:17px;}
.rheader-button li{ float:right; display:inline-block; width:32px; height:32px; margin:0 15px;}

.rheader-button li a{ display:inline-block; width:32px; height:32px;}
.rheader-button li.ico1{ background:url(../images/report/news/icon_list_normal.png) no-repeat;}
.rheader-button li.ico2{ background:url(../images/report/news/icon_linechart_normal.png) no-repeat;}
.rheader-button li.ico3{ background:url(../images/report/news/icon_histogram_normal.png) no-repeat;}

.rheader-button li.ico1:hover,
.rheader-button li.ico1 >a.curr{ background: url(../images/report/news/icon_list_selecter.png) no-repeat;}

.rheader-button li.ico2:hover,
.rheader-button li.ico2 >a.curr{ background: url(../images/report/news/icon_linechart_selected.png) no-repeat;}

.rheader-button li.ico3:hover,
.rheader-button li.ico3 >a.curr{ background: url(../images/report/news/icon_histogram_selected.png) no-repeat;}

.h376{ height:376px;}


.runn_content .rfooter a{position:absolute; top:15px; font-family: Arial,Helvetica,sans-serif,Microsoft Yahei;}
.site_abs01{left:15px;}
.site_abs02{right:182px;}
.site_abs03{right:15px;}
.site_abs04{right:470px;}
.site_abs05{right:516px;}

/*柱型图*/
.rontent_fl{ float:left; width:507px; border-right:1px solid #d8d9db; height:511px;}

.rontent_fl h2{ height:61px; border-bottom:1px solid #ebeced;}

.rontent_fr{ float:right; width:450px;border-left:1px solid #d8d9db; height:511px;}

/*CHROME浏览器中自定义滚动条样式*/
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-track-piece { background-color: #fff;}
::-webkit-scrollbar-thumb{height: 50px; background-color: #bdc6d0; -webkit-border-radius: 5px;}


/*table 固定样式*/

.tablestyle tr th{ border:1px solid #eaeaeb;border-top:0; width:194px; height:72px; text-align:center; color:#333; font-size:22px; font-family:Arial;}


.tablestyle tr td{ border:1px solid #eaeaeb; border-top:0; height:52px; text-align:center; color:#666; font-size:20px; color:#666; font-family:Helvetica;}
.tablestyle tr:nth-child(even){ background-color:#fbfbfb;}
.tablestyle tr td:nth-child(2){ font-family:Arial;}

.td_scrollbar{overflow:auto; height:511px; width:968px;}

.tbdiv{overflow: hidden;}

/*energy Staisics style*/
.energy-btn{ display:block; height:65px; border-bottom:1px solid #d8d9db;}
.energy-btn a{ display:inline-block; width:130px; height:63px; line-height:63px; text-align:center; font-size:22px; color:#333;}
/*.energy-btn a:hover{ background:#f7f7f7; color:#333; }*/
.energy-btn a.curr{ background:#e7e8ee; color:#1f72cc; }
.energy-sidebar{}

.energy-sidebar .nav >li{ display:block; height:50px;}
.energy-sidebar .nav >li a {
    color: #666;
    font-size: 20px;
    padding-left:30px;
    padding-right: 20px;
	padding-top:10px;
}
.energy-sidebar .nav >li a:hover,
.energy-sidebar .nav >li a:focus,
.energy-sidebar .nav >li a:hover >span,
.energy-sidebar .nav >li a.curr,
.energy-sidebar .nav >li a.curr >span{ background:#e7e8ee; color:#1f72cc;}
.energy-sidebar .nav >li span {
    color: #999;
    display: inline-block;
    float: right;
    font-size: 16px;
    font-weight: normal; margin-top:5px;
}

/*下拉菜单*/
.dropmenu{ border:1px solid #1f72cc; width:168px; position:absolute; z-index:9;top:10px;left:-80px; background:#fff; border-radius:5px;}
.dropmenu dl dd{width: 100%; height:43px; background:url(../images/control/line.png) no-repeat bottom; line-height:43px;}
.dropmenu dl dd a{ display:block; text-align:center; font-size:18px; color:#666; width:100%;}
.dropmenu dl dd a:hover,
.dropmenu dl dd a:focus{ color:#1f72cc;}
.dropmenu dl dd a:hover,
.dropmenu dl dd:last-child{ background:none;}

.dropmenupicker::before {
    left: 72px;
    top: -7px;
}
[class*="dropmenupicker"]::before {
    border-bottom: 7px solid #1f72cc; /*rgba(0, 0, 0, 0.2)*/
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}

.dropmenupicker::after {
    left: 73px;
    top: -6px;
}
[class*="dropmenupicker"]::after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}

button.dropdown-toggle{
    width: 188px;
    height: 40px;
    background-color: transparent;
    font-size: 20px;
    color: #666;
    border:0;
    margin-top: 10px;
    margin-left: 5px;
}

button.dropdown-toggle label{
    font-weight: normal;
}

button.dropdown-toggle .caret{ position: relative; display: inline-block;}

input[type="checkbox"]+ label {
    cursor: pointer;
    font-size: 1em;
}

[id^="checkbox-mail-"] + label {
    padding: 9px;
    border-radius: 1000px;
    display: inline-block;
    margin-right:5px;
}

[id^="checkbox-mail-"]:checked + label:before {
    content: ' ';
    border-radius: 100px;
    position: absolute;
    background: #024d9e;
    opacity: 0.8;
    display: none;
    box-shadow: inset 0 15px 23px -10px rgba(187, 230, 240, 0.3), 0 2px 2px rgba(0, 0, 0, 0.1);
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
}

[id^="checkbox-mail-"]:checked + label:before {
    content: ' ';
    display: block;
}

/*8-23*/
.configuration h2{ padding-bottom:10px;color:#fff;font-size:26px;}
.conf-cont-checkbox{ width:420px; margin:0 auto; padding-top:10px;}
.conf-cont-checkbox li{ display:block; clear:both; margin:5px 0;}
.conf-cont-checkbox p{ margin-top:3px;}
.conf-cont-checkbox b{ display:inline-block; text-align:left; font-weight:normal; font-size:20px; color:#b5bdc9; float:left;width: 380px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.opsit_center{position:absolute;left:25%;}



.page{
  height: 38px;
width: 90px;
border: 1px solid #ccc;
text-align: center;
line-height: 36px;
font-size: 20px;
border-radius: 5px;
position: absolute;
right: 580px;
top: 20px;
}
.page .currPage{
  /* color:#51c6f8 */
}
.pageBtn{
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    background: #fff;
    margin-top: 5px;
    width: 90px;
    height: 38px;
    font-size: 18px;
}
.pageBtn:hover{
  border-color: #51c6f8;
  color:#51c6f8;
}