@charset "utf-8";
/* CSS Document */

/************************************全局变量****************************************/
/* 原 弹出 窗体 的样式 用JS 生成，导致重复 现更改固定1份 */

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);background-clip:padding-box}
h1,h2,h3,h4,h5,h6{font-size:em;font-weight:normal}
ul{list-style:none}
li{list-style-type:none;}
hr {color:#000000; border-left:none; padding:0em; margin:0em; }
legend{display:none}
fieldset,img{border:none;vertical-align:middle}
em,cite,i{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:arial}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
body{font:Microsoft YaHei;font-family: "微软雅黑", Arial;margin:0;;word-break:break-all;height:100%; background-color:#eeeeee;}
html{ margin:0; height:100%; }
body a {color:#000;text-decoration:none;cursor:pointer}
/*body a:hover,body a:active,body a:focus{color:#000;text-decoration:none;outline:none;}border-radius:3px;*/
a:hover {color:#000;}  a:visited {color:#000;} a:link {color:#000;}  a {color:#000; }
img {max-width: 100%;height: auto;width: auto\9;border: 0px;}
.distable{display:table;}
.distable div{display:table-cell; vertical-align:middle;}

input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow:none;
  background:url(../images/rbline.png);
  background-position:100% 100%;
  background-size:100% 100%;
  border-radius: 0px;
  border:none;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background: #50B5DA;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background:url(../images/rbline.png);
  background-position:100% 100%;
  background-size:100% 100%;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background:url(../images/rbline.png);
  background-position:100% 100%;
  background-size:100% 100%;
  border-radius: 0px;
  border:none;
}
input[type=range]::-moz-range-thumb {
  box-shadow: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background: #50B5DA;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border:none;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  box-shadow: none;
  background:url(../images/rbline.png);
  background-position:100% 100%;
  background-size:100% 100%;
  border:none;
}
input[type=range]::-ms-fill-upper {
  box-shadow: none;
  background:url(../images/rbline.png);
  background-position:100% 100%;
  background-size:100% 100%;
  border:none;
}
input[type=range]::-ms-thumb {
  box-shadow: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background: #50B5DA;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background:url(../images/rbline.png);
  background-position:100% 100%;
  background-size:100% 100%;
}
input[type=range]:focus::-ms-fill-upper {
  background:url(../images/rbline.png);
  background-position:100% 100%;
  background-size:100% 100%;
}

/***************************************register******************************************/
.top {background-color: #FFFFFF;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #ccc; overflow:hidden;padding-top: 10px;	padding-bottom: 10px; padding-left:0.8em;}
.top-01{width: 26%;	font-size: 0.8em;	line-height: 3em;	color: #50B5DA;	text-align: center;	float: left;}
.top-02{width: 26%;	font-size: 0.8em;	line-height: 3em;	color: #666;text-align: center;float: left;}
.top-tu{width: 8%;	float: left;	padding-top: 0.3em;}
.shurukuang{float: left;width: 100%;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #ccc;border-bottom-color: #ccc;background-color: #FFF;margin-top: 20px;padding-top: 10px;padding-bottom: 10px;text-align: center;}
.shurukuang-pic{ float:left; width:10%;margin-left:1.2em;}
.shurukuang-pic img{ width:80%;}
.shurukuang-tel{float:left; font-size: 0.9em;line-height: 2em;height: 2em;width: 55%;text-align: left;margin-left: 5px;}
.shurukuang03{width: 100%;background-color: #FFF; margin-bottom:1px; overflow:hidden; padding:0.8em 0;}
.shurukuang02{background-color: #FFF;font-size: 0.9em;line-height: 2em;border: 1px solid #FFF;color: #000;height: 2em;width: 90%;}
.anliu{float: left;width: 100%;margin-top: 20px;text-align: center;}
.anliu02{float: left;width: 100%;text-align: center;height: 3em;background-color: #fb8e50;font-size: 1em;line-height: 3em;color: #FFF;font-family: "微软雅黑", Arial;margin: 0px;padding: 0px;border: none;}
.tel{float: left;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccc;background-color: #FFF;padding-top: 10px;padding-bottom: 10px;text-align: center;}
.tel-2{font-size: 0.9em;line-height: 2em;height: 2em;width: 90%;text-align: left;margin-left: 5%;}
.text-hui {color: #999;text-decoration: none;}
.Service{line-height: 3em;color: #999;margin-top: 50px;float: left;width: 100%;font-size: 0.8em; text-align:center;}

/**************************************Password Find****************************************/
.uesr{float: left; width:100%;;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccc;background-color: #FFF;padding-top: 10px;padding-bottom: 10px;text-align: left;}
.uesr02{float: left;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccc;background-color: #FFF;padding-top: 10px;padding-bottom: 10px;text-align: center;}
.code{float: left;width: 50%;padding-left:0.8em; text-align:left;}
.code02{float: left;width: 15%;line-height: 2em;color: #666;background-color: #e7e7e7;text-decoration: blink;text-align: center;margin-right: 1%;margin-left: 5%;}
.codet02{float: left;width: 15%;line-height: 1.6em;text-align: center;margin-right: 1%;margin-left: 5%;}
.codet02 img { height:1.6em; width:3em;}
.code03{float: left;width: 20%;}
.code03-anliu{float: left;width: 100%;line-height: 2em;border: 1px solid #50B5DA;color: #50B5DA; background-color:#fff; border-radius:3px; padding: 1px;}
.line{float: left;width: 100%;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #ccc;border-bottom-color: #ccc;background-color: #FFF;margin-top: 20px;padding-top: 10px;padding-bottom: 10px;text-align: center;}
.code04{float: left;width: 30%;}
.code04-anliu{float: left;width: 100%;line-height: 2em;border: 1px solid #50B5DA;color: #50B5DA;padding: 1px;}
.code05{float: left;width: 60%;padding-left:0.8em;}
.sbtsuccpattern{ border:none; background-color:#fff; font-size:0.9em; padding:0.5em 1.5em; }
.checkBtn{ border: 1px solid #50B5DA;color: #50B5DA; background-color:#fff; padding:0.5em 1.5em; border-radius:3px; margin-left:1.5em;}

/*************************************Messinfo************************************************/
.info{float: left;width: 100%;margin-top: 40%;text-align: center;}
.text01{line-height: 3em;color: #999;text-align: center;float: left;width: 100%; font-size:0.8em;}
.info-kuang{padding: 10px;float: left;width: 100%;/*border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #CCC;border-bottom-color: #CCC;*/background-color: #FFF;text-align: left;}
.info-top{float: left;width: 100%;}
.info-tu{float: left;width: 20%;}
.info-biao{float: right;width: 80%;text-align: left;font-size: 1.0em;line-height: 2em;color: #000;font-weight: bold;}
.info-biao2{float: right;width: 80%;text-align: left;font-size: 1.0em;line-height: 2em;color: #666;}
.info-time{float: right;width: 80%;text-align: left;font-size: 0.8em;line-height: 1.5em;color: #999;}
.info-content{float: left;width: 90%;font-size:0.8em;line-height: 1.5em;color: #F00;margin-right: 5%;margin-left: 5%;margin-top: 10px;margin-bottom: 10px;}
.info-content02{float: left;width: 90%;margin-top: 10px;margin-bottom: 10px;font-size: 0.8em;line-height: 1.5em;color: #999;margin-right: 5%;margin-left: 5%;}
.info-bottom{float: left;width: 100%;}
.info-bottom-del{float: right;width: 20%;text-align: left;}
.info-bottom-del2{float: right;width: 15%;text-align: left;}
.divinfolss li{width:100%; overflow:hidden; margin-bottom:1px}
.divmessfram{ overflow:hidden; width:100%;}
.divmsettitle{ padding:1em 1em; font-size:1em;}
.divmsetcontxt{ float:left; width:100%; overflow:hidden; background-color:#fff; font-size:1em; padding:0.8em 0em;margin-bottom:1px;}
.divmsetcontxtmss{ float:left; width:50%;height: 2em; line-height: 2em; padding-left:1em;}
.divmsetcontxtmdi{ float:right; text-align:right; width: 60px; background-color:#50B5DA; margin-right: 2em; padding: 3px 3px; border-radius: 15px; height: 1.6em; line-height: 1em;}
.divmsetcontxtmdi input{ height: 26px; width: 26px; border-radius: 12px;background-color:#fff;}
.divmsetcontxtoff{ float:right; text-align:left; width: 60px; background-color:#bbbbbb; margin-right: 2em; padding: 3px 3px; border-radius: 15px; height: 1.6em; line-height: 1em;}
.divmsetcontxtoff input{ height: 26px; width: 26px; border-radius: 12px;background-color:#fff;}
.divmsetcontxtsing{ float:right; text-align:right;background-color:#50B5DA; margin-right:2em; padding: 5px 8px; border-radius: 18px; height: 1.2em; line-height: 1.0em;}
.divmsetcontxtsing input{ height: 12px; width: 12px; border-radius: 10px;background-color:#fff; }
.divmsetcontxtsingoff{ float:right; text-align:right;background-color:#fff; border:solid 1px #bbbbbb;  margin-right:2em; padding: 5px 8px; border-radius: 18px; height: 1.2em; line-height: 1.0em;}
.divmsetcontxtsingoff input{ height: 12px; width: 12px; border-radius: 10px; background-color:#bbbbbb;}
.divmsetcontxtbtnclear{padding-left:1em;}

/*************************************Sence*************************************************/
.myTaskmenu{position:fixed; z-index:9999;left:0;right:0; bottom:0;text-align: center;color: #fff;font-size: 1.0em}

.sencehomediv {color:#575757;text-align:center; font-size:1.2em; padding-top:6em;}
.sencehomedvbt { margin-top:1.5em; text-align:center;}
.sencehomedvbt a{ display:inline-block;width:60%;  padding:0.6em 0.1em; color:#fff; background-color:#50B5DA; font-size:1.1em;text-align:center; border-radius:3px;}

.tasksencecontextli{width:33%;float:left;text-align:center;font-size:0.9em;color:#666;}
.divlicontentList{ padding:0.8em 0em; margin-bottom:1.1px; }
.tasksencecontextli img{ width:60%; margin-bottom:5px;    border: 1px solid #50B5DA;border-radius: 50%;}

.divlicontent{ display:table; width:100%; overflow:hidden; background-color:#fff; padding:0.8em 0em; margin-bottom:1.1px;}
.divlicontent a{ display:block;}
.sencehomehdivpic {width:33%; display:table-cell; vertical-align:middle; text-align:right; }
.sencehomehdivpic img{ width:80%;}
.sencehometxtcontxt{width:67%;display:table-cell; vertical-align:middle; padding-left:15%;color:#666;}
.sencehometxtcontxt p{font-size: 1.0em;line-height: 2em;}
.sencehometxtcontxt div{ font-size:0.8em; color:#f78320;}
.sencehometxtcontxt img{ width:2em; margin-right:0.5em;}

.sendcehomeControl{ width:23%; display:table-cell; vertical-align:middle;}
.sendcehomeControl img{ width:45%;}
.sendcedivmsetcontxtmdi{text-align:right; width: 50px; background-color:#50B5DA;padding: 3px 3px; border-radius: 15px; height: 1.42em; line-height: 1em;}
.sendcedivmsetcontxtmdi input{ height: 23px; width: 23px; border-radius: 12px;background-color:#fff;}

.sendcedivcontxtoff{text-align:left; width: 50px; background-color:#bbbbbb;padding: 3px 3px; border-radius: 15px; height: 1.42em; line-height: 1em;}
.sendcedivcontxtoff input{ height: 23px; width: 23px; border-radius: 12px;background-color:#fff;}
.sendcehandbtn {font-size: 0.9em; background-color:#6ac17a; padding:0.7em 1em; color:#fff; border-radius:7px; }
.sencedetaildiv { width: 100%;margin: 0.5em 0em;overflow: hidden;float: left;}

.scene {background-color: #FFF;float: left;width: 100%;border-bottom-width: 1px;border-bottom-color: #CCC;text-align: left;}
.sceneshow2 {background-color: #FFF;float: left;width: 100%; border-bottom:solid 1px #CCC;text-align: left;}
.sceneshow3 {margin-bottom:1px; text-align: left; width:100%; overflow:hidden;}
.scene-biao {float: left;width: 78%;text-align: left;font-size: 1em;line-height: 2em;padding: 10px; padding-left:1.5em;}
.scene-biao-enable {float: left;width: 70%;text-align: left;font-size: 1em;line-height: 2em;padding: 10px; padding-left:1.5em;}
.scene-jiantou {float: left;width: 10%;text-align: center;padding-top: 0.6em;}
.scene-tubiao {float: left;width: 50%;text-align: left;padding: 5px;}
.scene-info01 {float: left;width: 25%;text-align: right;font-size: 1em;line-height: 2em;padding: 10px;}
.scene-info01-surukuang {float: left;width: 50%;text-align: left;}
.scene-info01-surukuang01 {text-align: left;font-size: 1em;line-height: 3em;border: 0px; padding-top:3px;}
.scene-pic {float: left;width: 100%;text-align: center;}.scene-pic ul {text-align: center;margin: 0px;padding: 0px;list-style-type: none;}
.scene-pic li {float: left;width: 18%;padding: 10px;}
.sencebtnsave { margin-top:2em; text-align:center; width:100%; float:left; }
.sencebtnsave input{ color:#fff; background-color:#50B5DA; font-size:1em; padding:0.8em 0em;width:100%;}

.divsencetime { margin-top:2em; text-align:center; width:100%; float:left; }
.divsencetime input{ color:#fff; background-color:#50B5DA; font-size:1em; padding:0.5em 0em; border-radius:3px; width:75%;}
.hand-tu {float: left;width: 25%;text-align: center;padding-top: 5px;padding-right: 5px;padding-left: 5px;}
.hand-text {float: left;width: 45%;text-align: left;font-size: 1em;line-height: 3em;padding: 10px;}
.hand-jiantou {float: left;width: 10%;text-align: center;padding-top: 1.5em;}
.hand-anliu {float: left;width: 15%;text-align: center;padding-top: 20px;}
.hand-anliu02 {font-size: 0.8em; background-color:#6ac17a; padding:0.7em 1em; color:#fff; border-radius:8px; }
.week-time {line-height: 2em;font-weight: bold;width: 90%;float: left;padding: 10px;}
.week-time2 {width: 100%;margin-bottom: 8px;}
.week-time2 ul {list-style-type: none;text-align: center;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;width: 19em;overflow: hidden;margin: 0 auto;}
.week-time2 li {float: left;height: 37px;width: 37px;text-align: center;line-height: 36px;margin-left: 4px;border-radius: 20px;}
.weektimeliselect { color:#fff;background-color:#50B5DA;border:#fff solid 1px;}
.weektimeliunselect{border: #666 solid 1px;}
.time-top {float: right;width: 15%;text-align: center;padding-top: 12px;padding-right: 10px;padding-left: 10px;}
.time-text {float: left;width: 40%;text-align: left;font-size: 1em;line-height: 2.5em;padding: 10px;font-weight: bold;}
.time-text2 {float: left;width: 15%;text-align: left;font-size: 1em;line-height: 2.5em;padding: 10px;color: #666;}
.time-jiantou {float: left;width: 12%;text-align: center;padding-top: 1.3em;}
.execute {font-weight: bold;text-align: center;float: left;width: 100%;padding-top: 20px;padding-bottom: 20px;}
.executebtn {text-align: center;width: 100%;padding-top: 10px;padding-bottom: 10px; margin-top: 12em; background-color: #50B5DA;color: #fff;}
.sencecbtn {text-align: center;width: 100%;padding-top: 10px;padding-bottom: 10px; background-color: #50B5DA;color: #fff; font-size:0.9em;    float: left;margin-top: 1em; margin-bottom:2em;}
.wrapper{position:absolute;  top:14em; height:6em; left:0; right:0; overflow-y:scroll; overflow-x:hidden;z-index:5;}
.backgroundclass{ }
.timesetdiv {float:left;width:45%;  height:100%; }
.timesetcenter{float:left;width:10%;  height:6em; line-height:6em; text-align:center;}
.ultimeright{ float:right;}
.ultime li{ text-align:center; font-size:1em;  height:2em; display:block;  line-height:2.0em; width:4em;}
.timeselectclass{border-top:solid 1px #50B5DA;border-bottom:solid 1px #50B5DA;}
.timeunselectclass{color:#999;}
.timeselectncl{color:#000; }

.execute-time {text-align: center;float: left;width: 40%;padding-top: 10px;padding-bottom: 10px;margin-right: 30%;margin-left: 30%;}
.content-text {float: left;width: 60%;font-size: 1em;line-height: 3em;padding: 10px;text-align: left;}
.content-text2 {float: left;width: 22%;font-size: 1em;line-height: 1.5em;text-align: left;padding-top: 5px;padding-bottom: 5px;padding-left: 10px;}
.content-text3 {float: left;width: 70%;font-size: 0.8em;line-height: 1.5em;text-align: left;color: #666;padding-left: 10px;padding-top: 3px;padding-bottom: 3px;}
.content-text5 {float: left;width: 22%;font-size: 1em;line-height: 3.2em;text-align: left;padding-top: 5px;padding-bottom: 5px;padding-left: 10px;}
.content-tu {float: left;width: 20%;text-align: center;padding: 5px;}
.scene2 {float: left;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC;text-align: left; padding:0.5em 0em}
.scene2-text {float: left;width: 50%;}
.scene2-text1 {float: left;width: 90%;font-size: 1em;line-height: 3.8em;text-align: left;padding-left: 10px;color:#666; }
.scene2-text2 {float: left;width: 90%;font-size: 0.8em;line-height: 1.5em;text-align: left;color: #666;padding-left: 10px;padding-top: 3px;padding-bottom: 3px;}
.scene2-com {float: left;width: 20%;text-align: right;padding-top: 20px;padding-bottom: 5px;}
.scene2-com  input{background-color: #50B5DA;padding: 0.5em 0.8em;color: #fff;border-radius: 3px;}
.stmaindiv{ float:left; width:100%; height:100%;}

.stmaindivdevice{ float:left; width:30%;padding:5px; color:#50B5DA; text-align:center; overflow:hidden;}
.stmaindivdevice img{width:65%; margin-bottom:5px;}
.stmaindivdevice p{  color:#50B5DA; font-size:0.8em; width:100%;}


.stdevice{ display:table; margin:1em 0; width:100%;}
.stdevice div{ display:table-cell; vertical-align:middle;}
.stdevicepic{ text-align:center; width:50%; padding-right:5px;padding-left:5px;}
.stdevicepic img{ width:85%; }
.stdevicetitle{ border-bottom:1px solid #aaaaaa; color:#fff; text-align:left;width:50%; font-size:0.9em; }

.stmaindivdetail{ float:left; width:50%; text-align:center;padding:1em 0em;}
.stmaindivdetail p{ margin:10px 0; font-size:1.1em}
.stmaindivdetailtitle img{ width:60%;}
.stmaindivdetailpic{font-size:0.8em;color:#50B5DA;}
.stmaindivdetailpic img{ width:46%;}
.stmaindivdetailsplit{ margin:0.3em 0em;}
.stmaindivdetailsplit img{ height:1.5em;}

.tasksetdivt1{ float:left; width:100%; background-color:#fff; margin-bottom:2px;padding:1em 0; }
.tasksetdivt-pic{ float:left; width:10%; text-align:center;padding-left:1em;}
.tasksetdivt-pic img{ width:90%;}
.tasksetdivttemp-pic{ float:left; width:10%;text-align:center;padding-left:1em;}
.tasksetdivttemp-pic img{ width:55%;}

.tasksetdivt-text{ float:left; width:50%; height:2em; line-height:2em; font-size:1.0em; margin-left:8px; font-weight:bold;}
.tasksetdivtcontent{ float:left; width:100%;}
.tasksetdivdevice{padding-left:1em;}
.tasksetdivdevice li{ width:19%; float:left; text-align:center; }
.tasksetdivdevice li img{ width:90%;}
.tasksetdivdevice li p{font-size:0.8em; text-align:center; margin-top:5px;}
.taskpselect{ color:#50B5DA;}
.taskpunselect{ color:#979797}
.taskdivgrdetail{ padding:1em 0em;  overflow:hidden;padding-left:0.6em;}
.taskdivgrdetail li{width:11%; float:left; text-align:center;}
.taskdivgrdetail li img{ width:95%;}
.tasksetdivtbtn{ float:right; width:30%;}
.stmaindivntip { width:100%; text-align:center; font-size:1em; padding-top:8em; color:#4ba543;}
/*****************************温度设置************************************/
.tasktimscontext{ padding:1em; overflow:hidden;}
.tasktimslibt{ width:100%; display:table;}
.tasktimslibtmin{ width:15%; display:table-cell; vertical-align:middle; font-size:0.8em; text-align:center; color:#5d5d5d;}
.tasktimslibtinput{width:70%; display:table-cell; vertical-align:middle;}
.tasktimslibtmax{ width:15%; display:table-cell; vertical-align:middle;font-size:0.8em;text-align:center;color:#5d5d5d;}
.tasknumlb{ margin-left:15%; color:#50B5DA; font-size:1.5em}
.taskunitlb{color:#50B5DA; font-size:0.9em; margin-left:3px;}
/*****************************用户信息************************************/
.facontentdiv{ background-color:#fff; padding:1em 0.5em; margin-bottom:3px;}
.mfacontentdiv{ display:table; width:100%; margin-bottom:2.5em}
.mfacontenttu{ display:table-cell; vertical-align:middle; width:20%; text-align:center;}
.mfacontent{display:table-cell; vertical-align:middle;width: 60%;text-align: left;font-size: 1em;color: #000;font-weight: bold; padding-left:10px;}
.mfleftpic{display:table-cell; vertical-align:middle;width: 15%;}
.mfacontentdata{ font-size:0.9em; padding:0.5em 1em; color:#666}
.mfleftpicf2{display:table-cell; vertical-align:middle;width: 8%; text-align:center;}
.mfpiccontext{display:table-cell; vertical-align:middle;width: 84%;}

.mfpiccontext li{ float:left; width:5em; text-align:center;}
.mfpiccontext li img{ width:85%; border:1px solid #f78320; border-radius:38px;}
/****************************新增用户************************************/
.mfpiccontext2{position: absolute;z-index: 2;width:100%;top:3.2em; padding:15px 0px; text-align:center;}
.mfpiccontext2 ul {width: 40em;overflow: hidden;float: left;}
.mfpiccontext2 li{ float:left; width:5em; text-align:center;}
.mfpiccontext2 li img{ width:85%; border-radius:38px;}
.picselect {border:1px solid #f78320;}
.picunselect{border:none;}
/************************************************************************/
.divcontentInfo{ width:100%; }
.picadddivtitle{  text-align:center; font-size:1.2em;  padding:1em;}
.fdivitems{ margin:0; padding:1em 1.5em; background:#fff; margin-bottom:1.0px}
.fdivitems input[type=date]{ font-size:1.0em; text-align:center;}
.fdivitemsriabit{ margin-left:2em; margin-right:8px;}
.fdivitemsinpu1{ border-bottom:1px solid #cccccc; width:65%; margin-left:10px; text-align:center;}
.fdivitemsinpu2{ border-bottom:1px solid #cccccc; width:75%; margin-left:10px;text-align:center;}
.fdivitemsyees{border-bottom:1px solid #cccccc;  margin-left:5px; width:4em;}
.fdivitemsmoenth{border-bottom:1px solid #cccccc;  margin-left:5px; width:2.5em;}
.fdivitemsunit{color:#999999; font-size:1em;}
.divbtnsure{ margin:1.5em 0em;}
.divbtnsure input{ padding:0.5em 0em;background-color:#50B5DA;width:100%; color:#fff; font-size:1.0em}

/******************************添加设备**********/
.divnodevices{ padding-top:5em; text-align:center;}
.divnodevices p{ font-size:1em; margin-bottom:2em;}
.divnodevices a{ font-size:1.0em;display:inline-block; background-color:#50B5DA; color:#fff; width:80%; padding:0.8em 0em; border-radius:3px;}
.divdeviceslist li{ background-color:#fff;  margin:0 0 1px 0; padding:1em 0.2em;}
.devicedivt1{ display:table-cell; width:35%; vertical-align:middle; text-align:center;}
.devicedivt1 img{ width:80%;}
.devicedivt2{ width:55%;display:table-cell; vertical-align:middle;}
.devicedivt3{ display:table-cell; width:10%; vertical-align:middle; text-align:center;}
.devicedivt3 img{ width:40%;}
.devicedetail{ font-size:0.8em; margin-top:3px; line-height:1.5em; color:#666;}
.devicedetailnew{ font-size:0.8em; margin-top:3px; line-height:1.5em; color:#f00;}
.devicedivt2-L1{ font-size:1.0em; margin-right:5px; float:left; font-weight:bold; }
.devicedivt2-L2{ font-size:0.8em; color:#929292;  }
.devicetitle{height: 1.5em;line-height: 1.5em; overflow:hidden;}
.devicedivt2-L2online{ font-size:0.8em; color:#009204; float:right; margin-right:1em;}
.devicedivt2-dv2{ width:100%; overflow:hidden; margin-top:10px;}
.devicedivt2-dv21{ width:50%; float:left;}
.devicedivt2-dv21 img{ width:30%;}
.devicedivt2-dv22{ width:50%; float:left;}
.devicedivt2-dv22 img{ width:30%; margin-left:10px;}

/******************************设备列表 改版 2016 7 13*************/
#deviceTypeList li{

	background-color: #fff;
margin: 0 0 1px 0;
padding: 1em 0.2em;
}
.deviceddivIcon {
      display: table-cell;
    width: 15%;
    vertical-align: middle;
    text-align: center;
}
.devicedivtMid {
     width: 80%;
    display: table-cell;
    vertical-align: middle;
}

.devicerightIcon {
    display: table-cell;
    width: 5%;
    vertical-align: middle;
    text-align: center;
}

.devicenamediv-L1 {
    font-size: 1.0em;
    margin-right: 5px;
    float: left;
    margin-left: 25px;
    font-weight: bold;
}
.devicetypedetail {
    font-size: 0.8em;
    margin-top: 3px;
    line-height: 1.5em;
    color: #666;
    margin-left: 25px;
}
.devicetypedetailnew {
    font-size: 0.8em;
    margin-top: 3px;
    line-height: 1.5em;
    color: #f00;
    margin-left: 25px;
}

/******************************设备分享*************/
.deviceshare{ padding-top:2.5em; text-align:center;}
.devicesharetip{ font-weight:bold; font-size:1em;}
.deviceshare-p1{ font-size:1em; margin-bottom:8px; font-weight:bold; }
.deviceshare-p5{ margin-top:2em;}
.deviceshare-p5 img{ width:40%;}
.deviceshare-p6{ font-size:1.0em; margin-bottom:5px; margin-top:6px;font-weight:bold;}
.deviceshare-p2{ font-size:0.9em; color:#6f6f6f;margin-bottom:8px;}
.deviceshare-p3 input{ padding:8px 0;font-weight:bold; width:60%; color:#fff; background-color:#50B5DA; border-radius:3px; font-size:1.0em; margin-bottom:15px;}
.deviceshare-p4 input{ padding:8px 0;font-weight:bold; width:60%; color:#000; background-color:#fff; border-radius:3px; font-size:1.0em; border:1px solid #50B5DA}
.deviceshare-p8 input{ padding:8px 0; width:65%; color:#fff; background-color:#50B5DA; border-radius:3px; font-size:1em; margin-bottom:15px;}
.deviceshareset{ background-color:#fff; width:100%;padding:1em 0; overflow:hidden; margin-bottom:1px;}
.deviceshareset ul{ width:100%; float:left;}
.deviceshareset li{ width:20%; text-align:center;float:left;}
.deviceshareset li img{ width:32%;}
.devicesharesetmenu{ background-color:#fff; width:100%; height:70%; margin-top:2px; overflow:hidden; padding-top:2em;}
.devicesharesetpic1{ width:50%; float:left; text-align:center;}
.devicesharesetpic1 img{ width:21%;}
.devicesharesetpic2{ width:50%; float:left; text-align:center;}
.devicesharesetpic2 img{ width:18%;}

.devicesharesetleft{ display:table-cell; width:35%; vertical-align:middle; text-align:right; padding-right:5px;}
.devicesharesetleft img{ width:28%;}
.devicesharesetright{ width:58%;display:table-cell; text-align:left; vertical-align:middle; padding-left:5px;}
.devicesharesetright input{ font-size:1em; color:#656565;}
.devicesharesetsbtn{ background-color:#fff; width:100%; height:32%; text-align:center; padding-top:2.5em;}
.devicesharesetsbtn input{ padding:8px 0; width:65%; color:#fff; background-color:#50B5DA; border-radius:3px; font-size:1.1em; margin-bottom:15px; }

.devicemenutype{width:100%; overflow:hidden; text-align:center; color:#fff; font-size:1.0em;}
.devicemenutype1{width:50%; float:left; background-color:#50B5DA; padding:0.8em 0em;}
.devicemenutype2{width:50%; float:left; background-color:#616161;padding:0.8em 0em;}
.devicecontrolls li{ background-color:#fff; display:table; width:100%; margin-bottom:1px;}
.devicecontrolls li div{ display:table-cell; vertical-align:middle; padding:1em 0;}
.devicecontrolldiv1{ text-align:center; width:20%;}
.devicecontrolldiv1 img{ width:50%;}
.devicecontrolldiv2{ width:45%;}
.devicedivt2-pic{ float:left; width:10px;}
.devicecontrolldiv2p1{font-size:1em; color:#6f6f6f;}
.devicecontrolldiv2p2{font-size:0.8em; color:#6f6f6f; margin-top:5px; }
.devicecontrolldiv3{ width:35%; }
.devicecontrolldiv3 img{ width:21%;}
.devicecontrolldiv3 img:first-child{  margin-right:2.5em;}
.devicecontrolldiv4{ width:15%; text-align:center;}
.devicecontrolldiv4 img{ width:25%;}
.devicecontrolldiv4p3{font-size:1.0em; color:#6f6f6f;}
.devicecontrolldiv5{ width:65%;}

.recordcontainer{ background-color:#fff; padding:1em 0em;}
.cbp_tmtimeline{margin: 15px 0 0 0;padding: 0;position: relative;}
.cbp_tmtimeline:before {content: '';position: absolute;top: 0;bottom: 0;width: 1px;background: #a7a7a7;left: 12%;margin-left: -21px;}
.cbp_tmtimeline > li {  position: relative;}
.cbp_tmtimeline > li .cbp_tmicon{width: 8px;height: 8px;speak: none;text-transform: none;-webkit-font-smoothing: antialiased;position: absolute;color: #fff;background: #fff;border-radius: 50%;border:solid 1px #a7a7a7;left: 12%;top: 0;margin: 0 0 0 -25px;}
.cbp_tmtimeline > li .cbp_tmlabel{margin: 0 0 5px 12%;  padding:0 1em 3em 0px;;}
.cbp_tmlabeltitle{font-size: 0.9em; font-weight:bold;}
.cbp_tmlabeltext{ font-size:0.8em; margin-left:1em; margin-top:5px; color:#7d7d7d;}
 
/******************************意见反馈**********************/
.divadvicetitle{ padding:0.8em 1em; font-size:1.0em;}
.divadvicecontent{ margin:15px 0; background-color:#fff;text-align:center; padding:10px 0px;}
.divadvicecontent textarea{ height:8em; width:85%; padding:0.5em 1em; font-size:1em; border:1px solid #bbbbbb;border-radius:5px;}
.divadvicebtn { margin-top:2em; text-align:center; width:100%;}
.divadvicebtn input{ width:90%; padding:0.6em 0em; background-color:#50B5DA; color:#fff; font-size:1.0em; border-radius:2px;}
.divaslog{ padding-top:3em; text-align:center;}
.divaslog img{ width:58%;}
.divasdetail{ margin-top:2em; text-align:center;}
.divasdetailp1{ font-size:1.0em;color:#50B5DA;}
.divasdetailimg{ margin:1em 0 0.8em 0;}
.divasdetailimg img{width:60%;}
.divasdetailp2{ font-size:1em;color:#666666; margin-top:1.5em; }

.divcontentlist {border-top:1px solid #bbbbbb; margin:2em 0em 0em 0em; width:100%; overflow:hidden;}
.divcontentlisttitle{ text-align:center; font-size:0.8em; margin:2em 0em;}
.divcontentlist ul{ width:100%; overflow:hidden; float:left; font-size:0.8em;}
.divcontentlist ul li{ width:33%; float:left; text-align:center;}
.divcontentlist ul li img{ width:45%;}
.divcontentlist ul li p{ font-size:0.8em; margin-top:1em;}

.helpdivcontext { width:100%; background-color:#50B5DA; overflow:hidden;}
.helpdivcontext li{ width:100%; margin-bottom:1.5em; }

@media (max-width:400px) {
.stmaindivdevice{ float:left; width:30%;padding:5px; color:#50B5DA; text-align:center; height:110px;}
.tasksencecontextli{width:30%;float:left;text-align:center;color:#666;height:110px;padding:5px;}
<<<<<<< .mine
}

 /*弧形 INPUT 控件样式*/
.mysin{
	display:block;
width: 300px;
height: 300px;

/*border: 10px solid transparent;

border-radius: 50% ;
  -moz-border-top-colors:#8CE339 #B7E405 ;
    -moz-border-right-colors:#DFA000 #ED6500 red;
  
    -moz-border-left-colors:#069DF2  ;*/
    background-image: url(../images/huxingcaihong.png);
background-size: contain;
background-repeat: no-repeat;
}
.mysinCenter
{   
     display: block;
    width: 225px;
    height: 225px;
    background-image: url(../images/lmiot_power_img_normal.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: -68%;
    margin-left: 12%;
    z-index: 1;

}
.mysinIconCenter{
display: block;
width: 70px;
height: 70px;
background-image: url(../images/lmiot_power.png);
background-size: contain;
background-repeat: no-repeat;
position: relative;
top:  -20%;
z-index: 2;
left: 39%;
}

.mysin::before{

    display: block;
    width: 150px;
    height: 150px;
    content: "";
    border: 10px solid transparent;
    border-radius: 0% 0% 0% 100%;
    position: relative;
    top: 60%;
    transform: rotate(-49deg);
    left: 25%;
   
}
.mySinInput{

position: relative;
z-index: 100;
display: block;
margin-left: 26%;
padding: 0px;
 top: -138%;
 left: 26%;
height: 150px;
}

.MINFONT{

display: block;
position: relative;
top: -141%;
left: 3%;
color: #006AFF;

}
.MAXSFONT{
	display: block;
position: relative;
top:  -148%;
left: 85%;
color: #FF00CB;


}



 /* 浴缸 开关 ICON 定位*/
.batthOnOffLeft {
    float: left;
    position: relative;
    height: 10%;
    width: 5%;
}
.batthOnOffCenter{
    float: left;
    margin-left: 2%;
  position: relative;

}
.batthOnOffright{
      float: left;
    margin-left: 2%;
    position: relative;
    width: 8%;
}

.PasswordIinput {
     border: 1px solid;border-radius: 1px;margin-bottom: 5%;
}
/* 红外插座界面   */

 .learnTitle{
                margin-top: 5%;
        }

 /*  设备分享、使用记录、删除 操作界面 弹出菜单CSS */
 
 .popupfirstBottom{
         margin-bottom: 4%;
 }

.popUpmenuradio_on {
    text-align: right;
    width: 50px;
    background-color: #50B5DA;
    padding: 1px 1px;
    border-radius: 12px;


}
.popUpmenuradio_on input {
    height: 20px;
    width: 20px;
    border-radius: 12px;
    background-color: #fff;
}

.popUpmenuradio_off {
    text-align: left;
    width: 50px;
    background-color: #bbbbbb;
    padding: 1px 1px;
    border-radius: 12px;

}
.popUpmenuradio_off input {
    height: 20px;
    width: 20px;
    border-radius: 12px;
    background-color: #fff;
}


    .popUpmenu{
        position: fixed;
        z-index: 800;
         overflow: auto;
        text-align: center;
        top: 10%;
        border-radius: 6px;
        background-color: #fff;
        color: #000;
        left: 1%;
        right: 1%;
      
    }
    .PopUpmenuContext{
    text-align: left;
    padding: 10px;
    }

    .firstmenuUl{


    }
    .firstmenuUl li{
      margin-top: 2%;
    }
    .leftname{
    float: left;
    }
    .rightOnoffraio{
    margin-left: 79%;
    }

 .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
    @font-face {
        /*  这个 图标是字体文件来的。。 SO */
      font-family: 'fontello';
      src: url('./font/fontello.eot?31917239');
      src: url('./font/fontello.eot?31917239#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?31917239') format('woff'),
           url('./font/fontello.ttf?31917239') format('truetype'),
           url('./font/fontello.svg?31917239#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
 


  /*  红外电视遥控界面*/

  .row{
      display:table-row
  }

  .cell{
          display: table-cell;
          padding: 15px;
  }
  .cellwidthight{

   width:25%;
    min-height: 100px;
    text-align: center;
  }
  .margintop{
      margin-top:45%;
      background-color:#222222;
       height: 28%;
  }
  /*对应的按钮样式*/
.a_demo_three_on {
      font-size:0.8em;
     text-decoration:none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  color:#B6FF00;
 -webkit-animation: neon4 1.5s ease-in-out infinite alternate;
  -moz-animation: neon4 1.5s ease-in-out infinite alternate;
  animation: neon4 1.5s ease-in-out infinite alternate;

     background-color: #222222;

    text-decoration: none;


    border-left: solid 1px #222222;
    margin-left: 35px;

  
}
.a_demo_three_on:active {
   top: 3px;
  background-color: #222222;
   -webkit-animation: neon4 1.5s ease-in-out infinite alternate;
  -moz-animation: neon4 1.5s ease-in-out infinite alternate;
  animation: neon4 1.5s ease-in-out infinite alternate;


    color:#ffffff;
}
.a_demo_three_on::before {
     background-color: #222222;
    content: "1";
    width: 35px;
    max-height: 29px;
    height: 100%;
    position: absolute;
    display: block;
    padding-top: 8px;
    top: 0px;
    left: -36px;
    font-size: 16px;
    font-weight: bold;
    color:#ffffff;
    text-shadow: 1px 1px 0px #07526e;
 
    
}
.a_demo_three_off {
     text-decoration:none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
	  color:#B6FF00;
        font-size:0.8em;
  

    background-color: #222222;
   
    text-decoration: none;

   


    border-left: solid 1px #222222;
    margin-left: 35px;
  
 

 
}
.a_demo_three_off:active {
    top: 3px;
   
    -webkit-animation: neon4 1.5s ease-in-out infinite alternate;
  -moz-animation: neon4 1.5s ease-in-out infinite alternate;
  animation: neon4 1.5s ease-in-out infinite alternate;

   
    color:#ffffff;
}
.a_demo_three_off::before {
  background-color: #222222;
    content: "1";
    width: 35px;
    max-height: 29px;
    height: 100%;
    position: absolute;
    display: block;
    padding-top: 8px;
    top: 0px;
    left: -36px;

    font-weight: bold;
    color: #8fd1ea;
    text-shadow: 1px 1px 0px #07526e;



  
}
.second_button::before {
    content: "2";
        color:#ffffff;
}
.third_button::before {
    content: "3";
        color:#ffffff;
}
.foure_button:before{
     content: "4";
         color:#ffffff;
}
/*--动画*/
@keyframes neon4 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #B6FF00,
               0 0 70px  #B6FF00,
               0 0 80px  #B6FF00,
               0 0 100px #B6FF00,
               0 0 150px #B6FF00;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #B6FF00,
               0 0 35px #B6FF00,
               0 0 40px #B6FF00,
               0 0 50px #B6FF00,
               0 0 75px #B6FF00;
  }
}