@charset "utf-8";

/* wait page */

.wait{ position:absolute; left:486px; top:329px;}
.wait ul li{ background: url(../images/rectangle.png) no-repeat; width:48px; height:66px; margin-right:4px; float:left;}
.wait p{font-size:22px; padding:5px 0 0 40px; color:#fff;}
.wait ul li.curr{ background:url(../images/rectangle-2.png) no-repeat; width:48px; height:66px; margin-right:4px; float:left;}

/* help style*/
.help_main,
.help_main1{position:absolute; left:0; top:256px; width:100%; height:268px;padding-left: 15px;}

.help_main .hm_box,
.help_main1 .hm_box{ display:block;font-size:24px; text-shadow:2px 2px 4px #333;}
.help_main .hm_box a,
.help_main1 .hm_box a{ display:block; background:url(../images/help/btn_normal.png) no-repeat; width:414px; height:264px; text-decoration:none;color:#fff; padding-top:100px; text-align:center;}
/* .help_main .hm_box a:hover,
.help_main1 .hm_box a:hover{ background:url(../images/help/btn_selected.png) no-repeat; color:#51c6f8;} */


.help_main1{  height:268px; padding-left:0;}

.help_main1 .hm_box{ }
.help_main1 .hm_box a{  padding-top:103px;}



.help{ position:relative;height:663px; margin:12px 0 0 24px; }
.help .dropdown-menu{ background:#fff;}

.help .but_select{ height:80px; border-bottom:1px solid #fff; background:#f5f6fa; border-top-left-radius:5px;border-top-right-radius:5px; padding:20px 0 0 27px;}

.btn-help{ background:url(../images/help/btn_normal_low.png) no-repeat -3px 0; width:275px; height:48px; color:#666; padding-left:20px; padding-top:0; text-align:left; font-size:20px; color:#666;}
.btn-help:hover{ background:url(../images/help/btn_selected_low.png) no-repeat -3px 0; color:#fff;}

.btn-help span{ display:inline-block; position:absolute; right:15px; top:20px;}

.btn-group{ position:relative; width:276px; float:left;}

.help table{ border-top:1px solid #d8d9db;}
.help table tr th{ border:1px solid #ebeced; height:58px; line-height:58px; text-align:center; font-size:22px; color:#333; border-bottom:none;}
.help table tr td{border:1px solid #ebeced; height:39px; line-height:39px; text-align:center; font-size:20px; color:#666;}

/* ==========================================================*/

/*illustrate*/
.illustrate{ min-height:500px; margin-left:24px; margin-top:40px; }
.illustrate-tab li a{ float:left; display:inline-block;width:162px; height:41px; margin-right:10px; line-height:41px; text-align:center; color:#fff; font-size:20px; background:url(../images/btn_normal1.png) no-repeat;}
.illustrate-tab li a:hover,
.illustrate-tab li a.current{ background:url(../images/btn_selected.png) no-repeat;}
.illustrate .panes,
.illustrate .illustrate-panes{ width:1232px;height:662px; background:#fff;}
.illustrate .illustrate-panes{ overflow-y:hidden;;}

.ill-table th{ background:#fbfbfb; width:277px; height:62px; line-height:62px; border:1px solid #eaeaeb; font-size:20px; color:#333; text-align:center;}

.ill-table td{ height:50px; line-height:50px; text-align:center; font-size:20px; color:#666; border:1px solid #eaeaeb;}
.ill-table tr:nth-child(odd){ background:#fafafa;}

/* ==========================================================*/
/* history style*/

.history{ position:relative; margin-top:12px; margin-left:24px;}

.history_header dl dt{ float:left; height:62px; line-height:62px;font-size:22px; color:#333; text-align:center; font-weight:normal;}
.history_header dl dt.wid1{ width:359px; border-right:1px solid #ebeced;}
.history_header dl dt.wid2{ width:872px;}

.history_main{ border-top:1px solid #ebeced;border-bottom:1px solid #ebeced; height:574px; overflow-y:auto; overflow-x:hidden;}

.history_footer{ background:#f5f6fa; height:80px; border-bottom-left-radius:5px;border-bottom-right-radius:5px; padding:19px 18px 0 18px;}

.history_talbe{ border-top:1px solid #ebeced;}

.history_talbe tr th{width:200px; border-bottom:1px solid #ebeced; font-size:22px; color:#333; text-align:center;}
.history_talbe tr td{ height:52px; line-height:25px; border:1px solid #ebeced;font-size:20px; color:#666; text-align:center;}

.history_talbe tr td.wid1{ width:158px;}

.history_footer a{ display:inline-block;}

.history_date{ width:500px; font-size:20px;}
.history_date .btn_backday{ background:url(../images/history/btn_normal_today.png) no-repeat; color:#666;padding-top:0; outline:none;}
.history_date .btn_backday:focus{outline:none;}
.history_date .btn_backday,
.btn_kalolin{ width:158px; height:48px; font-size:20px;  text-align:center; }
.history_date .btn_backday:hover,
.btn_kalolin:hover{ background:url(../images/history/btn_selected_Kalolin.png) no-repeat;color:#fff;text-decoration:none;}

.btn_kalolin{ background:url(../images/history/btn_normal_Kalolin.png) no-repeat;color:#fff;padding-top:7px; }

/* btn_date style*/
.history_date .btn_date{ background:url(../images/history/date_bg.png); width:248px; height:48px; margin-left:164px; margin-top:1px;}
.history_date .btn_date dt{ padding-top:15px}
.history_date .btn_date dd{ padding-top:7px; color:#666; width:183px;}
.history_date .btn_date dd input{ border:0; width:183px;background: transparent; text-align:center; outline:none;}

.history_date .btn_date dt a{ width:17px; height:20px;}
.history_date .btn_date dt a{ display:block;}
.history_date .btn_date dt a.jia_l{ background:url(../images/history/jian_l.png) no-repeat; margin-left:15px;}
.history_date .btn_date dt a.jia_l:hover{ background:url(../images/history/jian_l_sele.png);}
.history_date .btn_date dt a.jia_r{ background:url(../images/history/jian_r.png) no-repeat; margin-right:15px;}
.history_date .btn_date dt a.jia_r:hover{ background: url(../images/history/jian_r_sele.png) no-repeat;}

/* 说明页面 style*/
.h300{height:300px;}
.h405{ height:405px;}

/*table 固定样式*/

.tableStyle th{border-right:1px solid #ebeced; font-size:22px; color:#333; text-align:center; height:64px; background:#fafafa;}
.tableStyle th:last-child,
.tableStyle td:last-child{ border-right:0;}
.tableStyle.tableStyleLeft th:last-child{ border-right:1px solid #ebeced;}
.tableStyle.tableStyleLeft td:last-child{ border-right:1px solid #ebeced;}
.tableStyle td{ height:50px; border-right:1px solid #ebeced;border-bottom:1px solid #ebeced; font-size:16px; color:#666; text-align:center;}

.tableStyle tr:nth-child(even){ background:#fafafa;}

.tableStyle td span{ display:inline-block; height:55px; line-height:55px; padding:0 10px;}
.tableStyle td span:nth-child(1){width:80%;}
.tableStyle td span:nth-child(2){width:18%;}

.td_scrollbar1{overflow-y:auto; overflow-x:hidden; height:228px; width:1232px;}

.td_scrollbar2{overflow-y:auto; overflow-x:hidden; height:335px; width:1232px;}

.tbdiv{overflow: hidden;}
.htbdiv{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

/*弹出框*/
.running_popup{ position:absolute; height:px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;  text-align:center;background: #485c78;-moz-box-shadow:0 0 10px #1e2836;-webkit-box-shadow:0 0 10px #1e2836;box-shadow:0 0 10px #1e2836; z-index:999;font-family: Arial,Helvetica,sans-serif,Microsoft Yahei;}
.running_popup{width:575px; top:283px;left:370px;}

.running_popup h1{ color:#fff;text-align:center; font-size:26px;line-height:35px; padding-top:30px;}

.running_popup p{display:block; margin:30px 0;}


/* .radione 单选框样式 */
.radiocont{ padding:20px 80px;}
.radiocont span{ font-size:16px; color:#fff; float:left;}

.runing-radio { float:left; margin-right:20px;
  width: 22px;
  height: 22px;
  margin-right:10px;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;

}
.runing-radio label {
  width: 22px;
  height: 22px;
  position: absolute;
  left:0;
  cursor: pointer;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background:#51c6f8;
}
.runing-radio label:after {
  content: '';
  width: 13px;
  height: 7px;
  position: absolute;
  top:6px;
  left:5px;
  border: 2px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.runing-radio label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.5;
}
.runing-radio input[type=checkbox] {
  visibility: hidden;
}
.runing-radio input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#indoor{
      height: 598px;
    overflow-y: scroll;
    width: 5263px;
}
#outdoor{
      height: 598px;
    overflow-y: scroll;
    width: 2221px;
}
.tableStyle tr:nth-child(odd){
  background: #fff !important;
}
#indoorLeft .tableStyle tr:nth-child(odd){
  background: #fff !important;
}
#indoorLeft .tableStyle tr:nth-child(even){
  background: #fafafa !important;
}
#indoorLeft .tableStyle tr:nth-child(odd) td{
  background: #fff !important;
}
#indoorLeft .tableStyle tr:nth-child(even) td{
  background: #fafafa !important;
}
#indoorLeft::-webkit-scrollbar{
  width:0px;
}
/* end .单选框样式 */
