*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;}
.bodyContaint{
	width:100%;max-width:425px;height:100%;text-align:center;display:table-row;
	background:url('../images/body-background_index.png') no-repeat center bottom;background-size:cover;padding:10px;
	position:relative;
}
.bodyContaint2{
	width:100%;max-width:425px;height:100%;text-align:center;display:table-row;
	background:url('../images/body-background_index2.png') no-repeat center bottom;background-size:cover;padding:10px;
	position:relative;
}
.bodyContaint3{
	width:100%;max-width:425px;height:100%;text-align:center;display:table-row;
	background:#EEF3DC url('../images/body-background_index3.png') no-repeat center top;background-size:100%;padding:10px;
	position:relative;
}
a{cursor:pointer;color:#EA5413;}
i{font-style:normal;}
a:focus, a:hover {color:#EA5413;text-decoration: none;}
.topmenu{margin:30px 30px 30px 0px;height:37px;width:100%;display:block;}
.topname{color:#7D972A;font-size:23px;text-align:center;margin:30px;display:block;}
.dianYuanKaiGuan{display:inline-block;float:left;margin-left:30px;line-height:27px;width:24px;height:27px;}
.dianYuanKaiGuan>img{width:24px;height:27px;}
.riQiShiJian{background:url('../images/riQiShiJian-bg2.png') no-repeat center bottom;background-size:cover;width:236px;height:27px;line-height:27px;
display:inline-block;padding:0 0 0 10px;color:#fff;font-size:17px;font-weight:600;margin: 5px 20px 5px 5px;}

#kongQiXianShi{display:table;text-align:center;width:100%;height:100%;}
#kongQiXianShi>div{width:100%;height:180px;display:table-cell;text-align:center;}
#kongQiXianShi>div>div{width:320px;height:137px;background:url('../images/kongQiXianShi.png') no-repeat center bottom;background-size:cover;display:inline-block;position:relative;}
#kongQiXianShi>div>div div{position:absolute;display:block;font-size:42px;font-weight:800;text-align:center;width:90px;}
#wenDuXianShi{top:23px;left:0px;color:#EA5D1C;}
#shiDuXianShi{top:23px;left:110px;color:#00A0E9;}
#pm25XianShi{top:21px;left:223px;color:#8FC320;}

#wenDuKongZhi{display:table;text-align:center;width:100%;height:100%;}
#wenDuKongZhi>div{width:100%;height:180px;display:table-cell;text-align:center;}
#wenDuKongZhi>div>div{width:320px;height:177px;background:url('../images/weiDuKongZhi.png') no-repeat center bottom;background-size:cover;display:inline-block;position:relative;}
#wenDuKongZhi>div>div div,#wenDuKongZhi>div>div span{position:absolute;display:block;}
#wenDuSheZhi{font-size:100px;top:40px;left:100px;font-weight:600;color:#567515;}
#wenDuJia{top:38px;right:0px;width:50px;height:120px;}
#wenDuJian{top:38px;left:0px;width:50px;height:120px;}
#moShiKongZhi{display:table;text-align:center;width:100%;position:absolute;bottom:60px;}
#moShiKongZhi>div{width:100%;display:table-cell;text-align:center;}
#moShiKongZhi>div>div{display:inline-block;position:relative;}
#moShiKongZhi>div>div>span{display:inline-block;width:55px;height:95px;margin:5px;}
#zhiLeng{background:url('../images/zhiLeng2.png') no-repeat center center;background-size:cover;}
#zhiLeng.on{background:url('../images/zhiLeng1.png') no-repeat center center;background-size:cover;}
#zhiRe{background:url('../images/zhiRe2.png') no-repeat center center;background-size:cover;}
#zhiRe.on{background:url('../images/zhiRe1.png') no-repeat center center;background-size:cover;}
#chuShi{background:url('../images/chuShi2.png') no-repeat center center;background-size:cover;}
#chuShi.on{background:url('../images/chuShi1.png') no-repeat center center;background-size:cover;}
#tongFeng{background:url('../images/tongFeng2.png') no-repeat center center;background-size:cover;}
#tongFeng.on{background:url('../images/tongFeng1.png') no-repeat center center;background-size:cover;}

#fuWuBiaoTi{display:table;text-align:center;width:100%;position:absolute;bottom:100px;}
#fuWuBiaoTi>div{width:100%;display:table-cell;text-align:left;}
#fuWuBiaoTi>div>div{display:block;position:relative;margin:15px 15px 15px 10%;padding-left:25px;background-size:contain;}
#fuWuBiaoTi>div>div.xiTongFuWuShuoMing{background:url('../images/xiTongFuWuShuoMing.png') no-repeat left center;background-size:contain;}
#fuWuBiaoTi>div>div.caoZuoZhuYiShiXiang{background:url('../images/caoZuoZhuYiShiXiang.png') no-repeat left center;background-size:contain;}

.bottomBtn{width:100%;display:block;height:45px;position:absolute;bottom:0px;}
.bottomBtn>div{width:33.33%;display:inline-block;float:left;line-height:45px;cursor:pointer;border-top:2px solid #567515;margin:0;background-color:#EEF3DC;color:#567515;background-origin:opacity:0.1;filter:alpha(opacity=10);}
.bottomBtn>div.cur{background-color:#567515;color:#fff;}

.device-info,.room-list,.room-list>div,.device-info>div{float:left;display:inline-block;border-radius:8px;}
.device-info>div{height:190px;border:1px solid #eee;background-color:#eee;padding:5px 10px 5px 10px;margin:5px 12px 5px 0px;}
.room-list>div{border:1px solid #eee;background-color:#eee;padding:5px;padding:5px 10px 5px 10px;margin:5px 5px 5px 0px;;}
.device-info.status>div{display:block;border:1px solid red;}
.device-online{margin:5px;text-align: center;font-size:15px;}
.dianYuanAnNiu{display:block;width:24px;height:27px;cursor:pointer;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:10px;}
.dianYuanAnNiu.on{background-image:url('../images/dianYuanKaiGuan1.png');}
.dianYuanAnNiu.off{background-image:url('../images/dianYuanKaiGuan2.png');}

.roomtitle{display:block;margin:8px;font-size:16px;text-align:center;}
.fangJianKongZhi{display:block;font-size:15px;height:40px;}
.fangJianKongZhi1{display:block;font-size:15px;line-height:40px;}
.fangJianKongZhi1>span{font-size:20px;font-weight:800;}
.roomWenDuJian,.roomWenDuJia{display:inline-block;border:1px solid #ccc;color:#fff;background-color:#ADC57B;border-radius:5px;width:30px;height:30px;line-height:26px;margin:0 5px 0 5px;cursor:pointer;text-align:center;font-weight:900}
.kongQiXianShi{display:table;text-align:center;}
.kongQiXianShi>div{width:100%;height:150px;display:table-cell;text-align:center;}
.kongQiXianShi>div>div{width:320px;height:137px;background:url('../images/kongQiXianShi.png') no-repeat center bottom;background-size:cover;display:inline-block;position:relative;}
.kongQiXianShi>div>div div{position:absolute;display:block;font-size:42px;font-weight:800;text-align:center;width:90px;}
.wenDuXianShi{top:23px;left:0px;color:#EA5D1C;}
.shiDuXianShi{top:23px;left:110px;color:#00A0E9;}
.pm25XianShi{top:21px;left:223px;color:#8FC320;}

.wenDuKongZhi{text-align:center;float:left;}
.wenDuKongZhi>div{width:100%;height:180px;display:table-cell;text-align:center;}
.wenDuKongZhi>div>div{width:320px;height:177px;background:url('../images/weiDuKongZhi.png') no-repeat center bottom;background-size:cover;display:inline-block;position:relative;}
.wenDuKongZhi>div>div div,.wenDuKongZhi>div>div span{position:absolute;display:block;}
.wenDuSheZhi{font-size:100px;top:40px;left:100px;font-weight:600;color:#567515;}
.wenDuJia{cursor:pointer;top:38px;right:0px;width:50px;height:120px;}
.wenDuJian{cursor:pointer;top:38px;left:0px;width:50px;height:120px;}
.moShiKongZhi{text-align:center;float:left;}
.moShiKongZhi>div{width:100%;display:table-cell;text-align:center;}
.moShiKongZhi>div>div{display:inline-block;position:relative;}
.moShiKongZhi>div>div>span{display:inline-block;width:55px;height:95px;margin:5px;cursor:pointer;}
.zhiLeng{background:url('../images/zhiLeng2.png') no-repeat center center;background-size:cover;}
.zhiLeng.on{background:url('../images/zhiLeng1.png') no-repeat center center;background-size:cover;}
.zhiRe{background:url('../images/zhiRe2.png') no-repeat center center;background-size:cover;}
.zhiRe.on{background:url('../images/zhiRe1.png') no-repeat center center;background-size:cover;}
.chuShi{background:url('../images/chuShi2.png') no-repeat center center;background-size:cover;}
.chuShi.on{background:url('../images/chuShi1.png') no-repeat center center;background-size:cover;}
.tongFeng{background:url('../images/tongFeng2.png') no-repeat center center;background-size:cover;}
.tongFeng.on{background:url('../images/tongFeng1.png') no-repeat center center;background-size:cover;}

.login-container{display:table;width:100%;height:100%;background:url('../images/body-background_index2.png') no-repeat center bottom;background-size:100%;}
.login-container .page-content{display:table-row;height:100%}
.login-container .form-control-feedback i{color:#EF5350;margin-top:15px;}
.login-container .footer{left:0;right:0;text-align:center; color:#000;}
.login-container .footer a,.login-container .footer a:hover{color:#0b7cf1; text-decoration:none;}
.login-container .content-wrapper{vertical-align:middle;display:table-cell}
.login-container .nav-tabs.nav-justified{margin-bottom:0}
.login-container .nav-tabs.nav-justified>li>a{border-top:0!important;padding-left:15px;padding-right:15px;background-color:#f5f5f5}
.login-container .nav-tabs.nav-justified>li:first-child>a{border-left:0;border-radius:3px 0 0}
.login-container .nav-tabs.nav-justified>li:last-child>a{border-right:0;border-radius:0 3px 0 0}
.login-container .nav-tabs.nav-justified>li.active>a{background-color:transparent}
.login-container .login-form{width:320px;border: 1px solid #ddd;}
.login-container .login-form-wide{width:620px}
.login-container .login-form,.login-container .registration-form{margin:0 auto 20px}
.login-container ul.social-icons li a{width:38px;}
.login-container ul.social-icons li i{font-size:16px;}
.login-container ul.social-icons .btn-icon {padding-left: 9px;padding-right: 8px;}
.social-login{background:#fff; padding:16px; color:#222; margin-top:3px;}
.social-login a i{border:2px solid #1E88E5; border-radius:100%; margin:0 4px; padding:6px; width:36px; text-align:center; font-size:20px;}
.social-login a:hover i{border:2px solid #1E88E5; color:#fff; background:#1E88E5;}
.login-cover{background-size:cover}
.login-container{display:table;width:100%;height:100%;background-color:#ededed;background-size: cover;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.panel-body {padding: 15px;}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-heading > .dropdown .dropdown-toggle {color: inherit;}
.panel-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit;}
.panel-title > a,.panel-title > small,.panel-title > .small,.panel-title > small > a,.panel-title > .small > a {color: inherit;}
.panel-footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.text-center{text-align:center;}